码迷,mamicode.com
首页 > 其他好文 > 详细

Django框架之Forms组件(基于注册功能)

时间:2019-06-17 21:54:27      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:后端   tip   mit   col   ova   传递   checkbox   全局   技术   

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

 

Django框架之Forms组件(基于注册功能)

标签:后端   tip   mit   col   ova   传递   checkbox   全局   技术   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!