Django Form组件(十)

一、传统表单校验

 编写前端HMTL页面,渲染HTML页面,后端对用户进行了数据校验,对不符合要求前端进行显示
   1.注册功能
   2.获取用户和密码,使用form表单提交数据
   3.在后端判断前端是否一致
   4.如果符合一致,展示前端页面显示

(1)models.py

from django.db import models

# Create your models here.
class UserInfo(models.Model):
    username = models.CharField(verbose_name='用户名', max_length=30)
    password = models.CharField(verbose_name='密码', max_length=10)
    tel = models.CharField(verbose_name='手机号码', max_length=11, null=True)
    email = models.EmailField(verbose_name='邮箱', null=True)

    #数据
    class Meta:
        db_table='userinfo'
        verbose_name='用户'
        verbose_name_plural=verbose_name

    #重写
    def __str__(self):
        return self.username

 (2) views.py

def register(request):
    # 提示错误信息
    user_dict = {'username': '', 'password': '', 'tel': '', 'emails': ''}
    # 使用post访问方式
    if request.method == 'POST':
        # 获取用户名,密码,手机号,邮箱
        name = request.POST.get('username')
        pwd = request.POST.get('password')
        tel = request.POST.get('tel')
        email = request.POST.get('emails')

        # 判断
        if not name:
            user_dict['username'] = '用户名不能为空'
        if len(name) > 6:
            user_dict['username'] = '用户名不能为6个字符'

        # 最短6位,最长8位 可以包含小写大母和大写字母可以包含数字可以包含下划线和减号
        if not re.match(r'^[\w_-]{6,8}$', pwd):
            user_dict['password'] = '密码强度不符合要求'

        if not re.match(r'^130\d{8}$', pwd):
            user_dict['tel'] = '手机号码必须130开头'

        if not re.match(r'^\w+@\w+\.\w+|$', email):
            user_dict['emails'] = '此邮箱不合法'

    return render(request, 'myformcom.html', locals())

(3) myformcom.html




    
    用户注册



{% csrf_token %}

用户注册-Form手动

{{ user_dict.username }}
{{ user_dict.password }}
{{ user_dict.emails }}
{{ user_dict.tel }}

(4)  运行

Django Form组件(十)_第1张图片

二、Django Form 组件 

     它用于对页面进行初始化,生成 HTML 标签,此外还可以对用户提交的数据进行校验(显示错误信息)。forms组件的主要功能如下:

  • 渲染页面标签

  • 校验字段

  • 保留用户的输入并渲染错误信息

Form定义在views.py文件中

# #定义form类
class UserInform(Form):
    username = forms.CharField(max_length=6, error_messages={
        'required': '名字不能为空', 'invalid': '请输入正确的名字'
    })

    password = forms.CharField(max_length=8, min_length=6, error_messages={
        'required': '请输入密码', 'min_length': '密码最低6位', 'max_length': '密码超过8位'
    })

    email = forms.EmailField(required=False, error_messages={
        'invalid': '请输入正确的邮箱'
    })  # 可以不输入

    tel = forms.CharField(validators=[
        RegexValidator(r'^13\d{9}$', '请输入正确的手机号码')  # 自定义校验规则
    ], required=False)


Form内置字段说明:

required=False, 是否允许为空

widget=None, HTML 插件

label=None, 用于生成 Label 标签或显示内容

initial=None, 初始值

help_text=’’, 帮助信息(在标签旁边显示)

error_messages=None, 错误信息 {‘required’: ‘不能为空’, ‘invalid’: ‘格式错误’}

show_hidden_initial=False, 是否在当前插件后面再加一个隐藏的且具有默认值的插件(可用于检验两次输入是否一直)

validators=[], 自定义验证规则

localize=False, 是否支持本地化

disabled=False, 是否可以编辑

label_suffix=None Label 内容后缀

 (1)CharField(Field)

  • max_length=None, 最大长度

  • min_length=None, 最小长度

  • strip=True 是否移除用户输入空白

  (2)DecimalField(IntegerField)

  • max_value=None, 最大值

  • min_value=None, 最小值

  • max_digits=None, 总长度

  • decimal_places=None, 小数位长度

   (3) IntegerField(Field)

  • max_value=None, 最大值

  • min_value=None, 最小值

1、默认表单的数据:

def register2(request):
    data={"username":"","password":"123","email":"111","tel":"130"}
    # 使用form表单对象
    form_obj = UserInform(data)
    # 判断传入的数据是否合法
    if not form_obj.is_valid():
        # 校验不通过
        print(form_obj.errors)  # 校验失败的错误信息
    else:
        print(form_obj.cleaned_data)  # 校验成功之后的数据

    return render(request, 'myformcom2.html', locals())

  页面 myformcom2.html

  渲染一




    
    用户注册



用户注册-Form组件

第一种渲染方式

{{ form_obj }}

运行

Django Form组件(十)_第2张图片

 渲染二

用户注册-Form组件

第二种渲染方式

Django Form组件(十)_第3张图片 

渲染三

用户注册-Form组件

第三种渲染方式

{# {{ form_obj.as_ul }}#} {# {{ form_obj.as_div }}#} {{ form_obj.as_p }}

Django Form组件(十)_第4张图片 

2、根据表单提交数据 views.py


def register3(request):
    # 使用post方式
    if request.method == 'POST':
        # 获取 POST 请求的数据
        data: dict = request.POST
        # 使用form表单对象
        form_obj = UserInform(data)
        # 判断传入的数据是否合法
        if not form_obj.is_valid():
            # 校验不通过
            print(form_obj.errors)  # 校验失败的错误信息
        else:
            print(form_obj.cleaned_data)  # 校验成功之后的数据

    return render(request, 'myformcom3.html', locals())

  myformcom3.html 


{% csrf_token %}

用户注册-Form组件

{{ form_obj.username.errors.0}}
{{ form_obj.password.errors.0}}
{{ form_obj.emails.errors.0 }}
{{ form_obj.tel.errors.0}}

 运行

Django Form组件(十)_第5张图片

 

你可能感兴趣的:(django,python,后端)