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>