更新 home.html

app/app.py

@@ -24,19 +24,23 @@ def register():
 
 
 
-@app.route('/login', methods=['POST'])
+@app.route('/login', methods=['GET', 'POST'])
 def login():
-    username = request.form['username']
-    password = request.form['password']
-    print(username,password)
-    # 验证用户名和密码...
-    if valid_login(username, password):
-        # 登录成功
-        session['username'] = username
-        return jsonify(success=True, message="登录成功")
+    if request.method == 'GET':
+        return render_template('login.html')
     else:
-        # 登录失败
-        return jsonify(success=False, message="无效的用户名或密码")
+        username = request.form['username']
+        password = request.form['password']
+        print(username, password)
+        # 验证用户名和密码...
+        if valid_login(username, password):
+            # 登录成功
+            session['username'] = username
+            return jsonify(success=True, message="登录成功")
+        else:
+            # 登录失败
+            return jsonify(success=False, message="无效的用户名或密码")
+
 
 
 def valid_login(username, password):
@@ -51,9 +55,15 @@ def forget_page():
 def home():
     if 'username' in session:
         return render_template('home.html')
-
     else:
-        return redirect(url_for('/'))  # 如果用户未登录，重定向到登录页面
+        return redirect("login")
+
+@app.route('/logout')
+def logout():
+    # 清除session中的所有信息
+    session.clear()
+    # 返回一个响应，或者重定向到登录页面
+    return redirect('/login')
 
 if __name__ == '__main__':
     app.run(debug=True)

app/templates/home.html

@@ -28,7 +28,7 @@
                 <dl class="layui-nav-child">
                     <dd><a href="javascript:;">资料</a></dd>
                     <dd><a href="javascript:;">设置</a></dd>
-                    <dd><a href="javascript:;">登出</a></dd>
+                    <dd><a href="javascript:;" id="logoutLink">登出</a></dd>
                 </dl>
             </li>
             <li
@@ -74,21 +74,18 @@
     </div>
 </div>
 
-<script src="//cdn.staticfile.org/layui/2.9.2/layui.js"></script>
+<script src="static/jquery.min.js"></script> <!-- 确保已经引入jQuery -->
+<script src="static/layui.js"></script>
 <script>
-    //JS
-    layui.use(['element', 'layer', 'util'], function () {
-        var element = layui.element;
-        var layer = layui.layer;
-        var util = layui.util;
-        var $ = layui.$;
+    layui.use(['jquery'], function(){
+        var $ = layui.jquery; // 获取Layui的jQuery对象
 
-        //头部事件
-        util.event('lay-header-event', {
-            menuLeft: function (othis) {
-                // 左侧菜单事件
-                layer.msg('展开左侧菜单的操作', {icon: 0});
-            },
+        $('#logoutLink').on('click', function() {
+            // 向后端发送登出请求
+            $.get('/logout', function(data) {
+                // 重定向到登录页面，或根据后端响应做其他处理
+                window.location.href = '/login';
+            });
         });
     });
 </script>