DjangoAdmin用戶登錄（jquery處理方法）

一、URL配置：

創(chuàng)新互聯(lián)成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站制作、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xià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>運(yùn)維管理平臺登陸</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運(yùn)維管理平臺登陸</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訪問時間點(diǎn)：%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')

四、效果圖：

Django Admin用戶登錄（jquery處理方法）

Django Admin用戶登錄（jquery處理方法）

Django Admin用戶登錄（jquery處理方法）

分享名稱：DjangoAdmin用戶登錄（jquery處理方法）
分享網(wǎng)址：http://bm7419.com/article6/iicoog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、App設(shè)計(jì)、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)