Django框架 之 modelform组件
Django框架 之 modelform组件
浏览目录
创建mldelform
添加记录
编辑记录
Django框架中的modelform组件
通过名字我们可以看出来,这个组件的功能就是把model和form组合起来。
下面我们来看一个例子:
比如我们的数据库中有这样一张学生表,字段有姓名,年龄,爱好,邮箱,电话,住址,注册时间等等一大堆信息,现在让你写一个创建学生的页面,你的后台应该怎么写呢?首先我们会在前端一个一个罗列出这些字段,让用户去填写,然后我们从后天一个一个接收用户的输入,创建一个新的学生对象,保存其实,重点不是这些,而是合法性验证,我们需要在前端判断用户输入是否合法,比如姓名必须在多少字符以内,电话号码必须是多少位的数字,邮箱必须是邮箱的格式这些当然可以一点一点手动写限制,各种判断。
创建mldelform
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
|
#首先导入ModelForm from django.forms import ModelForm #在视图函数中,定义一个类,比如就叫StudentList,这个类要继承ModelForm,在这个类中再写一个原类Meta(规定写法,并注意首字母是大写的) #在这个原类中,有以下属性(部分): class StudentList(ModelForm): class Meta: model = Student #对应的Model中的类 fields = "__all__" #字段,如果是__all__,就是表示列出所有的字段 exclude = None #排除的字段 #error_messages用法: error_messages = { 'name' :{ 'required' : "用户名不能为空" ,}, 'age' :{ 'required' : "年龄不能为空" ,}, } #widgets用法,比如把输入用户名的input框给为Textarea #首先得导入模块 from django.forms import widgets as wid #因为重名,所以起个别名 widgets = { "name" :wid.Textarea(attrs = { "class" : "c1" }) #还可以自定义属性 } #labels,自定义在前端显示的名字 labels = { "name" : "用户名" } |
然后在url对应的视图函数中实例化这个类,把这个对象传给前端。
1
2
3
4
5
|
def student(request): if request.method = = 'GET' : student_list = StudentList() return render(request, 'student.html' ,{ 'student_list' :student_list}) |
然后前端只需要 {{ student_list.as_p }} 一下,所有的字段就都出来了,可以用as_p显示全部,也可以通过for循环student_list,拿到的是一个个input框,现在我们就不用as_p,
我们手动把这些input框搞出来,因为as_p拿到的页面太丑,并且不好控制样式。
首先 for循环这个student_list,拿到student对象,直接在前端打印这个student,是个input框student.label ,拿到数据库中每个字段的verbose_name ,如果没有设置这个属性,拿到的默认就是字段名,还可以通过student.errors.0 拿到错误信息有了这些,我们就可以通过bootstrap,自己拼出来想要的样式了,比如:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<body> <div class = "container" > <h1>student< / h1> <form method = "POST" novalidate> { % csrf_token % } { # {{ student_list.as_p }}#} { % for student in student_list % } <div class = "form-group col-md-6" > { # 拿到数据字段的verbose_name,没有就默认显示字段名 #} <label class = "col-md-3 control-label" >{{ student.label }}< / label> <div class = "col-md-9" style = "position: relative;" >{{ student }}< / div> < / div> { % endfor % } <div class = "col-md-2 col-md-offset-10" > < input type = "submit" value = "提交" class = "btn-primary" > < / div> < / form> < / div> < / body> |
现在还缺一个input框的form-contral样式,可以考虑在后台的widget里面添加。
比如这样:
1
2
3
4
5
6
|
from django.forms import widgets as wid #因为重名,所以起个别名 widgets = { "name" :wid.TextInput(attrs = { 'class' : 'form-control' }), "age" :wid.NumberInput(attrs = { 'class' : 'form-control' }), "email" :wid.EmailInput(attrs = { 'class' : 'form-control' }) } |
当然也可以在js中,找到所有的input框,加上这个样式,也行。
添加记录
保存数据的时候,不用挨个取数据了,只需要save一下。。
1
2
3
4
5
6
7
8
9
10
|
def student(request): if request.method = = 'GET' : student_list = StudentList() return render(request, 'student.html' ,{ 'student_list' :student_list}) else : student_list = StudentList(request.POST) if student_list.is_valid(): student_list.save() return redirect(request, 'student_list.html' ,{ 'student_list' :student_list}) |
编辑记录
如果不用ModelForm,编辑的时候得显示之前的数据吧,还得挨个取一遍值,如果ModelForm,只需要加一个instance=obj(obj是要修改的数据库的一条数据的对象)就可以得到同样的效果。
保存的时候要注意,一定要注意有这个对象(instance=obj),否则不知道更新哪一个数据
代码示例:
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
from django.shortcuts import render,HttpResponse,redirect from django.forms import ModelForm # Create your views here. from app01 import models def test(request): # model_form = models.Student model_form = models.Student.objects. all () return render(request, 'test.html' ,{ 'model_form' :model_form}) class StudentList(ModelForm): class Meta: model = models.Student #对应的Model中的类 fields = "__all__" #字段,如果是__all__,就是表示列出所有的字段 exclude = None #排除的字段 labels = None #提示信息 help_texts = None #帮助提示信息 widgets = None #自定义插件 error_messages = None #自定义错误信息 #error_messages用法: error_messages = { 'name' :{ 'required' : "用户名不能为空" ,}, 'age' :{ 'required' : "年龄不能为空" ,}, } #widgets用法,比如把输入用户名的input框给为Textarea #首先得导入模块 from django.forms import widgets as wid #因为重名,所以起个别名 widgets = { "name" :wid.Textarea } #labels,自定义在前端显示的名字 labels = { "name" : "用户名" } def student(request): if request.method = = 'GET' : student_list = StudentList() return render(request, 'student.html' ,{ 'student_list' :student_list}) else : student_list = StudentList(request.POST) if student_list.is_valid(): student_list.save() return render(request, 'student.html' ,{ 'student_list' :student_list}) def student_edit(request,pk): obj = models.Student.objects. filter (pk = pk).first() if not obj: return redirect( 'test' ) if request.method = = "GET" : student_list = StudentList(instance = obj) return render(request, 'student_edit.html' ,{ 'student_list' :student_list}) else : student_list = StudentList(request.POST,instance = obj) if student_list.is_valid(): student_list.save() return render(request, 'student_edit.html' ,{ 'student_list' :student_list}) |
总结: 从上边可以看到ModelForm用起来是非常方便的,比如增加修改之类的操作。但是也带来额外不好的地方,model和form之间耦合了。如果不耦合的话,mf.save()方法也无法直接提交保存。 但是耦合的话使用场景通常局限用于小程序,写大程序就最好不用了。
示例:简单书籍管理
新建表
from django.db import models # Create your models here. # 书籍表
class Book(models.Model):
title = models.CharField(max_length=32)
price = models.DecimalField(max_digits=8, decimal_places=2) # 999999.99
date = models.DateField()
publish = models.ForeignKey("Publish")
authors = models.ManyToManyField("Author") def __str__(self):
return self.title # 出版社表
class Publish(models.Model):
name = models.CharField(max_length=32) def __str__(self):
return self.name # 作者表
class Author(models.Model):
name = models.CharField(max_length=32) def __str__(self):
return self.name
通过admin在表中添加数据
from app01 import models admin.site.register(models.Book)
admin.site.register(models.Author)
admin.site.register(models.Publish)
构建表数据增删改查页面
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<a href="/book/add"><button>添加书籍</button></a>
<hr>
<table border="1">
{% for book in book_list %}
<tr>
<td>{{ book.title }}</td>
<td>{{ book.price }}</td>
<td>{{ book.date|date:"Y-m-d" }}</td>
<td>{{ book.publish.name }}</td>
<td>{{ book.authors.all }}</td>
<td><a href="/book/edit/{{book.pk}}"><button>编辑</button></a></td>
<td><a href="/book/delete/{{book.pk}}"><button>删除</button></a></td>
</tr>
{% endfor %} </table> </body>
</html>
<form action="" method="post" novalidate>
{% csrf_token %} {% for field in form %}
<div>
{{ field.label }}
{{ field }} <span>{{ field.errors.0 }}</span>
</div>
{% endfor %} <input type="submit">
</form>
{#导入bootstrap样式#}
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> {#样式#}
<h2>添加页面</h2>
<div class="row">
<div class="col-md-4 col-md-offset-3">
{% include "menu.html" %}
</div>
</div>
{#导入bootstrap样式#}
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> {#样式#}
<h2>编辑页面</h2>
<div class="row">
<div class="col-md-4 col-md-offset-3">
{% include "menu.html" %}
</div>
</div>
生成路径
from app01 import views urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^book_list/', views.books), #书籍列表
url(r'^book/add/', views.add_book), #添加书籍
url(r'^book/edit/(\d+)', views.edit_book), #编辑书籍
url(r'^book/delete/(\d+)', views.delete_book), #删除书籍
]
视图函数
from django.shortcuts import render,HttpResponse,redirect # Create your views here. from django.forms import ModelForm
from django.forms import widgets as wid
from django import forms
from .models import * class BookForm(ModelForm):
class Meta:
model = Book #绑定book表
fields = "__all__"
labels={"title":"书籍名称","price":"价格","date":"出版时间","publish":"出版社","authors":"作者"}
error_messages = {
'name': {'required': "用户名不能为空", },
'age': {'required': "年龄不能为空", },
}
widgets={
"title":wid.TextInput(attrs={"class":"form-control"}),
"price":wid.TextInput(attrs={"class":"form-control"}),
"date":wid.DateInput(attrs={"class":"form-control","type":"date"}),
"publish":wid.Select(attrs={"class":"form-control"}),
"author":wid.SelectMultiple(attrs={"class":"form-control"}), } # 书籍列表
def books(request):
book_list = Book.objects.all() #取到所有的书籍对象,传给书籍列表
return render(request, "book_list.html", locals()) # 添加书籍
def add_book(request):
if request.method=="POST":
form=BookForm(request.POST) #取到各个字段中的值
if form.is_valid(): #校验数据是否正确
form.save() #BookForm中model = Book 绑定book表,所以save将数据提交保存到book表中
return redirect("/book_list/") #提交成功,跳转到书籍列表页面
else:
return render(request, "add.html", locals()) #数据匹配不成功
form=BookForm() #get请求方式
return render(request,"add.html",locals()) # 编辑书籍
def edit_book(request,edit_book_id): edit_obj=Book.objects.filter(pk=edit_book_id).first() #取到要编辑的书籍对象
if request.method=="POST":
form=BookForm(request.POST,instance=edit_obj) #取到字段中绑定要编辑的对象之前的数据
if form.is_valid(): #校验通过
form.save() #提交
return redirect("/book_list/")
else:
return render(request, "edit.html", locals()) #有错误信息,停留到编辑页面
form = BookForm(instance=edit_obj) #get请求方式,取到字段中绑定要编辑的对象之前的数据
return render(request,"edit.html",locals()) # 删除书籍
def delete_book(request,delete_book_id):
delete_obj=Book.objects.get(pk=delete_book_id).delete() #根据传过来的id在数据库中取到匹配对象 return redirect("/book_list/")
# return HttpResponse("删除成功")
Django框架 之 modelform组件的更多相关文章
- django框架进阶-ModelForm组件-长期维护
############################################################ """ 通常在Django项目中,我们编写的大部 ...
- Django框架11 /form组件、modelForm组件
Django框架11 /form组件.modelForm组件 目录 Django框架11 /form组件.modelForm组件 1. form组件介绍 2. form常用字段与插件 3. form所 ...
- Django框架 之 form组件
Django框架 之 form组件 浏览目录 Form介绍 普通的登录 使用form组件 Form详情 常用字段 校验 进阶 使用Django Form流程 一.Form介绍 我们之前在HTML页面中 ...
- 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组件】
from django.shortcuts import render,redirect # Create your views here. from .models import * from dj ...
- Django Form和ModelForm组件
Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...
- Django框架之Form组件
一.初探Form组件 在介绍Form组件之前,让大家先看看它强大的功能吧!Go... 下面我们来看看代码吧! 1.创建Form类 from django.forms import Form from ...
- Django 框架之Form组件
1. Django的Form主要具有以下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交的数据 初始化页面显示内容 2. 第一个案例: # 第一步: 创建 ...
- django框架中form组件的简单使用示例:注册验证
Django中form组件的三大特点: 1. 生成页面可使用的HTML标签 2. 对用户提交的数据进行初步校验 3. 保留上次输入内容 废话不多说,直接进入正题. 这是注册界面截图: 与上一篇a ...
随机推荐
- 【spring源码学习】spring的事件发布监听机制源码解析
[一]相关源代码类 (1)spring的事件发布监听机制的核心管理类:org.springframework.context.event.SimpleApplicationEventMulticast ...
- eclipse share project到svn时显示不被信任的证书,暂时接受也不行
svn: 方法 OPTIONS 失败于 “https://eping.net/svn/testproject”: SSL handshake failed: SSL 错误:在证书中检测到违规的密钥用法 ...
- Cocoapods的操作
1.卸载Cocoapods命令: sudo gem uninstall cocoapods 2.安装Cocoapods的命令: >安装最新版本 sudo gem install cocoapod ...
- vuejs angularjs 框架的一些比较(vue项目重构四)
使用Angularjs和Vue.js对比 首先需要说明的是:现在默认angularjs指angular1.0+版本,angular默认指2.0以上版本.本文的名词也默认指定angular的1.0+版本 ...
- Nginx 改变错误日志打印级别
Nginx 改变错误日志打印级别 user root;worker_processes 2; worker_rlimit_nofile 10240;error_log logs/nginx_err ...
- FIR滤波器和IIR滤波器的区别
数字滤波器广泛应用于硬件电路设计,在离散系统中尤为常见,一般可以分为FIR滤波器和IIR滤波器,那么他们有什么区别和联系呢. FIR滤波器 定义: FIR滤波器是有限长单位冲激响应滤波器,又称为非递归 ...
- mysql复制(高可用架构方案的基础)
mysql复制:把一个数据库实例上所有改变复制到另外一个数据库库服务器实例的过程特点:1.没有改变就无所谓复制 ;改变是复制的根本与数据源2.所有的改变:是指可以复制全部改变,也可以复制部分改变 可以 ...
- 分布式缓存系统 Memcached 工作线程初始化
Memcached采用典型的Master-Worker模式,其核心思想是:有Master和Worker两类进程(线程)协同工作,Master进程负责接收和分配任务,Worker进程负责处理子任务.当各 ...
- Java标准I/O流介绍
1.I/O是什么? I/O 是Input/Output(输入.输出)的简称,输入流可以理解为向内存输入,输出流是从内存输出. 2.流 流是一个连续的数据流,可以从流中读取数据,也可以往流中写数据.流与 ...
- Deep Learning 学习笔记(5):Regularization 规则化
过拟合(overfitting): 实际操作过程中,无论是线性回归还是逻辑回归,其假设函数h(x)都是人为设定的(尽管可以通过实验选择最优). 这样子就可能出线“欠拟合”或者“过拟合”现象. 所谓过拟 ...