Django框架之Forms组件(基于注册功能)
1、注册功能分析
注册功能 1.渲染前端标签获取用户输入 >>> 渲染标签 2.获取用户输入传递到后端校验 >>> 校验数据 3.校验未通过展示错误信息 >>> 展示信息
2、使用 forms 组件实现注册功能
1.校验数据
from django import forms class MyForm(forms.Form): #创建一个继承forms.Form的类 name = forms.CharField(max_length=6) password = forms.CharField(max_length=8,min_length=3) email = forms.EmailField(required=True) form_obj = MyForm({'name':'jason'}) #实例化form对象 form_obj.is_valid() #查看数据校验是否合法,所有的字段都校验通过时返回True form_obj.errors #查看所有校验未通过的字段及错误提示 form_obj.cleaned_data # 查看校验通过的数据 ''' form中所有的字段默认必须传值(required=True) 校验数据时可以多传(多传的数据不会做任何的校验>>>不会影响form校验规则) '''
2.渲染标签
form组件只能渲染获取用户输入的标签,不会渲染提交按钮,需要手动添加。
<h1>第一种渲染方式(可扩展性较差)</h1> {{ form_obj.as_p }} {{ form_obj.as_ul }} <h1>第二种渲染方式</h1> <form action="" method="post" novalidate> <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> {# 参数novalidate可以取消前端校验 #} {% for foo in form_obj %} <p>{{ foo.label }}{{ foo }}</p> {% endfor %} </form>
标签样式设置(后端设置)
# 设置标签样式 from django import forms from django.forms import widgets 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'})) 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())
3.错误信息展示
根据错误类型自定义错误信息映射关系
from django import forms 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':'邮箱不能为空' }) def reg(request): # 生成一个空对象 form_obj = MyForm() if request.method == 'POST': print(request.POST) form_obj = MyForm(request.POST) #将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 action="" method="post" novalidate> {% for foo in form_obj %} <p> {{ foo.label }}{{ foo }} <span>{{ foo.errors.0 }}</span> </p> {% endfor %} <input type="submit"> </form>
1.局部钩子函数 (单个字段的校验利用局部钩子函数)
def clean_name(self): name = self.cleaned_data.get('name') if 'sb' in name: self.add_error('name','包含敏感词汇') return name # 兼容性考虑
2.全局钩子函数 (多个字段的校验利用全局钩子函数)
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',"两次密码不一致!") return self.cleaned_data