一、URL配置:
創(chuàng)新互聯(lián)成立于2013年,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站制作、做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元思禮做網(wǎng)站,已為上家服務(wù),為思禮各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220
# 用戶登陸列表 # 用戶登陸 url(r'login/', views_study.study_login, name='study_login'), #views.login, name='login'), url(r'^study/login/', views_study.study_login, name='study_login'), url(r'^study/username/', views_study.study_username, name='study_index'), # 用戶退出 url(r'logout/', views.logout, name='logout'), # 密碼修改 url(r'password_change/', views.password_change, name='password_change'),
二、前端網(wǎng)頁內(nèi)容:
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="/static/p_w_picpaths/favicon.ico">
<title>運維管理平臺登陸</title>
<link href="/static/css/simple-line-icons.css" rel="stylesheet">
<link href="/static/css/style.css" rel="stylesheet">
</head>
<body class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-5 card card-group card-block">
<!--form class="center" method="post"> <!--建立一個用于登陸的form表單 %csrf_token%-->
<h2 class="text-center">jq運維管理平臺登陸</h2>
<p class="text-muted text-center">請輸入你的帳號和密碼!</p>
<div class="input-group mb-1">
<span class="input-group-addon"><i class="icon-user"></i>
</span>
<input id="username" maxlength="254" type="text" class="form-control" placeholder="用戶名"/>
</div>
<div class="input-group mb-2">
<span class="input-group-addon"><i class="icon-lock"></i>
</span>
<input id="password" type="password" class="form-control" placeholder="密碼" />
</div>
<button id="login" type="submit" class="btn btn-primary px-2"><i class="icon-key"></i>登錄</button>
<!--/form-->
</div>
</div>
</div>
<script src="/static/js/libs/jquery.min.js"></script>
<script >
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});
function Login() {
var username=$('#username').val();
var password=$('#password').val();
//var csrfmiddlewaretoken = $("input[name='csrfmiddlewaretoken']").val();
{# 調(diào)用ajax提交數(shù)據(jù) #}
$.ajax({
url:"/login/",
data:{"username": username, "password": password},
type:'POST',
success:function(data){
data=JSON.parse(data)
if(!data.status){
alert(data.content);
return false;
}
else {
location.href="/study/username/" //跳轉(zhuǎn)
}
}
});
}
$(function() {
document.getElementById("login").onclick = function () {
Login();
}
})
</script>
</body>
</html>三、后端網(wǎng)頁內(nèi)容:
def study_login(request):
print ("study_login訪問時間點:%s" %datetime.now().strftime("%Y-%m-%d %H:%M:%S.%f"))
if request.method == 'POST':
username = request.POST.get('username')
password = request.POST.get('password')
user = authenticate(username=username, password=password)
if user is not None: # pass authtencation
login(request, user)
return HttpResponse(json.dumps({
"status": 200,
}))
else:
return HttpResponse(json.dumps({
"content": "用戶名或者密碼不匹配,請檢查.....",
}))
else:
return render(request, 'study/login_jquery.html')四、效果圖:



分享名稱:DjangoAdmin用戶登錄(jquery處理方法)
分享網(wǎng)址:http://chinadenli.net/article6/iicoog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、App設(shè)計、網(wǎng)站維護、網(wǎng)站設(shè)計公司、品牌網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)