Django之form表單提交併驗證

1.提交的時候會報錯css

 

2. 須要在setting裏面註釋掉一句話,關閉跨站請求檢查。html

 

3. 註釋掉之後,理論上就不報錯了。可我仍是卡殼了。python

 

4. 經過在網上找方法,修復錯誤。jquery

緣由:表單action字段沒有以 '/' 結尾,將action 修改成 action="/a/b/"便可修復。將action字段修正以下:django

這裏須要說明一下,在Django裏面,會默認在瀏覽器的後面加一個/. 例如:127.0.0.1:8000/login, 會被修正爲:瀏覽器

127.0.0.1:8000/login/.服務器

因此若是在URL中有/的話,則在action中也必須加上/。要麼二者都不加,不然就會報錯。post

url(r'^login/',views.login) 必須與action='/login/'匹配測試

 

 

5. 此時再提交的時候,就不報錯了。網站

6. 重啓重連,當有請求過來的時候,都是到urls.py裏面去找對應關係。

  後臺應該根據用戶不一樣的提交方式(get/post),去獲取不一樣的方法。

通常而言,都是以get方式獲取表單,以post方式提交用戶名和密碼。

  request裏面包含了客戶端用戶發過來的全部的信息。

若是是【post】,那麼表單數據將放在請求體中被髮送出去。
若是是【get】,那麼表單數據將會追加到查詢字符串中,以查詢字符串的形式提交到服務端。eg: www.baidu.com?nid=1&name=2
建議:表單一般仍是以post方式提交比較好,這樣能夠不破壞URL,何況URL還有長度限制。

 

        user=request.POST['user']
        pwd = request.POST['pwd']
        print(user,pwd)

 測試後臺獲取用戶名和密碼。request.POST()  相似於一個字典。

 

 爲了防止報錯,能夠把上面的程序修改成:

dict.get(key, default=None) ,若是有值,則獲取;若是沒有,則使用默認值。這樣有了默認值後,就不會報錯了。

 

7. 至此,能夠重啓服務器端,而後以root,123做爲用戶名和密碼提交,成功跳轉到百度頁面。

 跳轉:

 

 

 

8. 驗證完之後,若是用戶名密碼錯誤的話,返回提示到客戶端。

8.1:在login.html中加1個標籤

 

8.2 在view.py中給render加第3個參數,

return render(request,'login.html',{'error_msg':'用戶名密碼不匹配'})

render會先找到login.html目錄,而後打開login.html文件放到內存,而後找到error_msg這個特殊的字符,而後把error_msg這個字符串替換成 ’用戶名密碼不匹配' 這個字符串。

 

運行結果:至此一切結束。

 

9. 粘貼一下到此時的程序

9.1 目錄

 

9.2 login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/commons.css"/>
    <style>
        label{
            width:80px;
            text-align:right;
            display:inline-block;
        }
    </style>
</head>
<body>
    <form action="/login/" method="post">
        <p>
            <lable for="username">用戶名:</lable>
            <input id="username" name="user" type="text"/>
        </p>
        <p>
            <lable for="password">密碼:</lable>
            <input id="password" name="pwd" type="password"/>
            <input type="submit" value="提交"/>
            <span style="color:red;">{{error_msg}}</span>
        </p>
    </form>
    <script src="/static/jquery.min.js"></script>
</body>
</html>

 

9.3 views.py

from django.shortcuts import render
from django.shortcuts import redirect

# Create your views here.

from django.shortcuts import HttpResponse

def login(request):
    # f=open('temp/login.html','r',encoding='utf-8')
    # data=f.read()
    # f.close()
    # return HttpResponse(data)
    return render(request,'login.html')

def login(request):
    #包含用戶提交的全部信息
    #獲取用戶的提交方法
    #print(request.method)
    error_msg=""
    if request.method=='POST':
        #獲取用戶經過post提交過來的數據
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user=='root' and pwd=='123':
            #去跳轉(重定向)到百度網站
            return redirect('http://www.baidu.com')
        else:
            #用戶名密碼不匹配
            error_msg = '用戶名或密碼錯誤'
            #pass
        #user=request.POST['user']
        #pwd = request.POST['pwd']
        #print(user,pwd)

    return render(request,'login.html',{'error_msg':error_msg})
相關文章
相關標籤/搜索