溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細(xì)講解有關(guān)flask框架如何實(shí)現(xiàn)修改密碼和免密登錄功能，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
數(shù)據(jù)庫(kù)部分：
#重置密碼
def reset_pass(phone,password):
conn,cursor=get_conn()
sql="update userdata set userpass='"+password+"' where userphone='"+phone+"'"
try:
print("正在修改密碼...")
resetflag=cursor.execute(sql)
conn.commit()
close_conn(conn,cursor)
if(resetflag==1):
print("修改成功")
return 1
else:
print("修改失??！")
return 0
except:
print("系統(tǒng)錯(cuò)誤...修改密碼失??！")
return 0路由部分：
#用戶(hù)修改密碼
@app.route('/resetpass',methods=['GET', 'POST'])
def resetpass():
userphone=request.values.get('userphone')
resetpass=request.values.get('resetpass')
print("路由獲得手機(jī)號(hào)："+userphone+"\n")
print("路由獲得新密碼：" + resetpass + "\n")
flag=sql.reset_pass(userphone,resetpass)
if(flag==1):
return jsonify({"data":1})
else:
return jsonify({"data":0})html頁(yè)面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>樹(shù)懶電影---重置您的密碼</title>
<style type="text/css">
#resetform{
margin-top: 350px;
margin-left: 750px;
}
</style>
</head>
<body>
<form method="post" id="resetform">
<tr>
<td><input type="text" id="userphone" value="" placeholder="輸入您的手機(jī)號(hào)碼"></td>
</tr><br>
<tr>
<td><input type="password" id="resetpass1" value="" placeholder="輸入您的新密碼"></td>
</tr><br>
<tr>
<td><input type="password" id="resetpass2" value="" placeholder="再次輸入您的新密碼"></td>
</tr><br>
<tr>
<td><input type="reset" value="清空"></td>
<td><input type="button" id="resetbtn" onclick="resetpass()" value="提交"></td>
</tr>
</form>
</body>
</html>
<script src="../static/js/jquery.min.js"></script>
<script type="text/javascript">
function resetpass(){
var userphone=document.getElementById("userphone").value
var resetpass1=document.getElementById("resetpass1").value
var resetpass2=document.getElementById("resetpass2").value
var submit_flag=1
//判空
if((userphone.length==0)||(resetpass1.length==0)||(resetpass2.length==0)){
submit_flag=0
alert("請(qǐng)把信息填寫(xiě)完整！")
}
//判斷密碼一致性
if(resetpass2!=resetpass1){
submit_flag=0
alert("兩次填寫(xiě)的密碼不一致")
document.getElementById("resetpass1").focus();
}
//判斷手機(jī)號(hào)
if(userphone.length!=11){
submit_flag=0
alert("手機(jī)號(hào)碼應(yīng)為11位！")
document.getElementById("userphone").focus();
}
var regu = /^1[3456789]\d{9}$/
if(!(regu.test(userphone)) ){
submit_flag=0
alert("手機(jī)號(hào)碼格式有誤！")
document.getElementById("userphone").focus();
}
//判斷密碼格式
if(!((resetpass1.length>=6)&&resetpass1.length<=18))
{
submit_flag=0
alert("密碼長(zhǎng)度應(yīng)該為6-16位!")
document.getElementById("resetpass1").focus();
}
var regex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{6,18}');
part_pass=resetpass1.split(" ")
if((!(regex.test(resetpass1))) || part_pass.length!=1)
{
submit_flag=0
alert("密碼為數(shù)字+英文字母 且不可以包含空格！")
document.getElementById("resetpass1").focus();
}
//發(fā)起請(qǐng)求
if(submit_flag==1)
{
$.ajax({
url:"/resetpass",
data:{userphone:userphone,resetpass:resetpass2},
success: function (data) {
if (data.data==1)
{
alert("密碼修改成功！")
window.open("/",'_self')
}
else
{
alert("修改密碼失??！請(qǐng)重試")
}
},
error: function (xhr, type, errorThrown) {
// print("ajax請(qǐng)求失??！")
}
})
}
// alert(submit_flag)
}
</script>html代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../static/css/login.css" rel="external nofollow" >
<script src="../static/js/jquery-1.7.2.min.js"></script>
<script src="../static/js/register.js"></script>
<title>樹(shù)懶電影登錄</title>
<script >
</script>
</head>
<body>
<div id="container">
<div id="container-child">
<div id="img-div"><img src="../static/img/shulan.png"></div>
<div id="login-div">
<div>
<p class="p-title">登錄您的樹(shù)懶電影</p>
<form id="login-form" method="post">
<div class="input-d">
<input class="input-text" type="text" name="userphone" id="userphone" placeholder="請(qǐng)輸入您的賬號(hào)">
</div>
<div class="input-d">
<input class="input-text" type="password" name="password" id="password" placeholder="請(qǐng)輸入您的密碼">
</div>
<div class="div-input">
<div>
<input type="checkbox" value=“1” class=“remeber” onclick="onClickHander(this)">
<label>記住密碼</label>
</div>
</div>
<button type="button" class="login-button" onclick="login_()">登?錄</button>
<div class="footer"> <a href="http://127.0.0.1:5000/regis" rel="external nofollow" >注冊(cè)</a> | <a href="http://127.0.0.1:5000/reset" rel="external nofollow" >忘記密碼</a></div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
var cb=0
function onClickHander(obj) {
if(obj.checked==true){
cb=1
// alert(cb)
}else{
cb=0
// alert(cb)
}
}
function login_(){
var userphone=document.getElementById("userphone").value
var password=document.getElementById("password").value
// alert(cb)
$.ajax({
url: "/web_login",
data: {
userphone:userphone,password:password,cb:cb
},
success: function (data) {
//正常驗(yàn)證失敗彈窗
if (data.data == 0)
alert("賬號(hào)或密碼錯(cuò)誤！")
//驗(yàn)證成功，返回response
if (data.data != 0)
window.open("http://127.0.0.1:5000/show","_self")
},
error: function (xhr, type, errorThrown) {
print("登錄js，驗(yàn)證賬號(hào)密碼ajax請(qǐng)求失??！")
}
})
}
</script>Python路由
#免密登錄
@app.route('/web_login/',methods=['GET', 'POST'])
def web_login():
userphone = request.values.get('userphone')
password=request.values.get('password')
cb=request.values.get('cb')
print("是否記住密碼： "+cb) #cb的返回值類(lèi)型是 str 字符串
# print(type(cb))
print("登錄賬號(hào)："+userphone+" "+"密碼："+password)
res=sql.web_login(userphone,password)
if(res==True):
session['userphone'] = userphone
if(cb=="1"):
print("開(kāi)始存儲(chǔ)cookie登錄賬號(hào)：" + userphone + " " + "密碼：" + password)
resp = make_response('儲(chǔ)存cookie')
resp.set_cookie('cookphone', userphone, max_age=3600 * 24 * 15)
resp.set_cookie('cookpass', password, max_age=3600 * 24 * 15)
print("登錄成功且用戶(hù)選擇記住密碼，返回response")
return resp #登錄成功且用戶(hù)選擇記住密碼，返回response
else:
print("登錄成功 返回 1 狀態(tài)碼")
return jsonify({"data": 1}) # 登錄成功 返回 1 狀態(tài)碼
else:
print("登錄失敗 返回 0 狀態(tài)碼")
return jsonify({"data":0}) #登錄失敗 返回 0 狀態(tài)碼數(shù)據(jù)庫(kù)驗(yàn)證登錄
# 用戶(hù)（web）登錄驗(yàn)證
def web_login(userphone, password):
cursor = None
conn = None
res=[]
if(userphone==None or password==None):
return False
conn, cursor = get_conn()
sql = "select userphone,userpass from userdata where '"+userphone+"'=userphone and '"+password+"'=userpass "
res=query(sql)
conn.commit()
if(len(res)==0):
print("登陸失敗（WEB）")
close_conn(conn, cursor)
return False
else:
close_conn(conn, cursor)
print("登陸成功（WEB）")
return True關(guān)于“flask框架如何實(shí)現(xiàn)修改密碼和免密登錄功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