---恢復內容開始---
Form表單組件
引例:
先來看一個注冊的例子,全部用的是reg函數來實現的。
views.py文件
def reg(request):errors = {'username':'','password':''}if request.method == 'POST':username = request.POST.get('username')password = request.POST.get('password')if 'sb' in username:errors['username'] = '用戶名里面不能有sb,你這個dsb'if password == '123':errors['password'] = '密碼太簡單了,你怕是個傻子哦'return render(request,'reg.html',locals())
reg.html文件
<h1>注冊頁面</h1> <form action="" method="post"><p>username:<input type="text" name="username"><span>{{ errors.username }}</span></p><p>password:<input type="password" name="password"><span>{{ errors.password }}</span></p><input type="submit"></form>
這里我們定義了一個errors的字典來對input框內容進行限制
其實form常用字段和插件就可以做到
常用字段與插件
initial:初始值,input框里面的初始值。
error_messages:重寫錯誤信息。
views.py文件
from app01 import models from django import forms from django.forms import widgets
class MyForm(forms.Form):name = forms.CharField(max_length=6,label='用戶名',error_messages={'max_length':'用戶名最長6位','required':'用戶名不能為空'})password = forms.CharField(max_length=8,min_length=3,error_messages={'max_length': '密碼最長8位','required': '密碼不能為空','min_length':'密碼最少3位'},widget=widgets.PasswordInput(attrs={'class':'c1 form-control'}))confirm_password = forms.CharField(max_length=8, min_length=3, error_messages={'max_length': '確認密碼最長8位','required': '確認密碼不能為空','min_length': '確認密碼最少3位'},widget=widgets.PasswordInput())email = forms.EmailField(error_messages={'invalid':'郵箱格式不正確','required':'郵箱不能為空'})gender = forms.ChoiceField(choices=((1, "男"), (2, "女"), (3, "保密")),label="性別",initial=3, # 默認值widget=forms.widgets.RadioSelect())hobby = forms.ChoiceField(choices=((1, "籃球"), (2, "足球"), (3, "雙色球"),),label="愛好",initial=3,widget=forms.widgets.Select())hobby1 = forms.MultipleChoiceField(choices=((1, "籃球"), (2, "足球"), (3, "雙色球"),),label="愛好",initial=[1, 3],widget=forms.widgets.SelectMultiple())keep = forms.ChoiceField(label="是否記住密碼",initial="checked",widget=forms.widgets.CheckboxInput())# 鉤子函數# 局部鉤子函數 (單個字段的校驗利用局部鉤子函數)def clean_name(self):name = self.cleaned_data.get('name')if '666' in name:self.add_error('name','光喊666是不行的,要有真實力!')return name # return還是要加上的,兼容性考慮# 全局鉤子函數 (多個字段的校驗利用全局鉤子函數)def clean(self):password = self.cleaned_data.get('password')confirm_password = self.cleaned_data.get('confirm_password')if not password == confirm_password:self.add_error('confirm_password',"兩次密碼不一致,你這個dsb!")return self.cleaned_datadef reg(request):# 生成一個空對象form_obj = MyForm()if request.method == 'POST':print(request.POST)form_obj = MyForm(request.POST)if form_obj.is_valid():print(form_obj.cleaned_data)models.User.objects.create(**form_obj.cleaned_data)return render(request,'reg.html',locals())
這里我們定義了一個類來幫助我們實現對form表單輸入框的判斷功能
models.py文件
class User(models.Model):name = models.CharField(max_length=32)password = models.CharField(max_length=32)email = models.EmailField()
這里只對表里面的字段進行校驗,后端數據又是如何渲染到前端的呢?
渲染到前端的三種方法:
一:reg.html文件
<h1>第一種渲染方式(可擴展性較差)</h1> {{ form_obj.as_p }} {{ form_obj.as_ul }}
用的是已經封裝好的 直接拿表的字段來顯示as_‘’標簽‘’就是用這種標簽來包裹
?
二:
<h1>第二種渲染方式</h1> <form action=""><p>{{ form_obj.name.label }}{{ form_obj.name }}</p><p>{{ form_obj.password.label }}{{ form_obj.password }}</p><p>{{ form_obj.email.label }}{{ form_obj.email }}</p><input type="submit"> </form>
三:
<h1>第三種渲染標簽的方式</h1> <form action="" method="post" novalidate>{% for foo in form_obj %}<p>{{ foo.label }}{{ foo }}</p><span>{{ foo.errors.0 }}</span>{% endfor %}<input type="submit"> </form></body> </html>
這里推薦是使用第三種,簡潔還可以擴展
?
cookie與session
http協議四大特性
1.基于TCP/IP作用于應用層的協議
2.基于請求響應
3.無狀態
4.無連接
cookie:存放在客戶端的鍵值對
cookie與session正好彌補了HTTP協議的不足
設置cookie
obj.set_cookie() # 給瀏覽器設置cookie
獲取cookie
request.COOKIE.get('name')
request.COOKIE['name']
session:
保存在服務端上的鍵值對
服務端產生隨機的字符串返回給客戶端,服務端將字符串與對應的信息存起來{'隨機字符串':'敏感信息'}。
設置session
request.session['name'] = 'jason'
1.先生成一個隨機的字符串
2.在django session表中存儲該隨機字符串與數據的記錄
3.將隨機的字符串發送給客戶端瀏覽器
?
獲取session
request.session.get('name')
1.django自動獲取瀏覽器隨機字符串取django session表里面比對
2.如果比對成功 會將當前隨機字符串對應的數據賦值給request.session
? ? ? ??3.通過request.session操作該數據(數據不存在也不會影響我們的業務邏輯)
?
瀏覽器會設置一個鍵為sessionid來存放session值
?刪除當前會話的所有Session數據
request.session.delete()
?刪除當前的會話數據并刪除會話的Cookie。
request.session.flush()?
這用于確保前面的會話數據不可以再次被用戶的瀏覽器訪問
例如,django.contrib.auth.logout() 函數中就會調用它。
?設置會話Session和Cookie的超時時間
request.session.set_expiry(value)
* 如果value是個整數,session會在些秒數后失效。
* 如果value是個datatime或timedelta,session就會在這個時間后失效。
* 如果value是0,用戶關閉瀏覽器session就會失效。
* 如果value是None,session會依賴全局session失效策略。
接上面我們寫一個session
def login(request):if request.method == 'POST':username = request.POST.get('username')password = request.POST.get('password')if username == 'khan' and password == '123':old_path = request.GET.get('next')if old_path:obj = redirect(old_path)else:obj = redirect('/home/')# 用戶登錄成功 朝瀏覽器設置一個cookie# obj.set_cookie('name','khan',expires=7*24*3600)obj.set_cookie('name','khan',max_age=5)return objreturn render(request,'login.html')from functools import wraps def login_auth(func):@wraps(func)def inner(request,*args,**kwargs):# 校驗cookie# print(request.get_full_path())old_path = request.get_full_path()if request.COOKIES.get('name'):return func(request,*args,**kwargs)return redirect('/login/?next=%s'%old_path)return inner@login_auth def index(request):# # print(request.COOKIES.get('name'))# if request.COOKIES.get('name'):return HttpResponse('我是index頁面,只有登錄了才能看')@login_auth def home(request):return HttpResponse('我是home頁面,只有登錄了才能看')@login_auth def xxx(request):return HttpResponse('我是xxx頁面,只有登錄了才能看')def set_session(request):request.session['name'] = 'khan'request.session['name1'] = 'egon'request.session['name2'] = 'tank'request.session['name3'] = 'nick'request.session['name4'] = 'sean'return HttpResponse('ok')def get_session(request):print(request.session.get('name'))print(request.session.get('name1'))print(request.session.get('name2'))print(request.session.get('name3'))print(request.session.get('name4'))return HttpResponse('ok')def delete_session(request):request.session.delete()return HttpResponse('ok')def flush_session(request):request.session.flush()return HttpResponse('ok')
login.html文件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css"><script src="/static/bootstrap-3.3.7/js/bootstrap.min.js"></script> </head> <body> <form action="" method="post"><p>username:<input type="text" name="username"></p><p>password:<input type="text" name="password"></p><input type="submit"> </form> </body> </html>
?
?
?
?
---恢復內容結束---