Django组件-Forms组件

Django的Forms组件主要有以下几大功能：

页面初始化，生成HTML标签
校验用户数据（显示错误信息）
HTML Form提交保留上次提交数据

一、小试牛刀

　　1、定义Form类

from django import forms

class EmpForm(forms.Form):

    name = forms.CharField(min_length=5, label="姓名", error_messages={"required": "该字段不能为空!",

                                                                     "min_length": "用户名太短。"})

    age = forms.IntegerField(label="年龄")

    salary = forms.DecimalField(max_digits=5, decimal_places=2, label="工资")

　　2、设计url与视图对应关系

from django.urls import path

from app01 import views

urlpatterns = [

    path('add_emp/', views.add_emp),

]

　　3、视图函数

from app01.MyForms import EmpForm

def add_emp(request):

    if request.method == "GET":

        form = EmpForm()  # 初始化form对象

        return render(request, "add_emp.html", {"form":form})

    else:

        form = EmpForm(request.POST)  # 将数据传给form对象

        if form.is_valid():  # 进行校验

            data = form.cleaned_data  # 校验通过的数据，字典

            print(data)

            models.Emp.objects.create(**data)

            return redirect("/index/")

        else:  # 校验失败

            print(form.errors)

            return render(request, "add_emp.html", {"form": form})

　　4、模板文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<h3>添加员工</h3>

