Django框架之Forms组件（基于注册功能）

时间:2019-06-17
本文章向大家介绍Django框架之Forms组件（基于注册功能），主要包括Django框架之Forms组件（基于注册功能）使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

1、注册功能分析

注册功能
   1.渲染前端标签获取用户输入      >>>          渲染标签
   2.获取用户输入传递到后端校验    >>>          校验数据
   3.校验未通过展示错误信息       >>>          展示信息

2、使用 forms 组件实现注册功能

1.校验数据

校验规则：form组件校验数据的规则从上往下依次取值校验

　　　　   校验通过的放到cleaned_data

　　　　   校验失败的放到errors

from django import forms

class MyForm(forms.Form):        #创建一个继承forms.Form的类
    name = forms.CharField(max_length=6)
    password = forms.CharField(max_length=8,min_length=3)
    email = forms.EmailField(required=True) 
    
form_obj = MyForm({'name':'jason'})     #实例化form对象

form_obj.is_valid()     #查看数据校验是否合法，所有的字段都校验通过时返回True

form_obj.errors  #查看所有校验未通过的字段及错误提示

form_obj.cleaned_data  # 查看校验通过的数据

'''
form中所有的字段默认必须传值(required=True)
校验数据时可以多传(多传的数据不会做任何的校验>>>不会影响form校验规则)
'''

2.渲染标签

form组件只能渲染获取用户输入的标签,不会渲染提交按钮，需要手动添加。

<h1>第一种渲染方式(可扩展性较差)</h1>
    {{ form_obj.as_p }}
    {{ form_obj.as_ul }}

<h1>第二种渲染方式</h1>
<form action="" method="post" novalidate>
    <p>{{ form_obj.name.label }}{{ form_obj.name }}</p>
    <p>{{ form_obj.password.label }}{{ form_obj.password }}</p>
    <p>{{ form_obj.email.label }}{{ form_obj.email }}</p>
    <input type="submit">
</form>


<h1>第三种渲染标签的方式</h1>　　　　　　　{# 建议使用 #}
<form action="" method="post" novalidate>    {# 参数novalidate可以取消前端校验 #}
    {% for foo in form_obj %}
        <p>{{ foo.label }}{{ foo }}</p>
    {% endfor %}
</form>

标签样式设置（后端设置）

# 设置标签样式
from django import forms
from django.forms import widgets
password = forms.CharField(max_length=8,min_length=3,
    error_messages={'max_length': '密码最长8位',
                    'required': '密码不能为空',
                   'min_length':'密码最少3位'},
    #密码输入为密文
    widget=widgets.PasswordInput(attrs={'class':'c1 form-control'}))
            
hobby = forms.ChoiceField(
    choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
    label="爱好",
    initial=3,
    widget=forms.widgets.Select())

hobby1 = forms.MultipleChoiceField(
    choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
    label="爱好",
    initial=[1, 3],
    widget=forms.widgets.SelectMultiple())

keep = forms.ChoiceField(
    label="是否记住密码",
    initial="checked",
    widget=forms.widgets.CheckboxInput())
样式设置

3.错误信息展示

根据错误类型自定义错误信息映射关系

from django import forms
class MyForm(forms.Form):
    name = forms.CharField(max_length=6,label='用户名',error_messages={
        'max_length':'用户名最长6位',
        'required':'用户名不能为空'
    })
    password = forms.CharField(max_length=8,min_length=3,error_messages={
        'max_length': '密码最长8位',
        'required': '密码不能为空',
        'min_length':'密码最少3位'
    },widget=widgets.PasswordInput(attrs={'class':'c1 form-control'}))
    confirm_password = forms.CharField(max_length=8, min_length=3, error_messages={
        'max_length': '确认密码最长8位',
        'required': '确认密码不能为空',
        'min_length': '确认密码最少3位'
    },widget=widgets.PasswordInput())
    email = forms.EmailField(error_messages={
        'invalid':'邮箱格式不正确',
        'required':'邮箱不能为空'
    })
    
def reg(request):
# 生成一个空对象
    form_obj = MyForm()
    if request.method == 'POST':
        print(request.POST)
        form_obj = MyForm(request.POST) #将POST中的数据传入，实例化对象
        if form_obj.is_valid():    #判断是否通过校验
            print(form_obj.cleaned_data)
            models.User.objects.create(**form_obj.cleaned_data)
    return render(request,'reg.html',locals())
后端
{#前端#}
<form action="" method="post" novalidate>
   {% for foo in form_obj %}
      <p>
         {{ foo.label }}{{ foo }}
         <span>{{ foo.errors.0 }}</span>
      </p>
   {% endfor %}
   <input type="submit">
</form>
前端

3、钩子函数

1.局部钩子函数 （单个字段的校验利用局部钩子函数）

def clean_name(self):
    name = self.cleaned_data.get('name')
    if 'sb' in name:
    self.add_error('name','包含敏感词汇')
    return name      # 兼容性考虑

2.全局钩子函数 （多个字段的校验利用全局钩子函数）

def clean(self):
    password = self.cleaned_data.get('password')
    confirm_password = self.cleaned_data.get('confirm_password')
    if not password == confirm_password:
        self.add_error('confirm_password',"两次密码不一致!")
    return self.cleaned_data

原文地址：https://www.cnblogs.com/yuanlianghong/p/11042337.html

随机文章
Javascript知识点必读
最近更新