Django中的forms组件实例详解

2023-09-06 01:20:05 77

Form介绍

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。

与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。

Djangoform组件就实现了上面所述的功能。

总结一下，其实form组件的主要功能如下:

生成页面可用的HTML标签
对用户提交的数据进行校验
保留上次输入内容

先在应用目录下my_forms.py定义好一个UserForm类

fromdjangoimportforms
fromdjango.formsimportwidgets
classUserForm(forms.Form):
username=forms.CharField(min_length=4,label='用户名',
widget=widgets.TextInput(attrs={"class":"form-control"}),
error_messages={
"required":"用户名不能为空",
})
pwd=forms.CharField(min_length=4,label='密码',
error_messages={
"required":"密码不能为空",
},
widget=widgets.PasswordInput(attrs={"class":"form-control"}))
r_pwd=forms.CharField(min_length=4,label='确认密码',
widget=widgets.PasswordInput(attrs={"class":"form-control"}),
error_messages={
"required":"密码不能为空",
})
email=forms.EmailField(label='邮箱',
widget=widgets.EmailInput(attrs={"class":"form-control"}),
error_messages={
"required":'邮箱不能为空',
"invalid":"邮箱格式错误",
})
tel=forms.CharField(label='手机号',
widget=widgets.TextInput(attrs={"class":"form-control"}),
)

再写一个视图函数：

在写一个视图函数

defreg(request):
form=UserForm()
ifrequest.method=="POST":
print(request.POST)
#实例化form对象的时候，把post提交过来的数据直接传进去
form=UserForm(request.POST)#form表单的name属性值应该与forms组件的字段名称一致
ifform.is_valid():
print(form.cleaned_data)
returnHttpResponse('注册成功')
returnrender(request,'reg.html',locals())

login.html







注册


传统form表单

{%csrf_token%}
用户名：
密码：
确认密码：
邮箱：
手机号：


forms组件渲染方式1

{%csrf_token%}
{{form.username.label}}：{{form.username}}{{form.username.errors.0}}
密码：{{form.pwd}}
{{form.pwd.errors.0}}
确认密码：{{form.r_pwd}}
{{form.r_pwd.errors.0}}
邮箱：{{form.email}}
{{form.email.errors.0}}
手机号：{{form.tel}}
{{form.tel.errors.0}}


forms组件渲染标签方式2

{%csrf_token%}
{%forfieldinform%}

{{field.label}}
{{field}}
{{field.errors.0}}
{%iffield.name=='r_pwd'%}
{{errors.0}}
{%endif%}

{%endfor%}

forms组件渲染标签方式3不推荐使用

{%csrf_token%} {{form.as_p}}

看网页效果发现也验证了form的功能：

•前端页面是form类的对象生成的 -->生成HTML标签功能

•当用户名和密码输入为空或输错之后页面都会提示 -->用户提交校验功能

•当用户输错之后再次输入上次的内容还保留在input框 -->保留上次输入内容

Form那些事儿

常用字段与插件

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

initial

初始值，input框里面的初始值。

classLoginForm(forms.Form):
username=forms.CharField(
min_length=8,
label="用户名",
initial="张三"#设置默认值
)
pwd=forms.CharField(min_length=6,label="密码")

error_messages

重写错误信息。

classLoginForm(forms.Form):
username=forms.CharField(
min_length=8,
label="用户名",
initial="张三",
error_messages={
"required":"不能为空",
"invalid":"格式错误",
"min_length":"用户名最短8位"
}
)
pwd=forms.CharField(min_length=6,label="密码")

password

classLoginForm(forms.Form):
...
pwd=forms.CharField(
min_length=6,
label="密码",
widget=forms.widgets.PasswordInput(attrs={'class':'c1'},render_value=True)
)

radioSelect

单radio值为字符串

classLoginForm(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()
)

单选Select

classLoginForm(forms.Form):
...
hobby=forms.fields.ChoiceField(
choices=((1,"篮球"),(2,"足球"),(3,"双色球"),),
label="爱好",
initial=3,
widget=forms.widgets.Select()
)

多选Select

classLoginForm(forms.Form):
...
hobby=forms.fields.MultipleChoiceField(
choices=((1,"篮球"),(2,"足球"),(3,"双色球"),),
label="爱好",
initial=[1,3],
widget=forms.widgets.SelectMultiple()
)

