zoukankan      html  css  js  c++  java
  • form组件

     form表单实现注册

    # -------只使用form表单,不使用django提供的form组件
    
    # html文件
    <form action="" method="post">
        {% csrf_token %}
        <p>
            用户名:
            <input type="text" name="username"><span style="color: red">{{ err_msg }}</span>
        </p>
        <p>
            密码:
            <input type="password" name="pwd">
        </p>
        <p>
            <button type="submit">提交</button>
        </p>
    </form>
    
    
    # views.py
    def register(request):
        err_msg = ''
        if request.method == 'POST':		
            username = request.POST.get('username')
            pwd = request.POST.get('pwd')
            if len(username) < 5:	# 如果用户名长度小于5,不允许注册返回错误信息
                err_msg = '太短了'
            else:
                # 存数据库
                return HttpResponse('注册成功')
        return render(request, 'reg.html', {'err_msg': err_msg})
    

      

    # -----------使用django提供的form组件
    
    
    # app01下新建的forms.py文件
    from django import forms
    from django.forms import widgets
    from app01 import models
    from django.core.validators import RegexValidator
    from django.core.exceptions import ValidationError
    
    # -----------校验
    # ***方式一***
    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开头')],
        )
    	
    
    # ***方式二***
    # 自定义验证器
    def check(value):
        if "alex" in value:
            raise ValidationError('含有非法字符')
    
    
    # 定义form
    class RegForm(forms.Form):
        username = forms.CharField(
            min_length=5,
            max_length=10,
            label='用户名',
            initial='长度不小于5',
            # validators=[check,]   在validators中写自定义验证器
            error_messages={
                'min_length': '你的长度太短了',
                'required': '不能为空',
            }, widget=widgets.TextInput(attrs={'class': 'form-control'})
        )
        pwd = forms.CharField(
            label='密码',
            min_length=4,
            required=False,
            widget=widgets.PasswordInput(attrs={'class': 'form-control'}))
    
        re_pwd = forms.CharField(
            label='确认密码',
            min_length=4,
            widget=widgets.PasswordInput(attrs={'class': 'form-control'}))
    		
    	hobby2 = forms.fields.ChoiceField(
            choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),   # 这个可以写在数据库中
            required=False,
            label="爱好2",
            initial=[1, 3],	# 开始默认的选项
            widget=forms.widgets.SelectMultiple()    # 可以多选
    
    
        def clean_username(self):  # 局部钩子,对单独的字段校验
            print('这是clean_username')
            if "alex" in self.cleaned_data['username']:
                raise ValidationError('含有非法字符!!!!!!')
            return self.cleaned_data['username']
    
        def clean(self):  # 全局钩子,对所有已经通过校验的字段再进行一次校验
            pwd = self.cleaned_data.get('pwd')
            re_pwd = self.cleaned_data.get('re_pwd')
    
            if re_pwd == pwd:
                return self.cleaned_data
            self.add_error('re_pwd', '两次密码不一致!!!!')
            raise ValidationError("两次密码不一致")
    	#在使用选择标签时,需要注意choices的选项可以从数据库中获取,
    	#但是由于是静态字段获取的值无法实时更新,需要自定义构造方法从而达到此目的
    	#数据库中有Hobby表,Hobby表有'id','name'两个字段
    	def __init__(self, *args, **kwargs):
            super().__init__(*args, **kwargs)
            self.fields['hobby2'].choices = models.Hobby.objects.all().values_list('id', 'name')
    或 self.fields['hobby2'].choices = ((1,'篮球'),(3,'双色球'),) # views.py文件 from django.shortcuts import render, HttpResponse from app01.forms import RegForm def register2(request): form_obj = RegForm() if request.method == 'POST': # print(request.POST) form_obj= RegForm(request.POST) if form_obj.is_valid(): # print(form_obj.cleaned_data) return HttpResponse('注册成功') return render(request, 'reg2.html', {'form_obj': form_obj}) # html文件 <form action="" method="post"> {% csrf_token %} {{ form_obj.as_p }} # 生成所有的input框,但这样就不能对单独的input框进行修改 </form> {{ form_obj.username }} ——》username的input框 {{ form_obj.username.label }} ——》username的标签显示文字 {{ form_obj.username.id_for_label }} ——》input框的ID {{ form_obj.username.errors }} ——》当前字段的所有错误 {{ form_obj.username.errors.0 }} ——》当前字段的第一个错误 {{ form_obj.errors}} ——》form表单的所有错误 <form action="" method="post" novalidate class="form-horizontal"> {% csrf_token %} <div class="form-group"> <label for="{{ form_obj.username.id_for_label }}" class="col-sm-2 control-label"> {{ form_obj.username.label }}</label> <div class="col-sm-10"> {{ form_obj.username }} <span>{{ form_obj.username.errors.0 }}</span> </div> </div> </form>

      

    # 字段类型和参数
    1. 
    	CharField()
    	ChoiceField()
    2. 	参数
    	label       显示的文本
    	initail     初识化的值
    	min_length  最小长度
    	max_length  最大长度
    	required	是否必须
    	error_messages = {"min_length":"太短了",'required': ""}
    	widget  =  forms.widgets.PasswordInput(
    			attrs:{"class":"form_control"}
    		)
    	validators = [验证器1,验证器2]
    # 校验数据
    1. 内置的验证
    	min_length
    	max_length
    	required
    2. 自定义验证器
    	validators = [验证器1,验证器2]	
    	
    	from django.core.validators import RegexValidator
    	RegexValidator(r'1[3-9]d{9}', '手机号不正经')
    	
    	定义函数
    	def check(value):
    		if "alex" in value:
    			raise ValidationError('含有非法字符')
    	
    3. 钩子函数
    	1. 局部钩子
    		clean_字段名(self):
    		通过校验:返回当前校验的值
    		不通过: raise ValidationError('不通过')
    	2. 全局钩子
    		clean(self):
    			通过校验:self.cleaned_data
    			不通过: 
    				self.add_error('re_pwd', '两次密码不一致!!!!')
    				raise ValidationError('不通过')
    					
    # self.cleaned_data是在各个字段自己的校验规则通过后进行赋值的,没通过字段本身校验的时候会抛出异常,然后就执行捕捉异常的处理了
    
    
    # ModelForm
    # form与model的终极结合
    class BookForm(forms.ModelForm):
    
        class Meta:
            model = models.Book
            fields = "__all__"
            labels = {
                "title": "书名",
                "price": "价格"
            }
            widgets = {
                "password": forms.widgets.PasswordInput(attrs={"class": "c1"}),
            }
    
    #  class Meta:下常用参数:
    model = models.Student  # 对应的Model中的类
    fields = "__all__"  # 字段,如果是__all__,就是表示列出所有的字段
    exclude = None  # 排除的字段
    labels = None  # 提示信息
    help_texts = None  # 帮助提示信息
    widgets = None  # 自定义插件
    error_messages = None  # 自定义错误信息
    

      

    # 批量添加样式,可通过重写form类的init方法来实现
    class LoginForm(forms.Form):
        username = forms.CharField(
            min_length=8,
            label="用户名",
            initial="张三",
            error_messages={
                "required": "不能为空",
                "invalid": "格式错误",
                "min_length": "用户名最短8位"
            }
        ...
    
        def __init__(self, *args, **kwargs):
            super(LoginForm, self).__init__(*args, **kwargs)
            for field in iter(self.fields):
                self.fields[field].widget.attrs.update({
                    'class': 'form-control'
                })
    
    
    
    # Django Form所有内置字段
    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类型
    
    
    # 插件
    #通过看源码可以知道,我们只需要使用CharField类型,然后使用wight插件更改类型就行了,就不用写其他的类型了如PasswordInput,TextInput
    
    #password
    class LoginForm(forms.Form):    
        pwd = forms.CharField(
            min_length=6,
            label="密码",
            widget=forms.widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True)
        )
    
    #radioSelect	
    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()
    )
    
    #单选Select
    class LoginForm(forms.Form):   
        hobby = forms.fields.ChoiceField(
            choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
            label="爱好",
            initial=3,
            widget=forms.widgets.Select()
        )
    	
    #多选Select
    class LoginForm(forms.Form):   
        hobby = forms.fields.MultipleChoiceField(
            choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
            label="爱好",
            initial=[1, 3],
            widget=forms.widgets.SelectMultiple()
        )
    
    #单选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()
        )
    	
    其他字段,详见博客 https://blog.csdn.net/devil_2009/article/details/41735611

      

  • 相关阅读:
    我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。
    VGA显示器如何连接HDMI接口主机
    h5ai搭建自己的文件分享程序
    阿里钉钉智能硬件产品上线企业0元购买
    chevereto搭建自己的图床站点
    简单配置webpack自动刷新浏览器
    简易nodejs爬虫抓取博客园指定用户的文章及浏览量
    使用es6的set和map实现数组去重复
    promise实例小球运动
    ImportError: Couldn't import Django.
  • 原文地址:https://www.cnblogs.com/perfey/p/9703158.html
Copyright © 2011-2022 走看看