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

Django之forms组件使用

时间:2019-06-18 00:36:32      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:objects   echo   创建   hone   import   图书   ova   sele   五步   

注册功能
            1.渲染前端标签获取用户输入      >>>            渲染标签
            2.获取用户输入传递到后端校验    >>>            校验数据
            3.校验未通过展示错误信息        >>>            展示信息
    
        
        校验数据(前后端都可以校验)
            校验前端后端都可以做,但是前端可以不做,后端必须得做!!!
    
        
    django form组件
        1.渲染标签
        2.校验数据
        3.展示信息
        
        校验数据
            第一步需要在views中写一个form类
                from django import forms

                class MyForm(forms.Form):
                    name = forms.CharField(max_length=6)
                    password = forms.CharField(max_length=8,min_length=3)
                    email = forms.EmailField(required=True)
            第二步实例化form对象
                form_obj = MyForm({name:jason})
            
            第三步查看数据校验是否合法
                form_obj.is_valid()  # 只有当所有的字段都校验通过才会返回True
            
            第四步查看校验错误的信息
                form_obj.errors  # 这个里面放的是所有校验未通过的字段及错误提示
                """
                {
                ‘name‘: [‘Ensure this value has at most 6 characters (it has 7).‘], 
                ‘password‘: [‘Ensure this value has at least 3 characters (it has 2).‘], 
                ‘email‘: [‘Enter a valid email address.‘]
                }

                """
            第五步查看校验通过的数据
                form_obj.cleaned_data  # 符合校验规则数据都会被放到该对象中
            ps:form组件校验数据的规则从上往下依次取值校验
                校验通过的放到cleaned_data
                校验失败的放到errors
            注意:
                form中所有的字段默认都是必须传值的(required=True)
                校验数据的时候可以都传(多传的数据不会做任何的校验>>>不会影响form校验规则)
        
        
        渲染标签
            form组件只帮你渲染获取用户输入的标签,不会帮你渲染提交按钮,需要手动添加
            <h1>第一种渲染方式(可扩展性较差)</h1>
            {{ form_obj.as_p }}
            {{ form_obj.as_ul }}
            
            <h1>第二种渲染方式</h1>
            <form action="">
                <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="">
                    {% for foo in form_obj %}
                        <p>{{ foo.label }}{{ foo }}</p>
                    {% endfor %}
                </form>
        
        前端取消校验 参数 novalidate
            <form action="" method="post" novalidate>
            </form>
        
        
        form组件提交数据如果数据不合法,页面上会保留之前用户输入的信息
        在使用form组件对模型表进行数据校验的时候,只需要保证字段一致
        那么在创建的对象的时候你就直接**form_obj.cleaned_data
        
        <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>
        
        
        # 钩子函数
            # 局部钩子函数  (单个字段的校验利用局部钩子函数)
            def clean_name(self):
                name = self.cleaned_data.get(name)
                if 666 in name:
                    self.add_error(name,光喊666是不行的,要有真实力!)
                return name  # return还是要加上的,兼容性考虑

            # 全局钩子函数  (多个字段的校验利用全局钩子函数)
            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,"两次密码不一致,你这个dsb!")
                return self.cleaned_data
        
        
        
        
        # 设置标签样式
        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()
            )

forms组件使用完整示例:

views中定义form类:

class RegForm(forms.Form):
    name = forms.CharField(max_length=10,min_length=3,label=用户名, error_messages={
        required:用户名不能为空!,
        invalid:格式错误!,
        max_length:注册用户名长度不能超过10位!,
        min_length:注册用户名长度不能低于3位,
    },
    widget=forms.widgets.Input(attrs={class:form-control,style:width:250px},))
    password = forms.CharField(max_length=16,min_length=3,label=密码, error_messages={
        required:注册密码不能为空!,
        invalid:格式错误!,
        max_length:密码超出最大长度16位!,
        min_length:密码长度不能低于3位!
    },
    widget=forms.widgets.PasswordInput(attrs={class:form-control,style:width:250px})
    )
    re_password = forms.CharField(max_length=16, min_length=3,label=再次输入密码, error_messages={
        required: 注册密码不能为空!,
        invalid: 格式错误!,
        max_length: 密码超出最大长度16位!,
        min_length: 密码长度不能低于3位!
    },
    widget=forms.widgets.PasswordInput(
       attrs={class: form-control, style: width:250px})
    )
    cellphone = forms.CharField(max_length=14,min_length=10,label=请输入手机号,error_messages={
        required: 注册手机号不能为空!,
        invalid: 格式错误!,
        max_length: 手机号长度不合法!,
        min_length: 手机号长度不合法!
    },
    widget=forms.widgets.Input(attrs={class:form-control,style:width:250px,id:cellphone})
    )
    def clean_name(self):
        name = self.cleaned_data.get("name")
        if not name.isalpha():
            self.add_error(name,用户名必须由字母数字组成!)
        elif name[0].isdigit():
            self.add_error(name,用户名不能以数字开头!)
        elif models.User.objects.filter(name=name):
            self.add_error(name,该用户名已存在!)
        return name

    def clean(self):
        password = self.cleaned_data.get("password")
        re_password = self.cleaned_data.get(re_password)
        if password != re_password:
            self.add_error(re_password,两次密码不一致!)
        elif password == 123:
            self.add_error(password,当前密码过于简单!)
        return self.cleaned_data
    def clean_cellphone(self):
        cellphone = self.cleaned_data.get("cellphone")
        regExp = "^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\\d{8}$"
        if not re.findall(regExp,cellphone):
            self.add_error(cellphone,请输入正确的手机号!)
        elif models.User.objects.filter(cellphone = cellphone):
            self.add_error(cellphone,该手机号已注册!请换一个再试!)
        return cellphone

 

前端渲染代码:

由于引入了许多第三方样式,没有导入JS,CSS样式等部分,截取了body部分作为示例

<body>
<div class="container" id="particles-js">
    <div id="main-div">
    <h3 style="text-align: center">欢迎注册图书管理系统</h3>
        <form action="" method="post" style="width: 250px;margin: 20px auto"  autocomplete="off"  novalidate>
            {% for form_datum in form_data %}               
                <p>{{ form_datum.label }}{{ form_datum }}
                    <span style="color: red">{{ form_datum.errors.0 }}</span>
                </p>
            {% endfor %}

            <span>请输入验证码:</span>
             <p >
                 <input type="text" class="form-control" name="yzm" style="width: 120px;display:inline-block;">
                 <input href="#" class="btn btn-info feachBtn"  style="width: 130px;float: right;" value="获取手机验证码">
             </p>
            <span style="color: red">{{ yzm }}</span>
         <p style="padding: 10px 0;"><input type="submit" class="btn btn-info btn-block" value="注册"></p>

        </form>
    </div>
</div>
</body>

 

views视图函数处理部分:

def register(request):

    form_data = RegForm()
    if request.method == "POST":
        form_data = RegForm(request.POST)
        if form_data.is_valid():            #检查是否通过校验,没有则返回前端error信息,通过则注册
            dic = dict(form_data.cleaned_data)
            dic["user_type"] = user
            dic.pop(re_password)
            # dic[‘cellphone‘] = request.session.get("cellphone")
            models.User.objects.create(**dic)
            return redirect(/admins/show-book/)
    return render(request, "reg.html",locals())

 

Django之forms组件使用

标签:objects   echo   创建   hone   import   图书   ova   sele   五步   

原文地址:https://www.cnblogs.com/dongxixi/p/11042917.html

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