Django之Form组件与ModelForm
Django的Form主要具有一下几大功能:
- 生成HTML标签
- 验证用户数据(显示错误信息)
- HTML Form提交保留上次提交数据
- 初始化页面显示内容
示例:
from django import forms from django.forms import fields class f1(forms.Form): user = fields.CharField( max_length=18, min_length=6, required=True, error_messages={ # 自定义错误提示 'required':'用户名不能为空', 'max_length':'太长了', 'min_length':'太短了', } ) pwd = fields.CharField( min_length=8, required=True, error_messages={ # 自定义错误提示 'required': '用户名不能为空', 'min_length': '太短了', } ) age = fields.IntegerField( required=True, error_messages={ 'required': '年龄不能为空', 'invalid': '格式错误,必须为数字', } ) email = fields.EmailField( required=True, min_length=8, error_messages={ 'required': '邮箱不能为空', 'invalid': '邮箱格式错误', } )
from django.shortcuts import render,HttpResponse,redirect ef form1(request): if request.method == "GET": obj = f1() return render(request,'form1.html',{'obj':obj}) else: obj = f1(request.POST) # 把form表单上的数据传过去 if obj.is_valid():# is_valid()判断是否验证成功了 # 已经验证过的用户提交的数据 # print(obj.cleaned_data) return redirect('/form1.html/') else: print('验证失败',obj.errors) # 错误信息 return render(request,'form1.html',{'obj':obj})
<form action="/form1.html/" method="POST"> <p>姓名:{{ obj.user }}{{ obj.errors.user.0 }}</p> <p>密码:{{ obj.pwd }}{{ obj.errors.pwd.0 }}</p> <p>年龄:{{ obj.age }}{{ obj.errors.age.0 }}</p> <p>邮箱:{{ obj.email }}{{ obj.errors.email.0 }}</p> <p><input type="submit" value="提交"></p> </form>
Form类
创建Form类时,主要涉及到 【字段】 和 【插件】,字段用于对用户请求数据的验证,插件用于自动生成HTML;
1、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类型 ...
UUID是根据MAC以及当前时间等创建的不重复的随机字符串
2、Django内置插件:
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
常用选择插件
# 单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 )
动态数据绑定
在使用选择标签时,需要注意choices的选项可以从数据库中获取,但是由于是静态字段 获取的值无法实时更新 ,那么需要自定义构造方法从而达到此目的。
方式一:推荐
from django import forms from django.forms import fields from django.forms import widgets from app01 import models class MyForm(forms.Form): price = fields.IntegerField() user_id = fields.IntegerField(
# widget = widgets.Select(choices=[(0,'老王'),(1,'小刘'),(2,'小李')]) 原始方法 # 动态绑定数据 数据库操作不写all()默认拿所有数据 # widget=widgets.Select(choices=models.UserInfo.objects.values_list('id','username')) widget = widgets.Select() # 新方法,通过__init__方法来实现动态更新数据 ) def __init__(self,*args,**kwargs): super().__init__(*args,*kwargs) # 当页面刷新一次,就要创建一次MyForm对象,执行__init__方法,就会重新从数据库拿数据 self.fields['user_id'].widget.choices = models.UserInfo.objects.values_list('id','username')
方式二:依赖models中的__str__方法
from django import forms from django.forms import fields from django.forms import widgets from app01 import models from django.forms.models import ModelChoiceField class MyForm(forms.Form): price = fields.IntegerField() user_id2 = ModelChoiceField( queryset=models.UserInfo.objects.all(), to_field_name='id', # 要以哪一列作为html中相应选择项的value值 ) # 但在html中显示的不是数据库中的值,而且一个一个的对象,要去models.py文件中写__str__方法,来返回要显示的值 class UserInfo(models.Model): username = models.CharField(max_length=32) email = models.EmailField(max_length=32) def __str__(self): return self.username
自定义验证规则
from django.forms import Form from django.forms import widgets from django.forms import fields from django.core.exceptions import ValidationError class MyForm(Form): user = fields.CharField( validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')], )
初始化数据
from django import forms from django.forms import fields class UserForm(forms.Form): id = fields.CharField() username = fields.CharField() email = fields.EmailField()
from django.shortcuts import render,redirect from app01 import models # Create your views here. from django import forms from django.forms import fields class UserForm(forms.Form): id = fields.CharField() username = fields.CharField() email = fields.EmailField() def user(request): user_list = models.UserInfo.objects.all() return render(request,'user.html',{'user_list':user_list}) def add_user(request): if request.method == 'GET': obj = UserForm() return render(request,'add_user.html',{'obj':obj}) else: obj = UserForm(request.POST) # 把数据从form表单拿来传入,去进行表单数据验证 if obj.is_valid(): # 判断是否验证通过 print(obj.cleaned_data) # 验证通过 # models.UserInfo.objects.create( # username=obj.cleaned_data['user'], # email=obj.cleaned_data['email'] # ) models.UserInfo.objects.create(**obj.cleaned_data) return redirect('/user/') else: return render(request, 'add_user.html', {'obj': obj}) def edit_user(request): if request.method == 'GET': nid = request.GET.get('nid') # 获取这条数据的id data = models.UserInfo.objects.filter(id=nid).first() obj = UserForm({'id':data.id,'username':data.username,'email':data.email}) # 把该字段上默认显示的值通过字典传过去,编辑时就会显示该字段原先默认的值 return render(request,'edit_user.html',{'obj':obj}) else: obj = UserForm(request.POST) if obj.is_valid(): models.UserInfo.objects.filter(id=request.POST.get('id')).update(**obj.cleaned_data) return redirect('/user/') else: return render(request, 'edit_user.html', {'obj': obj})
<body> <form method="post" action="/edit_user/" novalidate> {# novalidate 属性规定当提交表单时不对其进行验证。 #} {% csrf_token %} <p style="display: none">id:{{ obj.id }}</p> <p>用户名:{{ obj.username }}{{ obj.errors.username.0 }}</p> <p>邮箱:{{ obj.email }}{{ obj.errors.email.0 }}</p> <input type="submit" value="提交"> </form> </body> </html>
<form action="/add_user/" method="post" novalidate> {# novalidate 属性规定当提交表单时不对其进行验证。 #} {% csrf_token %} <p>用户名:{{ obj.username }}{{ obj.errors.username.0 }}</p> <p>邮箱:{{ obj.email }}{{ obj.errors.email.0 }}</p> <input type="submit" value="提交"> </form> </body>
参考https://www.cnblogs.com/wupeiqi/articles/6144178.html
扩展扩展:ModelForm
在使用Model和Form时,都需要对字段进行定义并指定类型,通过ModelForm则可以省去From中字段的定义
from django.forms import ModelForm
class AdminModelForm(forms.ModelForm): class Meta: model = models.Admin #与表关联 #fields = '__all__' #显示所有字段 fields = ['username', 'email'] # 显示指定的字段 widgets = { 'email' : forms.PasswordInput(attrs={'class':"alex"}), }
class CustomerForm(ModelForm): class Meta: model = models.CustomerInfo # 与表关联 # fields = ['name','consultant','status',] # 显示的字段 fields = '__all__' # 显示所有字段 def __new__(cls, *args, **kwargs): # 执行__init__之前会先执行__new__ print('__new__',cls,args,kwargs) for field_name in cls.base_fields: field_obj = cls.base_fields[field_name] field_obj.widget.attrs.update({'class':'form-control'}) # 给每个字段加上属性 return ModelForm.__new__(cls)