form组件

首先要了解form组件的一些基本语法:

1. 校验数据:
form组件校验的是字典,所以数据应该以字典形式传进去
form 校验,可以多传数据,不要紧(只校验form组件有的,但是少栓不行)

但是不能少传,就是说form组件有的字段都应该有的

ef=EmpFoem(dict) 构造对象

　　ef.is_valid() 方法:校验

　　切记:只有经过is_valid才有有下面两个属性
　　　　经过is_valid校验的数据会把数据封装到两个对象:

　　　　object.cleaned_data #验证通过,干净的数据

　　　　object.errors #验证不通过,错误的信息

form组件功能之校验功能

　　针对一个添加员工功能详解:

　　模型models.py

from django.db import models

# Create your models here.

class Emp(models.Model):

    name=models.CharField(max_length=32)

    age=models.IntegerField()

    salary=models.DecimalField(max_digits=5,decimal_places=2)

　　添加页面

　　addEmp.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h3>添加员工表</h3>

传统添加

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

    {% csrf_token %}

    姓名

    <input type="text" name="name">

    年龄

    <input type="text" name="age">

    薪水

    <input type="text" name="salary">

    <input type="submit" value="提交">

</form>

</body>

</html>

　　视图函数views.py

from django.shortcuts import render,HttpResponse

from app01 import models

from django.core.exceptions import NON_FIELD_ERRORS,ValidationError

# Create your views here.


from django import forms     #导入form组件

class EmpForm(forms.Form):      #要继承form组件,要不然他就是普通的一个类,下面的字段是规则(约束)

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

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

    salary=forms.CharField(label='薪水')

def addEmp(request):
    if request.method=='GET':
        return render(request,'addEmp.html',locals())
    else:
        # print(request.POST)
        data=request.POST      #这是一个字典对象可以直接传
        form=EmpForm(data)      #用传进来的数据构造对象
        if form.is_valid():
            print(form.cleaned_data)
            print(form.errors)
            models.Emp.objects.create(**form.cleaned_data)

            return HttpResponse('添加成功')
        else:
            print(form.cleaned_data)
            print(form.errors)
        return  render(request,'addEmp.html',locals())

form组件之渲染标签功能

　　首先要明确的是,不管哪一种渲染方法,都不会帮你构建form表单,提交按钮,以及csrf_token钥匙,所以说这三部分都需要自己去构建.

　　views.py

def addEmp(request):

    if request.method=='GET':

        form=EmpForm() #空的form,用来渲染页面的

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

    else:

        # print(request.POST)

        data=request.POST  #这是一个字典对象可以直接传

        form=EmpForm(data)  #用传进来的数据构造对象

        if form.is_valid():

            print(form.cleaned_data)

            print(form.errors)

            models.Emp.objects.create(**form.cleaned_data)

            return HttpResponse('添加成功')

        else:

            print(form.cleaned_data)

            print(form.errors)

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

渲染方式一

<h3>渲染方法一</h3>

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

    {% csrf_token %}

    {{ form.as_p }}                       #循环打印,把form中的字段一一打印出来

    <input type="submit">

</form>

　　效果:

渲染方式二

<h3>渲染方法二</h3>

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

    {% csrf_token %}

    <div>

        <label for="">姓名</label>

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

    </div>

    <div>

        <label for="">年龄</label>

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

    </div>

    <div>

        <label for="">薪水</label>

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

    </div>

    <input type="submit" value="提交">

</form>

　　效果:

渲染方式三

<h3>渲染方法三</h3>

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

    {% csrf_token %}

    {% for field in form %}

        <div>

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

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

        </div>

    {% endfor %}

    <input type="submit">

</form>

　　效果:

form组件之显示错误与重置输入信息功能

　　视图views.py

def addEmp(request):

    if request.method=='GET':                      #第一次请求get渲染输入标签给客户端

        form=EmpForm()

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

    else:

        # print(request.POST)                             #post请求

        data=request.POST  #这是一个字典对象可以直接传　　

        form=EmpForm(data)  #用传进来的数据构造对象　　

        if form.is_valid():　　　　　　　　　　　　　　　　#把构造的对象进行校验

            print(form.cleaned_data)

            print(form.errors)　　　　　　　　　　　　　　　　#校验通过就写入数据库

            models.Emp.objects.create(**form.cleaned_data)

            return HttpResponse('添加成功')

        else:　　　　　　　　　　　　　　　　　　　　　　　　　#校验不通过

            print(form.cleaned_data)

            print(form.errors)

        return  render(request,'addEmp.html',locals())  #校验过后还是渲染一个页面返回会用户.只不过这个页面渲染的已经不是一个空form对象,而是用户输入的信息对象

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#form=EmpForm(data),同时我们可以在input标签放置span标签,把错误信息赋值给span

　　models.py

<h3>渲染方法三</h3>

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

    {% csrf_token %}

    {% for field in form %}

        <div>

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

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

        </div>

    {% endfor %}

    <input type="submit">

