1. 技术文章
  2. Python Day 69 Django框架、Forms组件、forms组件的钩子函数、form组件前端处理逻辑三种方式、form常用字段及插件、Form所有内置字段、字段校验两种方式

Python Day 69 Django框架、Forms组件、forms组件的钩子函数、form组件前端处理逻辑三种方式、form常用字段及插件、Form所有内置字段、字段校验两种方式

由 北城以北 提交于 2020-05-02 05:18:45

　　##Form介绍

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。
与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。
Django form组件就实现了上面所述的功能。
#总结一下，其实form组件的主要功能如下:
1.前端渲染展示页面 获取用户输入                                    >>> 渲染页面
2.将数据发送给后端进行数据的合法性校验                          >>> 数据校验
3.保留上次输入内容将不合法的提示信息展示给用户看          >>> 展示提示信息


#关于数据的校验
    1.前端
    2.后端
    数据的校验前端可以没有,但是后端一定要做!!!

 　　##forms组件能够帮你完成上面的三个过程

#1.校验数据
    forms组件的校验数据的使用
    1.定义一个继承forms.Form一个类
        from django import forms
        class MyForm(forms.Form):
            username = forms.CharField(max_length=6)  # username最长只能是6位
            password = forms.CharField(max_length=8,min_length=3label='邮箱',error_messages={
                                            'required':'邮箱不能为空',
                                            'invalid':'邮箱格式不正确'
    })    # password最长8位 最短3位
            email = forms.EmailField()  # email接受的数据必须符合邮箱格式
    2.给forms组件传参数 (字典的显示)
        obj = views.MyForm({'username':'egondsb','password':'12','email':'123@qq.com'})
    3.查看数据是否完全合法
        obj.is_valid()
    4.查看所有校验通过的数据
        obj.cleaned_data
        {'email': '123@qq.com'}
    5.查看所有没有通过的数据
        obj.errors
        """
        {
            'username': ['Ensure this value has at most 6 characters (it has 7).'], 
            'password': ['Ensure this value has at least 3 characters (it has 2).']}
        """
#2.渲染标签
    forms组件只能帮你渲染 获取用户输入(输入框 选择框 下拉框...)的标签
    提交按钮也得自己写
    
    form表单取消前端校验功能
        <form action="" method="post" novalidate>
    
    forms组件当前端输入的信息不合法的时候 页面上的数据保留不会刷新  这样方便用户修改
    
#3.展示提示信息（总共有三种方式展示，下面是最常用的一种，其余两种在下面核心代码中显示）
    {% for foo in form_obj %}
    <p>
        {{ foo.label }}{{ foo }}
        <span>{{ foo.errors.0 }}</span>
    </p>
    {% endfor %}

　　#forms组件的钩子函数

钩子函数是在前面字段都满足的情况下继续验证
# 局部钩子
def clean_username(self):
    # 用户名中不能有666
    username = self.cleaned_data.get('username')
    if '666' in username:
        self.add_error('username','光喊666是不行的')
    return username

# 全局钩子
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

　　##普通方式手写注册功能

def register(request):
    back_dic = {'username':'','password':''}
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        if '666' in username:
            back_dic['username'] = '光喊666是不行的'
        if password == '123':
            back_dic['password'] = '密码太短了 不能跟人一样'
    return render(request,'reg.html',locals())  # locals会将所在的名称空间中所有的名字都传递给模板页面
后端代码 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
</head>
<body>

<form action="" method="post">
    {% csrf_token %}
    <p>username:
        <input type="text" name="username">
        <span>{{ back_dic.username }}</span>
    </p>
    <p>password:
        <input type="password" name="password">
        <span>{{ back_dic.password }}</span>
    </p>
    <input type="submit">
</form>
</body>
</html>
前端代码

　　##使用form组件实现注册功能

 

#视图函数中
# 使用forms组件第一步需要你手动写一个类 并且要继承forms.Form
from django import forms
from django.forms import widgets   # 当你用forms点widgets点不出来的时候 自己手动导入一下
from django.core.validators import RegexValidator
#定义类
class MyForm(forms.Form):
    username = forms.CharField(max_length=6,label='用户名',initial='我是最帅的',error_messages={
                                                                'max_length':'用户名最长6位',
                                                                'required':'用户名不能为空'

    })  # username最长只能是6位
    password = forms.CharField(max_length=8,min_length=3,label='密码',
                               widget=widgets.PasswordInput(attrs={'class':'form-control c1',})

                               )  # password最长8位 最短3位

