1.提交的時候會報錯

2. 需要在setting里面注釋掉一句話,關閉跨站請求檢查。

3. 注釋掉以后,理論上就不報錯了。可我還是卡殼了。

4. 通過在網上找方法,修復錯誤。
原因:表單action字段沒有以 '/' 結尾,將action 修改為 action="/a/b/"即可修復。將action字段修正如下:
這里需要說明一下,在Django里面,會默認在瀏覽器的后面加一個/. 例如:127.0.0.1:8000/login, 會被修正為:
127.0.0.1:8000/login/.
所以如果在URL中有/的話,則在action中也必須加上/。要么兩者都不加,否則就會報錯。
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})
