Django-form表单
Django-form表单
在Django中使用forms 构建表单
使用Django提供得forms 表单模块构建得表单结构,可以在数据出现错误,返回页面中仍可以保留之前输入得数据,同样可以限制字段条件;
在Django中通过forms构建一个表单
1. 在app 包路径 创建一个forms_to.py 用于定义类:
from django import forms
from django.forms import widgets
# 通过定义一个 类 来设置所有的标签类型
# IntegerField 只允许为数字
# CharField 为字符串
# EmailField 格式需要为 Email
class RegForm(forms.Form):
# 长度最多 12 字符,最少 6 字符;
# 当超出该字符时,浏览器会阻止多余字符得输入;
# 当少于这些字符时,会返回 min_length 得提示 (可自定义)
username = forms.CharField(
max_length=12,
min_length=6,
error_messages={"required": "该字段不能为空",
"min_length":"最少为6字符",
"max_length":"最多为12个字符"})
password = forms.IntegerField(
# widgets.PasswordInput() 用于渲染密码 加密
widget=widgets.PasswordInput(),
error_messages={"invalid": "格式错误,必须为数字"}
)
repeat_password = forms.CharField(
# 可以添加 标签属性
widget=widgets.PasswordInput(attrs={"class": "pwd"})
error_messages={"required": "该字段不能为空",}
)
email = forms.EmailField()
umout = forms.CharField(
# 用户 渲染 select 标签下拉框
widget=widgets.Select(choices=((1, "上海"), (2, "北京")))
)
2. 在views.py中引入forms_to.py 并实例化该类:
from django.shortcuts import render,redirect,HttpResponse
# 导入自定义的 forms_to form表单类
from app01 import forms_to
def reg(request):
# 如果请求方式为 POST 获取前端传入的 值
if request.method == "POST":
# 将传入的值,放入到 RegForm 进行实例化
regForm = forms_to.RegForm(request.POST)
# 传入值的实例化数据,有一个is_valid 属性;当所有的验证都通过的时候返回 True
if regForm.is_valid():
# 全部正确 数据 依照字典的形式 都存放在 regForm.cleaned_data 里面
print("全对:", regForm.cleaned_data)
# {'email': 'asdfsdf@qq.com', 'umout': '1', 'password': 'asdfasdf', 'username': 'asdfas', 'repeat_password': 'safdsaf'}
username = regForm.cleaned_data.get("username")
password = regForm.cleaned_data.get("password")
# 将获取的数据存入数据库即可
else:
# 只要有错误,就会走 else
# 并在 regForm.errors 存放 错误得部分
# 在regForm.cleaned_data 存放 正确得部分
# print(regForm.errors.get("username")[0])
# 存放 错误的信息
print(regForm.cleaned_data)
return render(request, "reg.html", {"regForm": regForm})
# 实例化 RegForm 类 并将 实例化的结果传给 前端渲染
regForm=forms_to.RegForm()
return render(request, "reg.html", {"regForm": regForm})
3. 在views.py中引入forms_to.py 并实例化该类:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.error{
color: red;
}
</style>
</head>
<body>
<form action="/reg/" method="post">
{% csrf_token %}
{# 模板中使用regForm 获取实例化得方法 #} {# regForm.errors.username.0 获取传入错误得第一个错误 #}
<p>姓名{{ regForm.username }}<span class="error">{{ regForm.errors.username.0 }}</span></p>
<p>密码{{ regForm.password }}<span class="error">{{ regForm.errors.password.0 }}</span></p>
<p>确认密码{{ regForm.repeat_password }}<span class="error">{{ regForm.errors.repeat_password.0 }}</span></p>
<p>邮箱{{ regForm.email }}<span class="error">{{ regForm.errors.email.0 }}</span></p>
<p>城市{{ regForm.umout }}</p>
<p><input type="submit" value="提交"></p>
</form>
</body>
</html>
form 组建常用字段
一、Django内置字段
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内容后缀
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类型
...
二、Django常用选择插件
# 单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
# )