32.Django form组件
时间:2022-05-08
本文章向大家介绍32.Django form组件,主要内容包括Form组件、2.内置插件、3.表单验证、4.更多验证方式、5.常用插件、6.初始化默认显示数据、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
Form组件
Django的Form主要具有一下几大功能:
- 生成HTML标签
- 验证用户数据(显示错误信息)
- HTML Form提交保留上次提交数据
- 初始化页面显示内容
创建Form类时,主要涉及到 【字段】 和 【插件】,字段用于对用户请求数据的验证,插件用于自动生成HTML;
1.内置字段
Field
required=True, 是否允许为空
widget=None, HTML插件
label=None, 用于生成Label标签或显示内容
initial=None, 初始值
help_text='', 帮助信息(在标签旁边显示)
error_messages=None, *错误信息 {'required': '不能为空', 'invalid': '格式错误'}
show_hidden_initial=False, 是否在当前插件后面再加一个隐藏的且具有默认值的插件(可用于检验两次输入是否一直)
validators=[], *自定义验证规则 下面有介绍具体用法
localize=False, 是否支持本地化
disabled=False, 是否可以编辑
label_suffix=None Label内容后缀
*注:继承field的字段 field里面的参数都可以用
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) *等同于CharField加上validators
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类型
...
Django内置字段
Django内置字段
2.内置插件
* 插件用于生成HTML,所有的插件都可以用attrs={'class':'c1'}创建默认值
TextInput(Input)
NumberInput(TextInput)
EmailInput(TextInput)
URLInput(TextInput)
PasswordInput(TextInput)
HiddenInput(TextInput)
Textarea(Widget)
DateInput(DateTimeBaseInput)
DateTimeInput(DateTimeBaseInput)
TimeInput(DateTimeBaseInput)
CheckboxInput
Select
NullBooleanSelect
SelectMultiple
RadioSelect
CheckboxSelectMultiple
FileInput
ClearableFileInput
MultipleHiddenInput
SplitDateTimeWidget
SplitHiddenDateTimeWidget
SelectDateWidget
Django内置插件
3.表单验证
views.py
from django.shortcuts import render,redirect,HttpResponse
from django import forms
class Verification(forms.Form):
# 跟表单提交的name值一一对应进行验证
user = forms.CharField(error_messages={'required': '用户名不能为空'})
pwd = forms.CharField(
max_length=12,
min_length=6,
error_messages={'required': '密码不能为空', 'min_length': '密码长度不能小于6位',
'max_length': '密码长度不能大于12位'}
)
email = forms.EmailField(error_messages={'required': '用户名不能为空', 'invalid': '邮箱格式不正确'})
def login(request):
if request.method == "GET":
obj = Verification()
return render(request, 'login.html', {'obj': obj})
elif request.method == "POST":
# 获取用户所有数据
# 每条数据请求的验证
# 成功:获取所有的正确的信息
# 失败:显示错误信息
obj = Verification(request.POST)
result = obj.is_valid() # 进行验证 True/False
if result:
print(obj.cleaned_data) # 用户提交的正确信息
else:
print(obj.errors.as_json) # 所有错误信息 obj.errors
return render(request, 'login.html', {'obj': obj}) # 传入obj
return redirect('/login/')
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/login/" method="post">
{% csrf_token %}
<p>用户:{{ obj.user }}{{ obj.errors.user.0 }}</p>
<p>密码:{{ obj.pwd }}{{ obj.errors.pwd.0 }}</p>
<p>邮箱:{{ obj.email }}{{ obj.errors.email.0 }}</p>
<input type="submit" name="提交" />
</form>
</body>
</html>
其它标签的使用
<form method="POST" enctype="multipart/form-data">
{% csrf_token %}
{{ form.xxoo.label }}
{{ form.xxoo.id_for_label }}
{{ form.xxoo.label_tag }}
{{ form.xxoo.errors }}
<p>{{ form.user }} {{ form.user.errors }}</p>
<input type="submit" />
</form>
其他标签有
其他标签使用
cleaned_data(字典)创建和更新
models.UserInfo.objects.create(**obj.cleaned_data)
models.UserInfo.objects.filter(id=1).update(**obj.cleaned_data)
4.更多验证方式
views.py
from django.shortcuts import render,redirect,HttpResponse
from django import forms
from django.forms import widgets
from django.forms import fields
class Verification(forms.Form):
# 跟表单提交的name值一一对应进行验证
user = fields.CharField(
widget=widgets.Textarea(attrs={'class':'c1'}), # 定制样式,变成长框输入,添加样式class=c1
label="用户名:" # 左边显示信息
)
pwd = fields.CharField(
max_length=12,
min_length=6,
widget=widgets.PasswordInput() # 定制密码格式
)
f = fields.FileField() # 上传文件
p = fields.FilePathField(path='app01') # 显示路径 提交数据为路径值
email = fields.EmailField()
city1 = fields.ChoiceField( # 单选下拉框
choices=[(0, '上海'), (1, '广州'), (2, '东莞')]
)
city2 = fields.MultipleChoiceField( # 多选下拉框
choices=[(0, '上海'), (1, '广州'), (2, '东莞')]
)
def login(request):
if request.method == "GET":
obj = Verification()
return render(request, 'login.html', {'obj': obj})
elif request.method == "POST":
# 获取用户所有数据
# 每条数据请求的验证
# 成功:获取所有的正确的信息
# 失败:显示错误信息
obj = Verification(request.POST)
result = obj.is_valid() # 进行验证 True/False
if result:
print(obj.cleaned_data) # 用户提交的正确信息
else:
print(obj.errors.as_json) # 所有错误信息 obj.errors
return render(request, 'login.html', {'obj': obj}) # 传入obj
return redirect('/login/')
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/login/" method="post">
{% csrf_token %}
<p>{{ obj.user }}{{ obj.errors.user.0 }}</p>
<p>{{ obj.pwd }}{{ obj.errors.pwd.0 }}</p>
<p>{{ obj.email }}{{ obj.errors.email.0 }}</p>
<p>{{ obj.f }}{{ obj.errors.f.0 }}</p>
<p>{{ obj.p }}</p>
<p>{{ obj.city1 }}</p>
<p>{{ obj.city2 }}</p>
<input type="submit" name="提交" />
</form>
</body>
</html>
5.常用插件
# 单radio,值为字符串
user = fields.CharField(
initial=2,
widget=widgets.RadioSelect(choices=((1,'上海'),(2,'北京'),))
)
# 单radio,值为字符串
user = fields.ChoiceField(
choices=((1, '上海'), (2, '北京'),),
initial=2,
widget=widgets.RadioSelect
)
# 单select,值为字符串
user = fields.CharField(
initial=2,
widget=widgets.Select(choices=((1,'上海'),(2,'北京'),))
)
# 单select,值为字符串
user = fields.ChoiceField(
choices=((1, '上海'), (2, '北京'),),
initial=2,
widget=widgets.Select
)
# 多选select,值为列表
user = fields.MultipleChoiceField(
choices=((1,'上海'),(2,'北京'),),
initial=[1,],
widget=widgets.SelectMultiple
)
# 单checkbox
user = fields.CharField(
widget=widgets.CheckboxInput()
)
# 多选checkbox,值为列表
user = fields.MultipleChoiceField(
initial=[2, ],
choices=((1, '上海'), (2, '北京'),),
widget=widgets.CheckboxSelectMultiple
Django选择插件
6.初始化默认显示数据
views.py
from django.shortcuts import render,redirect,HttpResponse
from django import forms
from django.forms import widgets
from django.forms import fields
class Verification(forms.Form):
# 跟表单提交的name值一一对应进行验证
user = fields.CharField(
widget=widgets.Textarea(attrs={'class':'c1'}), # 定制样式,变成长框输入,添加样式class=c1
label="用户名:" # 左边显示信息
)
pwd = fields.CharField(
max_length=12,
min_length=6,
widget=widgets.PasswordInput() # 定制密码格式
)
# f = fields.FileField() # 上传文件
p = fields.FilePathField(path='app01') # 显示路径 提交数据为路径值
email = fields.EmailField()
city1 = fields.ChoiceField( # 单选下拉框
choices=[(0, '上海'), (1, '广州'), (2, '东莞')]
)
city2 = fields.MultipleChoiceField( # 多选下拉框
choices=[(0, '上海'), (1, '广州'), (2, '东莞')]
)
def login(request):
if request.method == "GET":
# 从数据库中把数据获取到
dic = {
'user':'root',
'pwd':'123123',
'email':'11@qq.com',
'city1':2,
'city2':[1,2],
}
obj = Verification(initial=dic) #设置初始默认显示
return render(request, 'login.html', {'obj': obj})
elif request.method == "POST":
obj = Verification(request.POST)
result = obj.is_valid() # 进行验证 True/False
if result:
print(obj.cleaned_data) # 用户提交的正确信息
else:
print(obj.errors.as_json) # 所有错误信息 obj.errors
return render(request, 'login.html', {'obj': obj}) # 传入obj
return redirect('/login/')
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/login/" method="post">
{% csrf_token %}
<p>{{ obj.user }}{{ obj.errors.user.0 }}</p>
<p>{{ obj.pwd }}{{ obj.errors.pwd.0 }}</p>
<p>{{ obj.email }}{{ obj.errors.email.0 }}</p>
{# <p>{{ obj.f }}{{ obj.errors.f.0 }}</p>#}
<p>{{ obj.p }}</p>
<p>{{ obj.city1 }}</p>
<p>{{ obj.city2 }}</p>
<input type="submit" name="提交" />
</form>
</body>
</html>
- 分布式监控系统Zabbix--完整安装记录-批量添加主机和自动发现端口
- 更新Mapx地图的字段
- 设置linux账号的有效时间
- relative定位的理解
- shell+curl监控网站页面(域名访问状态),并利用sedemail发送邮件
- 写稿机器人获“吴文俊奖”,能提升今日头条内容质量吗
- 使用jQuery自动缩图片 - [jQuery]
- apt-get update更新源时,出现“Hash Sum mismatch”问题
- linux下DHCP服务原理总结
- DIV的宽度自动适应功能
- 在虚拟主机上发布.Net应用的一些总结
- msmq发送速度的测试
- nfs服务部署记录
- Javascript版的Repeater控件实现
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android 如何实现exclude aar包中的某个jar包
- android 实现控件左右或上下抖动教程
- Android Studio引入FFmpeg的方法
- Android Studio 中获取屏幕宽度实例
- Android studio 生成带Kotlin文档的实现方式
- 基于Android FileProvider 属性配置详解及FileProvider多节点问题
- Android 通过API获取数据库中的图片文件方式
- android尺子的自定义view——RulerView详解
- 浅谈Android Studio3.6 更新功能
- Android 自定义View手写签名并保存图片功能
- android 使用Xml文件定义Shape方式
- Android 判断所有字段是否已经输入的实例
- Android 将网络的Url资源转换为Drawable资源方式
- Android实现动态改变shape.xml中图形的颜色
- 解决android.support.v4.content.FileProvide找不到的问题