Django组件之form

Posted 2022-05-12 moonzier

一、原始注册校验

# 后端
def realreg(request):
    error = ‘username‘:‘‘,‘password‘:‘‘ # 定义一个字典存储错误信息
    if request.method == ‘POST‘:
        username = request.POST.get(‘username‘)
        password = request.POST.get(‘password‘)
    if len(password) < 6:
        error[‘password‘] = ‘密码不能小于6位‘
    return render(request,‘reg.html‘,‘error‘:error)

# 前端
<input type=‘text‘ name=‘username‘>
<span> error.username </span>
<input type=‘text‘ name=‘password‘>
<span> error.password </span>

1. 前端是个注册界面，页面里面有form表单 >>> 生成HTML前端代码
2. form表单要能提交数据到后端，后端要做有效性校验 >>> 数据有效性校验
3. 要把校验的提示信息展示到页面上 >>> 校验信息返回并展示

　　关于数据检验：前端通过JS代码校验（可有可无），后端通过代码校验（必须有），一般都是前后端都做校验。

二、form组件

2.1 功能

• 渲染标签
• 校验数据
• 展示信息
• 校验信息

2.2 form类

Step One:自定义一个form类

from django import forms

class MyForm(forms.Form):
name = forms.CharField(max_length=6)
password = forms.CharField(max_length=8,min_length=3)
email = forms.EmailField(required=True)

Step Two:实例化form对象

form_obj = MyForm(‘name‘:‘moonzier‘，‘password‘:‘123‘,‘email‘:‘[e-mail]‘) # 传入字典

Step Three:查看数据校验是否合法

form_obj.is_valid() # 只有当所有的字段都校验通过才会返回True

Step Four：查看校验错误的信息

form_obj.errors # 这个里面放的是所有校验未通过的字段及错误提示
"""

‘name‘: [‘Ensure this value has at most 6 characters (it has 7).‘], 
‘password‘: [‘Ensure this value has at least 3 characters (it has 2).‘], 
‘email‘: [‘Enter a valid email address.‘]

"""

Step Five：查看校验通过的数据

form_obj.cleaned_data # 符合校验规则数据都会被放到该对象中

form组件校验数据的规则

1. 从上往下依次取值校验
2. 校验通过的放到cleaned_data
3. 校验失败的放到errors
4. form中所有的字段默认都是必须传值的(required=True)
5. 校验数据的时候可以多传(多传的数据不会做任何的校验,不会影响form校验规则)

# 前端取消校验
<form action="" method="post" novalidate>
</form>

2.3 渲染标签

　　form组件只帮你渲染获取用户输入的标签,不会帮你渲染提交按钮，需要手动添加。

第一种：可扩展性较差

 form_obj.as_p  <!--作为<p>标签形式渲染-->
 form_obj.as_ul  

第二种：逐个手写

<form action="">
<p> form_obj.name.label  form_obj.name </p> <!--若后端并没有定义name属性，则将字段的首字母大写作为label的值-->
<p> form_obj.password.label  form_obj.password </p>
<p> form_obj.email.label  form_obj.email </p>
<input type="submit">
</form>

第三种：for循环

<form action="">
% for foo in form_obj %
<p> foo.label  foo </p>
% endfor %
</form>

2.4 设置标签样式

定义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‘))  # widgets.PasswordInput密码密文显示，attr增加字段

综合案例

# 后端
# 定义form类
class MyForm(forms.Form):
    name = forms.CharField(max_length=6,
                           label=‘用户名‘,  # 前端label标签可获得label属性的值
                           error_messages=
                                            ‘max_length‘:‘用户名最长6位‘,
                                            ‘required‘:‘用户名不能为空‘
                                          # 自定义错误提示信息，可更改成中文
                         )
    
def reg(request):
    # 生成一个空对象
    form_obj = MyForm()
    if request.method == ‘POST‘:
        form_obj = MyForm(request.POST)  # request.POST就是一个字典，传入自动校验数据，并且发生错误不清空数据
        if form_obj.is_valid():
            models.User.objects.create(**form_obj.cleaned_data)  # 在使用form组件对模型表进行数据校验的时候，只需要保证字段一致
        那么在创建的对象的时候你就直接**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>

三、钩子函数

局部钩子函数 （单个字段的校验利用局部钩子函数）

# 校验name字段，如果出现666就报错
def clean_name(self):
    name = self.cleaned_data.get(‘name‘)
    if ‘666‘ in name:
        self.add_error(‘name‘,‘光喊666是不行的，要有真实力!‘)
    return name # return还是要加上的，兼容性考虑    

全局钩子函数 （多个字段的校验利用全局钩子函数）

# 校验password和confirm_password是否一致，不一致就报错
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