</form>

form组件之局部钩子与全局钩子

　　views.py

from django import forms  #导入form组件

class EmpForm(forms.Form):  #要继承form组件,要不然他就是普通的一个类,下面的字段是规则(约束)

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

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

    salary=forms.CharField(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_age(self):

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

        if int(val) > 100:

           raise ValidationError('年龄不能大于100')

        else:

            return val

def addEmp(request):
    if request.method=='GET':
        form=EmpForm()
        return render(request,'addEmp.html',locals())
    else:
        # print(request.POST)
        data=request.POST  #这是一个字典对象可以直接传
        form=EmpForm(data)  #用传进来的数据构造对象
        if form.is_valid():
            print(form.cleaned_data)
            print(form.errors)
            models.Emp.objects.create(**form.cleaned_data)

            return HttpResponse('添加成功')
        else:
            print(form.cleaned_data)
            print(form.errors)
        return  render(request,'addEmp.html',locals())

　　页面addEmp.html

<h3>渲染方法三</h3>

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

    {% csrf_token %}

    {% for field in form %}

        <div>

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

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

        </div>

    {% endfor %}

    <input type="submit">

</form>

django组件之form的更多相关文章

Django组件之Form表单
一.Django中的Form表单介绍我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入 ...
Django中的form组件
Django中的form组件有两大作用 1.验证获取正确的结果或者错误信息 2.生成html代码一.为什么需要form组件呢? 在写form表单,提交数据时,自己写验证的代码是一件非常困难的事情. ...
Django框架之Form组件
一.初探Form组件在介绍Form组件之前,让大家先看看它强大的功能吧!Go... 下面我们来看看代码吧! 1.创建Form类 from django.forms import Form from ...
{Django基础十之Form和ModelForm组件}一 Form介绍二 Form常用字段和插件三 From所有内置字段四字段校验五 Hook钩子方法六进阶补充七 ModelForm
Django基础十之Form和ModelForm组件本节目录一 Form介绍二 Form常用字段和插件三 From所有内置字段四字段校验五 Hook钩子方法六进阶补充七 Model ...
Django 框架之Form组件
1. Django的Form主要具有以下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交的数据初始化页面显示内容 2. 第一个案例: # 第一步: 创建 ...
Django基础之form组件
Form介绍我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...
Django总结及Form组件
一.model常用操作 1.13个API查询:all,filter,get ,values,values_list,distinct,order_by ,reverse , exclude(排除),c ...
Django框架之 form组件的钩子
Django框架之 form组件的钩子 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3 ...
Django框架之 form组件
Django框架之 form组件浏览目录 Form介绍普通的登录使用form组件 Form详情常用字段校验进阶使用Django Form流程一.Form介绍我们之前在HTML页面中 ...

随机推荐

JAVA基础知识总结8（设计模式）
设计模式:JAVA中有23种设计模式 1.解决问题最行之有效的思想. 2.是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结. 3.使用设计模式是为了可重用代码.让代码更容易被他人理解 ...
HDU 6396(2018多校第七场1011) Swordsman
场上场下各种TLE到怀疑人生...经过大佬指点之后才知道要用fread才能过,一般的快读不行... 题意:一个剑客打小怪兽,有n头小怪兽,剑客和小怪兽有m个属性.只有剑客的m个属性都大于等于某个小怪兽 ...
PHP的count(数组)和strlen(字符串)的内部实现
PHP的count(数组)和strlen(字符串)的内部实现上是直接显示一个长度变量,还是重头依次数一遍有多少个元素?关乎我理解这2个函数的效率..希望高人能从php的c源码上讲一讲.没有源码看过源码 ...
定时node-schedule 模块的使用
You can install using npm. npm install node-schedule var schedule = require('node-schedule'); var j ...
C++中的友元
友元函数在类的声明中可以声明某一个函数作为该类的友元函数,然后该函数就可以访问类中的private数据成员了. demo: /* wirten by qianshou 2013/12/6 04:13 ...
IFC—IfcProduct实体继承框架
在Ubuntu里启用root账号
我的系统环境, 操作系统:Win7 虚拟机软件:VMware workstation 12 在虚拟机里安装了Ubuntu 18,安装时的账号frank,在安装其它软件的时候,报权限不足,因此,准备启用 ...
vue 之模板字符串
传统的JavaScript语言,输出模板通常是这样的写的. $('#result').append( 'There are <b>' + basket.count + '</b> ...
C++面试笔记--排序
这里我们开始复习排序的一些面试题. 首先我们来看一下各个排序方法的时间复杂度和稳定性的比较,见下面表格: 排序法平均时间最差情形稳定度额外空间备注冒泡 O(n2) O(n2) 稳定 ...
Git知识点汇总
设置全局用户名 git config --global user.name "yourname" 设置全局邮箱 git config --global user.email &qu ...

django组件之form