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})