注册页的基本逻辑操作

Posted 2021-01-31 antique

后端

#注册页面
@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>