後端

#註冊頁面
@app.route("/register")
def register():
    return render_template("register.html")
#註冊邏輯
@app.route("/reg/<username>/<password>",methods=[‘GET‘])
def reg(username,password):
    #查詢一下，看看該用戶是否存在
    res = db.user.find_one({‘username‘:username})
    #如果為空可以註冊
    if res is None:
        #進行入庫操作
        db.user.insert({‘username‘:username,‘password‘:password})
        return jsonify({‘result‘:1})
    else:
        return jsonify({‘result‘:0})

前端

<script>
    function sign_in(){
        //獲取用戶名
        var username = $("#username").val();
        //獲取密碼
        var password = $("#password").val();
        //確認密碼
        var password2 = $("#password2").val();
        //判斷非空，使用return false來停滯方法繼續執行
        if(useranme == ""){alert("用戶不能為空");return false;}
        //用或者判斷 || 並且 &&
        if (password == "" || pasword2 == ""){alert("密碼不能為空");return false;}
        //判斷兩次輸入密碼是否一致
        if (password != password2){ alert("兩次密碼不一致");return false;}
        //拼接url
        var url = "/reg/"+username+"/"+password;
        //發送ajax請求
        $.getJSON(url,function(msg){
            //註冊失敗
            if (msg.result == 0){
                alert("該用戶已存在");
            }else{
                alert("註冊成功");
                //跳轉頁面
                window.location.href = "/sign_in";
            }
        });
    }
</script>

註冊頁的基本邏輯操作