[feat] 增加前端代码

Fgaoxing · Fgaoxing · commit 659c720b30b3 · 2024-08-12T22:52:22.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 .vscode/
+.idea/
 
 # Byte-compiled / optimized / DLL files
 __pycache__/
diff --git a/index.py b/index.py
@@ -1,19 +1,20 @@
-from flask import Flask, render_template, request
+from flask import Flask, render_template, request, send_from_directory
 from os.path import dirname, abspath, join
 from json import loads, dumps
-import random
+import os
 from core import search
-import requests
 import urllib3
 
 urllib3.disable_warnings(urllib3.exceptions.InsecureRequestWarning)
 
 app = Flask(__name__)
+app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 3600  # 缓存时间为1小时
+app.config['STATIC_FOLDER'] = os.path.join(
+    os.path.dirname(os.path.abspath(__file__)), 'static')
 
-
-@app.route('/')
-def home():
-    return render_template('index.html')
+@app.route('/<path:filename>')
+def static_files(filename):
+    return send_from_directory(app.config['STATIC_FOLDER'], filename)
 
 
 @app.route('/s', methods=['GET'])
@@ -38,4 +39,4 @@ def about():
 
 if __name__ == '__main__':
     app.config['JSON_AS_ASCII'] = False
-    app.run(host='127.0.0.1', port=2333)
+    app.run(host='127.0.0.1', port=2333)
diff --git a/static/app.css b/static/app.css
@@ -0,0 +1,45 @@
+body,
+:root,
+html {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    margin: 0;
+    width: 100%;
+}
+
+.title {
+    font-size: 50px;
+    font-weight: 400;
+}
+
+.form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: calc(100% - 30px);
+    ;
+    max-width: 768px;
+    margin: 15px;
+}
+
+.q-input {
+    border: none;
+    border-bottom: 3px solid #38b6ff;
+    padding: 10px;
+    outline: none;
+    width: 100%;
+    margin: 20px;
+    box-sizing: border-box;
+}
+
+.submit {
+    outline: none;
+    border: 0;
+    background-color: #38b6ff;
+    color: #fff;
+    padding: 10px;
+    margin: 20px;
+}
diff --git a/static/app.js b/static/app.js
@@ -0,0 +1,12 @@
+function search() {
+    var search = document.getElementById("search").value;
+    var searchEngine = document.getElementsByName("SearchE")[0].checked ? "bing" : "google" ;
+    fetch("/s", {
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ search: search, searchEngine: searchEngine })
+    }).then(response => response.json()).then(data => {
+        console.log(data);
+    });
+}
diff --git a/static/index.html b/static/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Plug</title>
+    <link rel="stylesheet" href="/app.css">
+    <script src="/app.js"></script>
+</head>
+
+<body>
+    <h1 class="title">Plug</h1>
+    <div class="form">
+        <input placeholder="Name of the Plugin, Chinese or English" name="q" class="q-input" id="search">
+        <br>
+        <span class="select">
+            <input type="radio" name="SearchE" value="bing" checked> Bing
+            <input type="radio" name="SearchE" value="google"> Google
+        </span>
+        <button type="button" class="submit" onclick="search()">Search</button>
+    </div>
+</body>
+
+</html>
diff --git a/templates/index.html b/templates/index.html

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`.vscode/`
	`2`	`+.idea/`
`2`	`3`
`3`	`4`	`# Byte-compiled / optimized / DLL files`
`4`	`5`	`__pycache__/`