Django——forms（登录组件）

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。

与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。

Django form组件就实现了上面所述的功能。

form组件的主要功能如下

  • 生成页面可用的HTML标签
  • 对用户提交的数据进行校验
  • 保留上次输入内容
  • 提供错误提示

常用方法：

self.fields       #将self的所有字段，并生成有序字典{'name':对象}

obj=models.name.objects.filter(pk=1).first()
form_obj = Form(instance=obj)   #将查找的ID对象，进行form的加入

定义一个简单的form组件

from django import forms

# 按照Django form组件的要求自己写一个类，后续会对应生成html的input框。
class RegForm(forms.Form):
    name = forms.CharField(label="用户名")   #label是要显示前端的名称
    pwd = forms.CharField(label="密码")
# 使用form组件实现注册方式
def register2(request):
    form_obj = RegForm()         #实例化设置的form类
    if request.method == "POST":
        # 实例化form对象的时候，把post提交过来的数据直接传进去
        form_obj = RegForm(request.POST)
        # 调用form_obj校验数据的方法，判断是否有效
        if form_obj.is_valid():
            return HttpResponse("注册成功")
    return render(request, "register2.html", {"form_obj": form_obj})  #再交给前端进行渲染
#在前端进行使用
<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>

forms组件属性和功能

  • CharField（输入框）

