form组件
Form介绍：
在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来，于此同时我们在很多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正确与否。如果用户输入的内容有错误就需要在页面上相应的地方显示对应的错误信息。
Django form 组件就实现了上述的共能。
form组件的功能：
生成页面可用的HTML标签、
对用户提交的数据进行校验
保留上次输入的内容
一、普通方式手写注册功能
views.py
from django.shortcuts import render,HttpResponse def regis(request): error_msg = "" if request.method == "POST": name = request.POST.get('name') pwd = request.POST.get('pwd') # 对注册信息做校验 if len(name) < 3: error_msg = "用户名不能小于3位" else: return HttpResponse("注册成功！") return render(request,"regis.html",{"error_msg":error_msg})
regis.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="" method="post"> {% csrf_token %} <p> 用户名：<input type="text" name="name"> </p> <p> 密码：<input type="password" name="pwd"> </p> <p> <input type="submit" value="注册"> <p style="color: red">{{ error_msg }}</p> </p> </form> </body> </html>
结果：
二、使用form组件实现注册功能
views.py
from django.shortcuts import render,HttpResponse
# 先定义好一个Regis的类
from django import forms
# 按照Django form组件的要求自己写一个类
class Regis(forms.Form):
name = forms.ChoiceField(label='用户名')
pwd = forms.ChoiceField(label='密码')
# 在写一个视图函数
# 使用form组件实现注册方式
def regis(request):
form_obj = Regis()
if request.method == 'POST':
#实例化form对象的时候，把post提交过来的数据直接传进去
form_obj = Regis(request.POST)
# 调用form_obj校验数据的方法
if form_obj.is_valid():
return HttpResponse("注册成功！")
return render(request,"regis2.html",{"form_obj":form_obj})
regis2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册2</title> </head> <body> <form action="" method="post"> {% csrf_token %} <div> <label for="{{ form_obj.name.id_for_label }}">{{ form_obj.name.label }}</label> {{ form_obj.name }} {{ form_obj.name.errors.0 }} </div> <div> <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label}}</label> {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }} </div> <div> <input type="submit" class="btn btn_success" value="注册"> </div> </form> </body> </html>
总结：
前端页面是form类的对象生成的。 --->生成HTML标签功能
当用户名和密码输入或输错之后都会提示 。 ---->用户提交校验功能
当用户输错之后，再次输入上次的内容还保留在input框 ---->保留上次输入的内容
三、常用字段与插件
创建Form类是，主要涉及到字段和插件，字段用于对用户请求数据的验证，插件用于自动生成HTML。
initial：
初始值，input框里面的初始值。
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌" ) pwd = forms.CharField(label='密码',min_length=6)
error_messages：
重写错误信息。
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField(label='密码',min_length=6)
password：
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) )
radioSelect：
单radio值为字符串
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) ) gender = forms.fields.ChoiceField( choices=((1,"男"),(2,"女"),(3,"保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() )
单选Select:：
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) ) gender = forms.fields.ChoiceField( choices=((1,"男"),(2,"女"),(3,"保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() ) hobby = forms.fields.ChoiceField( choices=((1,"篮球"),(2,"足球"),(3,"双色球"),), label="爱好", initial=3, widget=forms.widgets.Select() )
多选Select
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) ) gender = forms.fields.ChoiceField( choices=((1,"男"),(2,"女"),(3,"保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() ) hobby = forms.fields.ChoiceField( choices=((1,"篮球"),(2,"足球"),(3,"双色球"),), label="爱好", initial=[1,3], widget=forms.widgets.SelectMultiple() )
单选checkbox
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) ) gender = forms.fields.ChoiceField( choices=((1,"男"),(2,"女"),(3,"保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() ) hobby = forms.fields.ChoiceField( choices=((1,"篮球"),(2,"足球"),(3,"双色球"),), label="爱好", initial=[1,3], # widget=forms.widgets.Select(), #单选Select widget=forms.widgets.SelectMultiple() #多选选Select ) keep = forms.fields.ChoiceField( label="是否记住密码", initial="checked", widget=forms.widgets.CheckboxInput() )
多选checkbox
class Regis(forms.Form): name = forms.CharField( label='用户名', min_length=5, initial="张无忌", error_messages={ "required":"不能为空", "invalid":"格式错误", "min_length":"用户名最短5位" } ) pwd = forms.CharField( label='密码', min_length=6, widget=forms.widgets.PasswordInput(attrs={ 'class':'c1' },render_value=True) ) gender = forms.fields.ChoiceField( choices=((1,"男"),(2,"女"),(3,"保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() ) hobby = forms.fields.ChoiceField( choices=((1,"篮球"),(2,"足球"),(3,"双色球"),), label="爱好", initial=[1,3], # widget=forms.widgets.Select(), #单选Select # widget=forms.widgets.SelectMultiple() #多选选Select widget=forms.widgets.CheckboxSelectMultiple() #多选checkbox ) keep = forms.fields.ChoiceField( label="是否记住密码", initial="checked", widget=forms.widgets.CheckboxInput() )
choice的注意事项：、
在使用选择标签时，需要注意choices的选项可以从数据库中获取，但是由于时静态字段***获取的值无法实时更新***，那么需要自定义构造方法从而达此目的。
方式一：
from app01 import models from django import forms from django.forms import Form from django.forms import widgets from django.forms import fields class MyForm(Form): uesr = fields.ChoiceField( choices=((1,"上海"),(2,"北京"),(3,"成都"),), initial=3, widget=widgets.Select ) def __init__(self,*args,**kwargs): super(MyForm,self).__init__(*args,**kwargs) # self.fields['user'].choices = ((1,"上海"),(2,"北京"),(3,"成都"),) # 或者 self.fields['user'].choices = models.Classes.object.all().values_list('id','caption')
方式二：
from django import forms from app01 import models from django.forms import fields from django.forms import models as form_model class FIofo(forms.Form): authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.object.all()) #多选 # authors = form_model.ModelChoiceField(queryset=models.NNewType.object.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, 最小值 DecimalField(IntegerField) max_value = None, 最大值 min_value = None, 最小值 decimal_places = None 小数位长度 BaseTemporalField(Field) input_formats = None 时间格式化 DateField(BaseTemporalField) 格式：2017-09-01 TimeField(BaseTempotalField) 格式：11：10 DateTimeField(BaseTemporalField) 格式：2017-09-01 11：10 DurationField(Field) 时间间隔：%d %H:%M:%S.%f RegexField(CharField) regex, 自定制正则表达式 max_length = None, 最大长度 min_message = None, 最小长度 error_message = None, 忽略，错误信息使用 error_messages = {'invalid':'...'} EmailField(CharField) FileField(Field) allow_empty_file = False 是否允许为空 ImageField(FileField) 注：需要PLL模块，pip3 install Pillow 以上两个字典使用时，需要注意两点： -form表单中，enctype="multipart/form-data" -view函数中，obj = MyForm(request.POST,request.FLLES) URLField(Field) BooleanField(Field) NullBooleanField(BooleanField) ChoiceField(Field) choices = (), 选项，如：choices = ((0,"上海"),(1,"北京"),(2,"成都")) required = True 是否必填 widget = None, 插件，默认select插件 label = None, Label内容 initial= None, 初始值 help_text = " ", 帮助提示 ModelChoiceField(ChoiceField) django.forms.models.ModelMultipleChoiceField TypedChoiceField(ChoiceField) coerce = lambda val:val 对选中的值进行一次转换 empty_value = "" 空值的默认值 MultipleChoiceField(ChoiceField)
五、校验
六、进阶（应用Bootsrap样式和批量添加）
https://www.cnblogs.com/maple-shaw/articles/9537309.html
浙公网安备 33010602011771号