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的更多相关文章
	

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

	


随机推荐
	

    
									
  1. Entity Framework Tutorial Basics（24）：Update Single Entity
			
    Update Existing Entity using DBContext in Disconnected Scenario: In this chapter, you will learn how ...
    
			
    2. 
						
  2. 优先队列详解priority_queue .RP
			
    ) 删除.在最小优先队列(min priorityq u e u e)中,查找操作用来搜索优先权最小的元素,删除操作用来删除该元素;对于最大优先队列(max priority queue),查找操作用 ...
    
			
    3. 
						
  3. HtmlAgilityPack HTML操作类库的使用
			
    HtmlAgilityPack是.NET下的一个开源的HTML解析类库.支持用XPath来解析HTML.命名空间:HtmlAgilityPack. 1.读取网络中html网页内容,获取网页中元素bod ...
    
			
    4. 
						
  4. android 应用间共享数据，调用其他app数据资源
			
    在Android里面每个app都有一个唯一的linux user ID,则这样权限就被设置成该应用程序的文件只对该用户可见,只对该应用程序自身可见:而我们可以使他们对其他的应用程序可见,可以通过Sha ...
    
			
    5. 
						
  5. vimrc配置-新建文件时自动生成文件头
			
    vimrc配置-新建文件时自动生成文件头    auto add file header autocmd BufNewFile *.py 0r /home/zxkletters/.vim/vim_te ...
    
			
    6. 
						
  6. DataGridView增加全选列
			
    最近的一个winform的项目中,碰到datagridview控件的第一列添加全选的功能,通常这个功能,有两种实现方式:1. 为控件添加DataGridViewCheckBoxColumn来实现,但是 ...
    
			
    7. 
						
  7. 【C#】EF学习<二>   DbFirst  （先创建数据库，表及其关联关系）
			
    工程压缩文件放到百度云盘---20181019001文件夹 1. 创建表的脚本 create table Teacher ( TID char(12) primary key, Tname char( ...
    
			
    8. 
						
  8. Vim编辑器的学习
			
    在老师的带领下,最近也算是涨了见识.自己安装并尝试着体验了Vim的一些基本功能,可能是作为初学者,总感觉其指令太过复杂,就文本编辑而言,给我的最大感受就是神而乎之,一头雾水.目前我对这款编译器的掌握水 ...
    
			
    9. 
						
  9. c++语言的学习笔记代码与笔记注释《面向对象部分》
			
    #include <iostream> /*这是C++中关于面向对象部分的具体笔记和代码 */ //定义类的语法形式; //类中的成员项目之间相互引用,直接使用成员; //类外引用成员的时 ...
    
			
    10. 
						
  10. 青橙 A1280. 最长双回文串
			
    A1280. 最长双回文串 时间限制:2.0s   内存限制:512.0MB   总提交次数:   AC次数:   平均分:   将本题分享到:        查看未格式化的试题   提交   试题讨 ...
    
			
    11.