注册页的基本逻辑操作

后端

#注册页面
@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>
原文地址:https://www.cnblogs.com/antique/p/10216667.html