更新 app.py

app/app.py

@@ -10,9 +10,18 @@ def index():
         return redirect(url_for('home'))
     else:
         return render_template('login.html')
-@app.route('/register', methods=['GET','POST'])
+@app.route('/register', methods=['GET', 'POST'])
 def register():
-    return render_template('register.html')
+    if request.method == 'POST':
+        # 解析JSON数据而不是表单数据
+        data = request.get_json()
+        nick_name = data['nickname']
+        print(nick_name)
+        # 处理注册逻辑...
+        return jsonify({"success": True, "message": "注册成功"})  # 返回JSON响应
+    else:
+        return render_template('register.html')
+
 
 
 @app.route('/login', methods=['POST'])

app/templates/register.html

@@ -12,8 +12,9 @@
         width: 320px;
         margin: 21px auto 0;
     }
+
     .demo-reg-item {
-        margin-bottom: 10px;  /* 调整间距 */
+        margin-bottom: 10px; /* 调整间距 */
     }
 </style>
 
@@ -57,13 +58,23 @@
                        placeholder="确认密码" autocomplete="off" class="layui-input" lay-affix="eye">
             </div>
         </div>
+        <div class="layui-form">
+            <div class="layui-form-item">
+                <label class="layui-form-label">身份</label>
+                <div class="layui-input-block">
+                    <input type="radio" name="identity" value="teacher" title="教师" checked>
+                    <input type="radio" name="identity" value="student" title="学生">
+                </div>
+            </div>
+        </div>
         <div class="layui-form-item">
-            <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-reg">注册</button>
+            <button class="layui-btn layui-btn-fluid" type="submit" lay-submit lay-filter="btnRegister">注册</button>
         </div>
     </div>
 </form>
 
 <script src="static/layui.js"></script>
+<script src="static/jquery.min.js"></script>
 <script>
     layui.use(function () {
         var $ = layui.$;
@@ -80,10 +91,51 @@
             }
         });
 
-        form.on('submit(demo-reg)', function (data) {
-            // AJAX 请求和其他逻辑...
-            return false;
+        layui.use(['form', 'layer'], function () {
+            var form = layui.form;
+            var layer = layui.layer;
+
+            // 监听注册表单的提交事件
+            form.on('submit(btnRegister)', function (data) {
+                // 构建要提交的数据对象
+                var postData = {
+                    nickname: data.field.nickname,  // 昵称
+                    cellphone: data.field.cellphone,  // 手机号
+                    password: data.field.password,  // 密码
+                    identity: data.field.identity  // 身份
+                };
+
+                // 发送AJAX POST请求
+                console.log("Sending AJAX request to /register", postData);
+                $.ajax({
+                    type: "POST",
+                    url: "/register",  // 修改为你的注册接口
+                    contentType: "application/json",
+                    data: JSON.stringify(postData),  // 将数据转为JSON字符串
+                    dataType: 'json',
+                    success: function (response) {
+                        // 根据返回的结果进行操作
+                        if (response.success) {
+                            layer.msg('注册成功！', {
+                                time: 2000 //2秒关闭（如果不配置，默认是3秒）
+                            }, function () {
+                                // 关闭后执行的回调函数
+                                window.location.href = '/';
+                            });
+                        } else {
+                            // 显示错误信息
+                            layer.alert('注册失败: ' + response.message);
+                        }
+                    },
+                    error: function () {
+                        layer.alert('注册请求失败');
+                    }
+                });
+
+                return false; // 阻止表单的默认提交
+            });
         });
+
     });
 </script>