django组件之form

时间:2022-05-06 16:27:47

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>

  效果:

  django组件之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>

  效果:

  django组件之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>

  效果:django组件之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>