#定义视图函数
def reg1(request):
    form_obj = MyForm()
    if request.method == 'POST':
        form_obj = MyForm(request.POST)#放入request.POST，只会校验定义的字段，多出来的不管，但是要注意的是定义的字段一个都不能少
        if form_obj.is_valid():
            print(form_obj.cleaned_data)
    return render(request,'reg1.html',locals())
后端代码 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<form action="" method="post" novalidate>
    {% csrf_token %}
{#    <p>forms第一种渲染标签的方式(本地测试)</p>#}
{#    {{ form_obj.as_p }}#}
{#    {{ form_obj.as_ul }}#}
    {#label展示的信息默认情况下就是字段名首字母大写#}
{#    <p>forms第二种渲染标签的方式(可扩展性较高)</p>#}
{#    <p>#}
{#        {{ form_obj.username.label }}{{ form_obj.username }}  {# forms对象点字段名拿到的是对应的输入框 #}
{#    </p>#}
{#    <p>#}
{#        {{ form_obj.password.label }}{{ form_obj.password }}  {# forms对象点字段名拿到的是对应的输入框 #}
{#    </p>#}
     <p>forms第三种渲染标签的方式(常用)</p>
        {% for foo in form_obj %}
            <p>
                {{ foo.label }}{{ foo }}
                <span>{{ foo.errors.0 }}</span>
            </p>
        {% endfor %}
        <input type="submit">
</form>
</body>
</html>
前端代码

　　##form常用字段及插件

创建Form类时，主要涉及到 【字段】 和 【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML;

#1、initial
初始值，input框里面的初始值。
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三"  # 设置默认值
    )
    pwd = forms.CharField(min_length=6, label="密码")
#2、error_messages
重写错误信息
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
    pwd = forms.CharField(min_length=6, label="密码")

#3、password
class LoginForm(forms.Form):
    ...
    pwd = forms.CharField(
        min_length=6,
        label="密码",
        widget=forms.widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True)
    )
#4、radioSelect
单radio值为字符串
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
    pwd = forms.CharField(min_length=6, label="密码")
    gender = forms.fields.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性别",
        initial=3,
        widget=forms.widgets.RadioSelect()
    )

#5、单选Select
class LoginForm(forms.Form):
    ...
    hobby = forms.ChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
        label="爱好",
        initial=3,
        widget=forms.widgets.Select()
    )
#6、多选Select
class LoginForm(forms.Form):
    ...
    hobby = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.SelectMultiple()
    )
#7、单选checkbox
class LoginForm(forms.Form):
    ...
    keep = forms.ChoiceField(
        label="是否记住密码",
        initial="checked",
        widget=forms.widgets.CheckboxInput()
    )
#8、多选checkbox
class LoginForm(forms.Form):
    ...
    hobby = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.CheckboxSelectMultiple()
    )
#9、choice字段注意事项
在使用选择标签时，需要注意choices的选项可以配置从数据库中获取，但是由于是静态字段 获取的值无法实时更新，需要重写构造方法从而实现choice实时更新。
#9-1、方式一
from django.forms import Form
from django.forms import widgets
from django.forms import fields

 
class MyForm(Form):
 
    user = fields.ChoiceField(
        # choices=((1, '上海'), (2, '北京'),),
        initial=2,
        widget=widgets.Select
    )
 
    def __init__(self, *args, **kwargs):
        super(MyForm,self).__init__(*args, **kwargs)
        # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
        # 或
        self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')
#9-2、方式二
from django import forms
from django.forms import fields
from django.forms import models as form_model

 
class FInfo(forms.Form):
    authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())  # 多选
    # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())  # 单选
常用字段

　　##Django Form所有内置字段

Field
    required=True,               是否允许为空
    widget=None,                 HTML插件
    label=None,                  用于生成Label标签或显示内容
    initial=None,                初始值
    help_text='',                帮助信息(在标签旁边显示)
    error_messages=None,         错误信息 {'required': '不能为空', 'invalid': '格式错误'}
    validators=[],               自定义验证规则
    localize=False,              是否支持本地化
    disabled=False,              是否可以编辑
    label_suffix=None            Label内容后缀
 
 
CharField(Field)
    max_length=None,             最大长度
    min_length=None,             最小长度
    strip=True                   是否移除用户输入空白
 
IntegerField(Field)
    max_value=None,              最大值
    min_value=None,              最小值
 
FloatField(IntegerField)
    ...
 
DecimalField(IntegerField)
    max_value=None,              最大值
    min_value=None,              最小值
    max_digits=None,             总长度
    decimal_places=None,         小数位长度
 
BaseTemporalField(Field)
    input_formats=None          时间格式化   
 
DateField(BaseTemporalField)    格式：2015-09-01
TimeField(BaseTemporalField)    格式：11:12
DateTimeField(BaseTemporalField)格式：2015-09-01 11:12
 
DurationField(Field)            时间间隔：%d %H:%M:%S.%f
    ...
 
RegexField(CharField)
    regex,                      自定制正则表达式
    max_length=None,            最大长度
    min_length=None,            最小长度
    error_message=None,         忽略，错误信息使用 error_messages={'invalid': '...'}
 
EmailField(CharField)      
    ...
 
FileField(Field)
    allow_empty_file=False     是否允许空文件
 
ImageField(FileField)      
    ...
    注：需要PIL模块，pip3 install Pillow
    以上两个字典使用时，需要注意两点：
        - form表单中 enctype="multipart/form-data"
        - view函数中 obj = MyForm(request.POST, request.FILES)
 
URLField(Field)
    ...
 
 
BooleanField(Field)  
    ...
 
NullBooleanField(BooleanField)
    ...
 
ChoiceField(Field)
    ...
    choices=(),                选项，如：choices = ((0,'上海'),(1,'北京'),)
    required=True,             是否必填
    widget=None,               插件，默认select插件
    label=None,                Label内容
    initial=None,              初始值
    help_text='',              帮助提示
 
 
ModelChoiceField(ChoiceField)
    ...                        django.forms.models.ModelChoiceField
    queryset,                  # 查询数据库中的数据
    empty_label="---------",   # 默认空显示内容
    to_field_name=None,        # HTML中value的值对应的字段
    limit_choices_to=None      # ModelForm中对queryset二次筛选
     
ModelMultipleChoiceField(ModelChoiceField)
    ...                        django.forms.models.ModelMultipleChoiceField
 
 
     
TypedChoiceField(ChoiceField)
    coerce = lambda val: val   对选中的值进行一次转换
    empty_value= ''            空值的默认值
 
MultipleChoiceField(ChoiceField)
    ...
 
TypedMultipleChoiceField(MultipleChoiceField)
    coerce = lambda val: val   对选中的每一个值进行一次转换
    empty_value= ''            空值的默认值
 
ComboField(Field)
    fields=()                  使用多个验证，如下：即验证最大长度20，又验证邮箱格式
                               fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
 
MultiValueField(Field)
    PS: 抽象类，子类中可以实现聚合多个字典去匹配一个值，要配合MultiWidget使用
 
SplitDateTimeField(MultiValueField)
    input_date_formats=None,   格式列表：['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y']
    input_time_formats=None    格式列表：['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
 
FilePathField(ChoiceField)     文件选项，目录下文件显示在页面中
    path,                      文件夹路径
    match=None,                正则匹配
    recursive=False,           递归下面的文件夹
    allow_files=True,          允许文件
    allow_folders=False,       允许文件夹
    required=True,
    widget=None,
    label=None,
    initial=None,
    help_text=''
 
GenericIPAddressField
    protocol='both',           both,ipv4,ipv6支持的IP格式
    unpack_ipv4=False          解析ipv4地址，如果是::ffff:192.0.2.1时候，可解析为192.0.2.1， PS：protocol必须为both才能启用
 
SlugField(CharField)           数字，字母，下划线，减号（连字符）
    ...
 
UUIDField(CharField)           uuid类型
所有内置字段

　　##字段校验

from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.validators import RegexValidator
 
class MyForm(Form):
    user = fields.CharField(
        validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
    )
RegexValidator验证器 
import re
from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.exceptions import ValidationError
 
 
# 自定义验证规则
def mobile_validate(value):
    mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
    if not mobile_re.match(value):
        raise ValidationError('手机号码格式错误')
 
 
class PublishForm(Form):
 
 
    title = fields.CharField(max_length=20,
                            min_length=5,
                            error_messages={'required': '标题不能为空',
                                            'min_length': '标题最少为5个字符',
                                            'max_length': '标题最多为20个字符'},
                            widget=widgets.TextInput(attrs={'class': "form-control",
                                                          'placeholder': '标题5-20个字符'}))
 
 
    # 使用自定义验证规则
    phone = fields.CharField(validators=[mobile_validate, ],
                            error_messages={'required': '手机不能为空'},
                            widget=widgets.TextInput(attrs={'class': "form-control",
                                                          'placeholder': u'手机号码'}))
 
    email = fields.EmailField(required=False,
                            error_messages={'required': u'邮箱不能为空','invalid': u'邮箱格式错误'},
                            widget=widgets.TextInput(attrs={'class': "form-control", 'placeholder': u'邮箱'}))
自定义验证函数

 

标签
def
HOBBY
python
django
mobileValidate
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!