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': '邮箱格式错误',
        }
    )
Form类 View Code
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})    
view函数 View Code
<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>
生成HTML View Code

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类型
    ...
View Code

 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
View Code

常用选择插件

# 单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
)
View Code

 

动态数据绑定

在使用选择标签时,需要注意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()
Form View Code
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})
views函数 View Code
<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>
html1 View Code
<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>
html2 View Code

 参考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)

 

posted @ 2019-02-25 17:55  烛爻  阅读(242)  评论(0编辑  收藏  举报