---恢复内容开始---
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_data def 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 obj return 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>
---恢复内容结束---