在django中實現(xiàn)頁面倒數(shù)幾秒后自動跳轉(zhuǎn)的例子
實現(xiàn)倒計時跳轉(zhuǎn)要和html中的js結(jié)合起來,
例如:實現(xiàn)一個頁面簡單的注冊,然后注冊成功后倒計時自動跳轉(zhuǎn)到登錄頁面。
# 注冊頁面
def register(request):
return render(request,"register.html")
# 點擊注冊
def doregister(request):
# 獲得用戶輸入的信息,保存到數(shù)據(jù)庫
username=request.GET.get("username")
password=request.GET.get("password")
surepwd=request.GET.get("surepwd")
age=request.GET.get("age")
# 判斷密碼
if surepwd==password :
# 創(chuàng)建一個對象
user = User()
user.u_name = username
# user.u_password=password
# 創(chuàng)建md5對象
MD5 = hashlib.md5()
# 將一個二進(jìn)制數(shù)據(jù)進(jìn)行md5處理,生成一個128位的二進(jìn)制數(shù)據(jù)
MD5.update(password.encode("utf-8"))
# 將二進(jìn)制結(jié)果轉(zhuǎn)換成 十六進(jìn)制的結(jié)果,4位二進(jìn)制轉(zhuǎn)換成1位十六進(jìn)制
passwd = MD5.hexdigest()
user.u_password = passwd
user.u_age = int(age)
# token是唯一的
# 生成一個無法重復(fù)的標(biāo)識
user.u_token = createToken()
user.save()
return render(request,'pageJump.html')
else:
return render(request,'register.html',context={"alert":1})
return render(request,‘pageJump.html')用來請求實現(xiàn)自動跳轉(zhuǎn)的頁面。
<body>
<p>注冊成功!還有<span id="sp">5</span>秒跳轉(zhuǎn)到登錄界面...</p>
<script>
onload=function () {
setInterval(go,1000)
};
var x=4;
function go() {
if (x>=0){
document.getElementById("sp").innerText=x;
}else {
location.href="/day06/index" rel="external nofollow" rel="external nofollow" ;
}
x--;
}
</script>
</body>
setInterval(go,1000)設(shè)置定時器,1秒執(zhí)行一次go函數(shù),當(dāng)x小于0時,執(zhí)行 location.href="/day06/index" rel="external nofollow" rel="external nofollow" ;這樣就能跳轉(zhuǎn)到登錄頁面,去執(zhí)行登錄操作了
以上這篇在django中實現(xiàn)頁面倒數(shù)幾秒后自動跳轉(zhuǎn)的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Matplotlib.pyplot 三維繪圖的實現(xiàn)示例
這篇文章主要介紹了Matplotlib.pyplot 三維繪圖的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
最新解決沒有NVSMI文件夾以及nvidia-smi‘?不是內(nèi)部或外部命令也不是可運行的程序或批處理文件
這篇文章主要介紹了解決沒有NVSMI文件夾以及nvidia-smi‘?不是內(nèi)部或外部命令也不是可運行的程序或批處理文件,本文通過兩種問題分析給大家分享解決方法,需要的朋友可以參考下2023-01-01
Python numpy 數(shù)組的向量化運算操作方法
這篇文章主要介紹了Python numpy數(shù)組的向量化運算操作方法,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-06-06