单选checkbox

classLoginForm(forms.Form):
...
keep=forms.fields.ChoiceField(
label="是否记住密码",
initial="checked",
widget=forms.widgets.CheckboxInput()
)

多选checkbox

classLoginForm(forms.Form):
...
hobby=forms.fields.MultipleChoiceField(
choices=((1,"篮球"),(2,"足球"),(3,"双色球"),),
label="爱好",
initial=[1,3],
widget=forms.widgets.CheckboxSelectMultiple()
)

关于choice的注意事项：

在使用选择标签时，需要注意choices的选项可以从数据库中获取，但是由于是静态字段***获取的值无法实时更新***，那么需要自定义构造方法从而达到此目的。

方式一：

fromdjango.formsimportForm
fromdjango.formsimportwidgets
fromdjango.formsimportfields

classMyForm(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')

方式二：

fromdjangoimportforms
fromdjango.formsimportfields
fromdjango.formsimportmodelsasform_model
classFInfo(forms.Form):
authors=form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())#多选
#authors=form_model.ModelChoiceField(queryset=models.NNewType.objects.all())#单选
DjangoForm所有内置字段
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=NoneLabel内容后缀
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-0111: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模块，pip3installPillow
以上两个字典使用时，需要注意两点：
-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=lambdaval:val对选中的值进行一次转换
empty_value=''空值的默认值
MultipleChoiceField(ChoiceField)
...
TypedMultipleChoiceField(MultipleChoiceField)
coerce=lambdaval: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类型

DjangoForm内置字段

校验

方式一：

fromdjango.formsimportForm
fromdjango.formsimportwidgets
fromdjango.formsimportfields
fromdjango.core.validatorsimportRegexValidator
classMyForm(Form):
user=fields.CharField(
validators=[RegexValidator(r'^[0-9]+$','请输入数字'),RegexValidator(r'^159[0-9]+$','数字必须以159开头')],
)

方式二：

importre
fromdjango.formsimportForm
fromdjango.formsimportwidgets
fromdjango.formsimportfields
fromdjango.core.exceptionsimportValidationError
#自定义验证规则
defmobile_validate(value):
mobile_re=re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
ifnotmobile_re.match(value):
raiseValidationError('手机号码格式错误')
classPublishForm(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'邮箱'}))

方式三：

defclean(self):
pwd=self.cleaned_data.get('pwd')
r_pwd=self.cleaned_data.get('r_pwd')
print(pwd,r_pwd)
ifpwdandr_pwd:
ifpwd==r_pwd:
returnself.cleaned_data
raiseValidationError('两次密码不一致')
else:
returnself.cleaned_data
defclean_username(self):
val=self.cleaned_data.get('username')
user=UserInfo.objects.filter(name=val)
ifnotuser:
returnval
else:
raiseValidationError("用户名已注册")
defclean_tel(self):
val=self.cleaned_data.get('tel')
iflen(val)==11:
returnval
raiseValidationError('手机号格式错误')

总结：

'''
局部钩子:
1、is_valid()
2、self.errors
3、self.full_clean()
4、self._clean_fields()校验每一个字段
5、for循环每一个字段名、验证规则对象
6、
验证通过：
value=field.clean(value)
self.cleaned_data[name]=value添加到clean_data中
利用反射、钩子自定义验证规则
hasattr(self,'clean_%s'%name)写自定义方法
value=getattr(self,'clean_%s'%name)()执行自定义方法
pass:
self.cleaned_data[name]=value添加到clean_data中
no_pass:
raiseValidationError(msg)抛出异常
不通过：
raiseValidationError(msg)
全局钩子:
1、is_valid()
2、self.errors
3、self.full_clean()
4、self._clean_form()全部字段调用完成之后调用
5、self.clean()重写clean方法
6、全局钩子错误：forms.errors.get("__all__")
'''

总结

以上所述是小编给大家介绍的Django中的forms组件实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

Django中的forms组件实例详解

传统form表单

forms组件渲染方式1

forms组件渲染标签方式2

forms组件渲染标签方式3不推荐使用

热门推荐

随机推荐