pwd = forms.CharField(label="密码",widget=forms.PasswordInput)    #将用户输入设置成密文形式
pwd = forms.CharField(label="密码",min_length=6)  #设置最小长度为6
pwd = forms.CharField(label="密码",initial="张三",)   #默认值
pwd = forms.CharField(label="密码",required=True)   #设置为必填      
pwd = forms.CharField(label="密码",disabled=False)   #是否可以编辑      
pwd = forms.CharField(label="密码",error_messages={
                                                    "required": "不能为空",
                                                    "invalid": "格式错误",
                                                    "min_length": "用户名最短8位"} #错误提示

  • ChoiceField&MultipleChoiceField(选项框)

pwd = forms.fields.ChoiceField(choices=((1, "男"), (2, "女"), (3, "保密"))   #选项字段,下拉菜单
pwd = forms.fields.ChoiceField(choices=((1, "男"), (2, "女"), (3, "保密"),widget=forms.RadioSelect)   #更改为单选按钮
pwd = forms.fields.MultipleChoiceField(choices=((1, "男"), (2, "女"), (3, "保密"))   #更改为多选框

关于choice的注意事项：

在使用选择标签时，需要注意choices的选项可以从数据库中获取，但是由于是静态字段 ***获取的值无法实时更新***，那么需要自定义构造方法从而达到此目的。

#方式1
from django.forms import Form
from django.forms import widgets
from django.forms import fields

class MyForm(Form):
    user = fields.ChoiceField(
        # choices=((1, '上海'), (2, '北京'),),
        initial=2,
        widget=widgets.Select
    )
 
    def __init__(self, *args, **kwargs):
        super(MyForm,self).__init__(*args, **kwargs)
        # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
        # 或
        self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')   #从数据库中查找

#方式2：

from django import forms
from django.forms import fields
from django.forms import models as form_model

class FInfo(forms.Form):
    authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())  # 多选
    # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())  # 单选

radioSelect

单radio值为字符串

class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
    pwd = forms.CharField(min_length=6, label="密码")
    gender = forms.fields.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性别",
        initial=3,
        widget=forms.widgets.RadioSelect()
    )

单选checkbox

class LoginForm(forms.Form):
    ...
    keep = forms.fields.ChoiceField(
        label="是否记住密码",
        initial="checked",
        widget=forms.widgets.CheckboxInput()
    )

多选checkbox

class LoginForm(forms.Form):
    hobby = forms.fields.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.CheckboxSelectMultiple()
    )

 

所有内置字段

查看代码 
 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,              最小值
 
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类型

前端应用属性

{{ form_obj.as_p }}     #按照forms组件中的每一个值，生成一个p标签
{{ form_obj.name }}     #提取name对应的input框
{{ form_obj.name.label }}   #提取name中设置的label
{{ form_obj.name.id_for_label }}   #提取name中label的id，在for内容中使用，即可点击到输入框中。
{{ form_obj.name.errors.0 }}   #只取name中第一个错误，生成字符串形式

校验方法

校验就是判断数据是否符合规定的要求，像最小长度，密码复杂性或不能为空等。

def register2(request):
    form_obj = RegForm()         
    if request.method == "POST":
        form_obj = RegForm(request.POST)
        # 调用form_obj校验数据的方法，判断是否有效
        if form_obj.is_valid():
            return HttpResponse("注册成功")
    return render(request, "register2.html", {"form_obj": form_obj})

内置校验

min_length=6  #设置最小长度为6
max_length=10  #设置最大长度为10
required=True   #设置为必填

自定义校验

因为内置校验比较少，而且自定义的规则比较灵活，所以一般都会使用自定义的校验方法进行校验。

正则表达式方式，属于内置的校验器

#方式1
from django.forms import Form
from django.forms import widgets
from django.forms import fields     #这里可以有很多的匹配方式来选择。
from django.core.validators import RegexValidator     
 
class MyForm(Form):
    user = fields.CharField(
        validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')], #正则，错误提示
    )

validators独立函数匹配

#方式2
from forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.exceptions import ValidationError
 
 
# 自定义验证规则
def mobile_validate(value):   #value是返回的数据
    mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
    if not mobile_re.match(value):
        raise ValidationError('手机号码格式错误')

# 使用自定义验证规则
phone = fields.CharField(validators=[mobile_validate, ],
                        error_messages={'required': '手机不能为空'},
                        widget=widgets.TextInput(attrs={'class': "form-control",
                                                         'placeholder': u'手机号码'}))

高级forms（ModelForm）

按照定义的models中的指定样式，自动产生对应的input标签。

  1. 使前端显示不再写死，而是根据后台的变化而变化
  2.  如果错误提示很麻烦，那么就直接改settings.py中的LANGUAGE_CODE = 'en-us'   改成 'zh-Hans' 即可
from django import forms
from django.core.exceptions import ValidationError


class RegForm(forms.ModelForm):
    password = forms.CharField(min_length=6,widgeg=forms.PasswordInput(attrs={'placeholder':'请输入密码','autocomplete':'off'}))  #覆盖原有的密码要求，将最少6位要求重新写入
    re_password = forms.CharField(widgeg=forms.PasswordInput(attrs={'placeholder':'请输入密码','autocomplete':'off'}))   #如果表中没有涵盖某个内容，可以自行添加
    def clean(self):   #因为用户数据的判断直接抛向RegForm，所以有校验的需求。
        password = self.cleaned_data.get('password')
        re_passowrd = self.cleaned_data.get('re_password')
        if password == re_password:
            return self.cleaned_data
        else:
            self.add_error('re_password','两次密码不一致')
            raise ValidationError('两次密码不一致。')
    class Meta:
        model=models.User   #按照user表中的字段
        fields='__all__'#['username'.'password']   #表示User表中所有字段都对应生成input标签,或使用列表形式只限制某几个字段
        # exclude = ['age',]  #还可以排除哪个值。
        widgets={
            'username':forms.TextInput(attrs={'placeholder':'请输入用户名','autocomplete':'off'}),   #将某个特定标签的样式进行修改。
            'password':forms.PasswordInput(attrs={'placeholder':'请输入密码','autocomplete':'off'})  
        }
        error_messages={
            'username':{ 'required':'必填'，'invalid':'格式不正确' }   #错误提示
        }
# 使用form组件实现注册方式
def register2(request):
    form_obj = RegForm()         #实例化设置的form类
    if request.method == "POST":
        # 实例化form对象的时候，把post提交过来的数据直接传进去
        form_obj = RegForm(request.POST)
        # 调用form_obj校验数据的方法，判断是否有效
        if form_obj.is_valid():
            form_obj.save()  #保存相对应的类，然后保存到数据库中。
            return HttpResponse("注册成功")
    return render(request, "register2.html", {"form_obj": form_obj})  #再交给前端进行渲染
#在前端进行使用
<div>
{{ form_obj.name }}

{{ form_obj.name.errors.0 }}   #错误提示数据
</div>
<div>
{{ form_obj.password }}
</div>
<div>
{{ form_obj.re_password }}
</div>

查询对象，并实例化

  1. 一般用于对后台数据的实例化查看和编辑保存。
  2. 用于对数据的提取，并且进行实例化显示。
  3. 或者用于数据提取，显示，编辑后进行保存。

def register2(request):
    obj = models.Customer.objects.filter(pk=pk).first()   #针对用户上传的PK号进行完整数据的提取工作
    form_obj = RegForm(instance=obj)    #将提取的用户信息，进行form的实例工作。
    if request.method == "POST":    
        form_obj = RegForm(data=request.POST，instance=obj)  #判断用户提交的数据是否存在异常。
        if form_obj.is_valid():      #返回true或Flase
            form_obj.save()          #如果没问题就保存
            return HttpResponse("成功")
    return render(request, "register2.html", {"form_obj": form_obj})

 

posted @   新兵蛋Z  阅读(76)  评论(0)  编辑  收藏  举报
相关博文：
· HTML——form标签
· Django——模板&过滤器
· 10 form组件
· 09 Form组件
· Django之form组件
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