{#1、自己手动写HTML页面#}

{#<form action="" method="post">#}

{#    <p>姓名：<input type="text" name="name"></p>#}

{#    <p>年龄：<input type="text" name="age"></p>#}

{#    <p>工资：<input type="text" name="salary"></p>#}

{#    <input type="submit">#}

{#</form>#}

{#2、通过form对象的as_p方法实现#}

{#<form action="" method="post" novalidate>#}

{#    {% csrf_token %}#}

{#    {{ form.as_p }}#}

{#    <input type="submit">#}

{#</form>#}

{#3、手动获取form对象的字段#}

{#<form action="" method="post" novalidate>#}

{#    {% csrf_token %}#}

{#    <div>#}

{#        <label for="id_{{ form.name.name }}">姓名</label>#}

{#        {{ form.name }} <span>{{ form.name.errors.0 }}</span>#}

{#    </div>#}

{#    <div>#}

{#        <label for="id_{{ form.age.name }}">年龄</label>#}

{#        {{ form.age }} <span>{{ form.age.errors.0 }}</span>#}

{#    </div>#}

{#    <div>#}

{#        <label for="id_salary">工资</label>#}

{#        {{ form.salary }} <span>{{ form.salary.errors.0 }}</span>#}

{#    </div>#}

{#    <input type="submit">#}

{#</form>#}

{#4、用for循环展示所有字段#}

<form action="" method="post" novalidate>

    {% csrf_token %}

    {% for field in form %}

        <div>

            <label for="id_{{ field.name }}">{{ field.label }}</label>

            {{ field }} <span>{{ field.errors.0 }}</span>

        </div>

    {% endfor %}

    <input type="submit">

</form>

</body>

</html>

　　附：Django内置的字段及属性

Field

    required=True,               是否允许为空

    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内容后缀

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类型

    ...

Django内置字段

二、局部钩子和全局钩子

　　1、定义Form类

from django import forms

from django.core.exceptions import ValidationError

from app01 import models

class EmpForm(forms.Form):

    name = forms.CharField(min_length=5, label="姓名", error_messages={"required": "该字段不能为空!",

                                                                     "min_length": "用户名太短。"})

    age = forms.IntegerField(label="年龄")

    salary = forms.DecimalField(max_digits=5, decimal_places=2, label="工资")

    r_salary = forms.DecimalField(max_digits=5, decimal_places=2, label="请再输入工资")

    def clean_name(self):  # 局部钩子

        val = self.cleaned_data.get("name")

        if val.isdigit():

            raise ValidationError("用户名不能是纯数字")

        elif models.Emp.objects.filter(name=val):

            raise ValidationError("用户名已存在！")

        else:

            return val

    def clean(self):  # 全局钩子 确认两次输入的工资是否一致。

        val = self.cleaned_data.get("salary")

        r_val = self.cleaned_data.get("r_salary")

        if val == r_val:

            return self.cleaned_data

        else:

            raise ValidationError("请确认工资是否一致。")

　　2、视图函数

def add_emp(request):

    if request.method == "GET":

        form = EmpForm()  # 初始化form对象

        return render(request, "add_emp.html", {"form":form})

    else:

        form = EmpForm(request.POST)  # 将数据传给form对象

        if form.is_valid():  # 进行校验

            data = form.cleaned_data

            data.pop("r_salary")

            models.Emp.objects.create(**data)

            return redirect("/index/")

        else:  # 校验失败

            clear_errors = form.errors.get("__all__")  # 获取全局钩子错误信息

            return render(request, "add_emp.html", {"form": form, "clear_errors": clear_errors})

　　3、模板文件

<form action="" method="post" novalidate>

    {% csrf_token %}

    <div>

        <label for="id_{{ form.name.name }}">姓名</label>

        {{ form.name }} <span>{{ form.name.errors.0 }}</span>

    </div>

    <div>

        <label for="id_{{ form.age.name }}">年龄</label>

        {{ form.age }} <span>{{ form.age.errors.0 }}</span>

    </div>

    <div>

        <label for="id_salary">工资</label>

        {{ form.salary }} <span>{{ form.salary.errors.0 }}{{ clear_errors.0 }}</span>

    </div>

    <div>

        <label for="id_r_salary">请再输入工资</label>

        {{ form.r_salary }} <span>{{ form.r_salary.errors.0 }}{{ clear_errors.0 }}</span>

    </div>

    <input type="submit">

</form>

Django组件-Forms组件的更多相关文章

django之forms组件
在django中forms组件有其强大的功能,里面集合和众多的函数和方法:下面来看一下它的源码 """ Form classes """ f ...
python 全栈开发，Day78(Django组件-forms组件)
一.Django组件-forms组件 forms组件 django中的Form组件有以下几个功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显 ...
django第13天(auth组件,forms组件，中间件，csrf)
django第13天(auth组件,forms组件) auth组件 -auth组件 -auth是什么? -django内置的用户认证系统,可以快速的实现,登录,注销,修改密码.... -怎么用? -( ...
08 Django组件-Forms组件
Django的Forms组件主要有以下几大功能: 页面初始化,生成HTML标签校验用户数据(显示错误信息) HTML Form提交保留上次提交数据一.小试牛刀 1.定义Form类 from dja ...
Django组件--forms组件（注册用）
一.forms组件--校验类的使用二.form组件--校验类的参数三.forms组件校验的局部钩子--自定义校验规则(要看源码理解) 四.forms组件校验的全局钩子--校验form表单两次密码输 ...
web框架开发-Django的Forms组件
校验字段功能针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32) ...
Django组件—forms组件
forms组件: 校验字段功能: 针对一个实例:注册用户. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_l ...
Django组件——forms组件
一.校验字段功能通过注册用户这个实例来学习校验字段功能. 1.模型:models.py from django.db import models # Create your models here. ...
12 Django组件-forms组件
forms组件校验字段功能针对一个实例:注册用户讲解. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_l ...

随机推荐

SpringMvc如何获取请求头请求体的消息
对接第三方服务,说传递的POST请求中,Request Header中有需要的参数,Request Body为XML格式,包括创建消息正文和属性. 刚开始我以为可以通过 HttpServletRequ ...
DRF 商城项目 - 购物( 购物车, 订单, 支付 )逻辑梳理
购物车购物车模型购物车中的数据不应该重复. 即对相同商品的增加应该是对购买数量的处理而不是增加一条记录因此对此进行联合唯一索引, 但是也因此存在一些问题 class ShoppingCart(m ...
mysql学习基础知识3
1.视图简化sql语句的编写,限制可以查看的数据一张虚拟的表,不占任何内存,查视图时都是临时从所查的表中拿数据特点: 对于视图的增删改查都会同步到原始表对原始表的修改,会同步到视图内可查看的 ...
kubernetes调度pod运行于master节点上
应用背景: 使用kubeadm部署的kubernetes集群,其master节点默认拒绝将pod调度运行于其上的,加点官方的术语就是:master默认被赋予了一个或者多个“污点(taints)”,“污 ...
kubernetes 部署
kubernetes 部署(Centos 7) 一个或者多个兼容 deb 或者 rpm 软件包的操作系统,比如 Ubuntu 或者 CentOS 每台机器 2 GB 以上的内存,内存不足时应用会受限制 ...
1.9 分布式协调服务-Zookeeper(一)
前言分布式环境的特点分布性并发性程序运行过程中,并发性操作是很常见的.比如同一个分布式系统中的多个节点,同时访问一个共享资源.数据库.分布式存储无序性进程之间的消息通信,会出现顺序不一致问 ...
C语言的函数指针数组（好绕啊~看完这篇估计就通关了）
转自https://www.cnblogs.com/chr-wonder/p/5168858.html int *(*p(int))[3] 今天有人问这个是啥?我一看直接就懵逼了…… 下面做一些简单的 ...
counter counters 计数器
counter-reset counter-reset:counter1 /* 重置计数器为 0 */ counter-reset:counter1 0 /* 重置计数器为 0 */ counter- ...
vscode中文配置说明
1.官网下载vscode安装完毕后, 2.在扩展中搜索chinese,选择:“Chinese (Simplified) Language Pack for Visual Studio Code” 3. ...
MongoDB分组查询，聚合查询，以及复杂查询
准备数据 from pymongo import MongoClient import datetime client=MongoClient('mongodb://localhost:27017') ...

Django组件-Forms组件

一、小试牛刀

二、局部钩子和全局钩子

Django组件-Forms组件的更多相关文章

随机推荐

热门专题