添加 基于form组件改造

  • 步骤1
      1.为了区分自己写的form类和视图逻辑,所以工作中需要区分开来,那么就可以在应用下创建一个叫utils的文件夹,专门存放我们写的form类,py文件名随便起
2.在创建好py文件,如mymoforms.py文件中写上定义的模型类
3.修改html页面
4.编写逻辑

  • 自定义模型类代码 myforms.py
from django import forms
from app01 import models class BookForm(forms.Form):
'''书籍数据校验类'''
title = forms.CharField(
label='书名',
max_length=64,
# widget=forms.TextInput(attrs={'class':'form-control'})
)
pub_date = forms.CharField(
label='出版日期'
)
price = forms.DecimalField(
label='价格',
max_value=100,
min_value=1,
max_digits=10,
decimal_places=2,
)
pub = forms.ModelChoiceField(
label='出版社',
queryset=models.Publish.objects.all(),
)
authors = forms.ModelMultipleChoiceField(
label='作者',
queryset=models.Author.objects.all()
) #想在自己定义的forms类初始化的时候统一加一些样式
def __init__(self,*args,**kwargs):
super().__init__(*args,**kwargs)
#给所有的类里面加上一个属性
for name,field in self.fields.items():
field.widget.attrs.update({'class':'form-control'})
  • add_book.html代码
      {% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
</head>
<body> <div class="container"> <h1>添加书籍</h1>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form action="" method="post" novalidate>
{% for field in form %}
<div class="form-group">
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
{{ field.errors.0 }}
</div>
{% endfor %}
<button class="btn btn-success pull-right">提交</button>
</form> </div> </div> </div> </body> </html>
  • 视图逻辑
      def add_book(request):
if request.method == 'GET':
#实例化form类
form = BookForm()
return render(request, 'add_book.html', {'form':form}) elif request.method == 'POST':
print(request.POST)
#实例化一个对象
form = BookForm(data=request.POST)
if form.is_valid():
print(form.cleaned_data) #校验的时候会根据id查找得到对象
#{'title': '小雪', 'pub_date': '2020-02-04', 'price': Decimal('12.5'), 'pub': <Publish: 一本道出版社>, 'authors': <QuerySet [<Author: 王振>, <Author: 刘伟>]>}
authors_objs = form.cleaned_data.pop('authors')
book_obj = models.Book.objects.create(
**form.cleaned_data#直接用打散的方式,正好pub这个属性对应的是对象,如果是列名pub_id则需要对应具体的id值
)
book_obj.authors.add(*authors_objs) #添加作者关系
#上面这三步,可以直接用一个 form.save()方法就可以了
return redirect('book_list')

编辑 基于modelform组件改造

  • 自定义的模型类
      class BookModelForm(forms.ModelForm):

    class Meta:  #为上面这个类做一些原信息配置
model = models.Book #指定模型类
fields = '__all__' #指定Book模型类中的所有属性
'''
modelform会自动将这些属性转换为跟上面BookForm类中定义的属性一样
Book类里面的 pub = models.ForeignKey('Publish'),authors = models.ManyToManyField('Author')
会自动翻译成如下
pub = forms.ModelChoiceField(
label='出版社',
queryset=models.Publish.objects.all(),
)
authors = forms.ModelMultipleChoiceField(
label='作者',
queryset=models.Author.objects.all()
)
'''
labels={
'title':'书籍名称',
'pub':'出版社',
'price':'价格',
'pub_date':'出版日期',
'authors':'作者',
}
error_messages={
'title':{'required':'不能为空','max_length':'太长了,受不了'},
'price':{'required':'不能为空',}
} # 想在自己定义的forms类初始化的时候统一加一些样式
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
# 给所有的类里面加上一个属性
for name, field in self.fields.items():
field.widget.attrs.update({'class': 'form-control'})
  • edit_book.html文件
      {% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
</head>
<body> <div class="container"> <h1>编辑书籍</h1>
<div class="row">
<div class="col-md-8 col-md-offset-2" >
<!-- 不传路径,默认就是当前路径 -->
<form action="" method="post" novalidate>
{% for field in form %}
<div class="form-group {% if field.errors.0 %}has-error{% endif %}">
<label class="control-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
<span class="text-danger">{{ field.errors.0 }}</span>
</div>
{% endfor %} <button class="btn btn-success pull-right">提交</button>
</form> </div> </div> </div> </body> </html>
  • 视图逻辑
      #基于modleform来做编辑 先引入自己定义的modelform这个类
def edit_book(request,pk):
if request.method == 'GET':
old_book_obj = models.Book.objects.get(pk=pk)
# 想获取页面的时候,输入框中显示这条数据的原始记录必须用instance
#如果不传instance,那么就是一个添加页面的效果,也就是生成标签没有默认值
#作用是找寻给出的这个对象的所有属性记录值然后自动添加initial属性初始值
form = BookModelForm(instance=old_book_obj)
return render(request,'edit_book.html',{'form':form}) elif request.method == 'POST':
old_book_obj = models.Book.objects.get(pk=pk)
#如果没有传instance就是添加的效果,传了的话就是编辑
form = BookModelForm(data=request.POST,instance=old_book_obj)
if form.is_valid(): #进行校验
'''
authors_objs = form.cleaned_data.pop('authors')
book_obj = models.Book.objects.create(
**form.cleaned_data#直接用打散的方式,正好pub这个属性对应的是对象,如果是列名pub_id则需要对应具体的id值
)
book_obj.authors.add(*authors_objs) #添加作者关系
'''
#save()方法相当于就是做了上面三件事
form.save() #数据校验全部通过后,保存编辑,前提是instance=old_book_obj这个参数要添加,否则那就是添加一条数据了,而不是修改
return redirect('book_list')
else:
return render(request, 'edit_book.html', {'form': form})

图书管理系统---基于form组件和modelform改造添加和编辑的更多相关文章

  1. 图书管理系统 基于form组件

    models: from django.db import models # Create your models here. class Book(models.Model): name = mod ...

  2. 基于Form组件实现的增删改和基于ModelForm实现的增删改

    一.ModelForm的介绍 ModelForm a. class Meta: model, # 对应Model的 fields=None, # 字段 exclude=None, # 排除字段 lab ...

  3. Django框架11 /form组件、modelForm组件

    Django框架11 /form组件.modelForm组件 目录 Django框架11 /form组件.modelForm组件 1. form组件介绍 2. form常用字段与插件 3. form所 ...

  4. 图书管理系统(无中间件,用装饰器的)-----未基于FORM组件

    目的:实现图书的增删改查 models.py from django.db import models # Create your models here. class Book(models.Mod ...

  5. Django——form组件和ModelForm

    一.原生form实现书城增删改查 1.构建模型并完成数据库迁移 (1)构建书城模型 from django.db import models # Create your models here. # ...

  6. 2.1博客系统 |基于form组件和Ajax实现注册登录

    基于forms组件和Ajax实现注册功能 1 基于forms组件设计注册页面 --点击头像 === 点击input --头像预览: 修改用户选中的文件对象:获取文件对象的路径:修改img的src属性, ...

  7. python 终极篇 --- form组件 与 modelForm

                                                           form组件                                       ...

  8. form组件之modelForm

    modelForm的使用及参数设置 从modelForm这个名字就能看出来,这个form是和模型类model有知己诶关联的,还是以数和出版社的模型来说明: models.py(模型) from dja ...

  9. 6月28日 Django form组件 和 modelform组件

    Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...

  10. Django基于form组件实现注册校验

    一 基本流程 1 创建form组件对应的类,比如LoginForm 2 前端的三种渲染方式: 渲染方式三种: 1 <form action="" novalidate met ...

随机推荐

  1. [转帖]Elasticsearch-索引性能调优

    1:设置合理的索引分片数和副本数 索引分片数建议设置为集群节点的整数倍,初始数据导入时副本数设置为 0,生产环境副本数建议设置为 1(设置 1 个副本,集群任意 1 个节点宕机数据不会丢失:设置更多副 ...

  2. [转帖]java启动jar包设置启动参数

    目录 一.代码介绍 1.代码: 二.linux命令 1.命令 三.idea本地调试 1.找到Edit Configurations 2.修改Edit Configurations 参数 3.Edit ...

  3. 机器学习从入门到放弃:卷积神经网络CNN(一)

    一.前言 在上一篇中我们使用全连接网络,来构建我们的手写数字图片识别应用,取得了很好的效果.但是值得注意的是,在实验的最后,最后我们无论把 LOSS 优化到如何低,似乎都无法在测试数据集 test d ...

  4. 设置echarts线的样式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. 小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距

    在element-ui中 单选框的v-model的值最好是一个字符串 否者可能不能够进行数据回填哈 单选框 的类型必须是字符串类型哈 在elemnet-ui中 如果你想从A页面拿到B页面中的值 可以有 ...

  6. SqlSugar的Where用法

    1.普通表达式查询 //id=@id var list=db.Queryable<Student>().Where(it => it.Id == id).ToList();   // ...

  7. python:spacy、gensim库的安装遇到问题及bug处理

    1.spacy SpaCy最新版V3.0.6版,在CMD 模式下可以通过 pip install spacy -U 进行安装 注意这个过程进行前可以先卸载之前的旧版本 pip uninstall sp ...

  8. HTTP请求头引发的注入问题 (SQL注入)

    关于请求头中注入问题的演示,这里我写了一些测试案例,用来测试请求头中存在的问题.我们常见的会发生注入的点有 Referer.X-Forwarded-For.Cookie.X-Real-IP.Accep ...

  9. Linux-mysql的备份与恢复

    数据库 备份 mysqldump(mysql自带备份功能) - 锁表 - 备份特别慢,适用于数据量较小 - 不可以做增量备份 - 单线程 ``` -A, --all-databases 所有的库 -B ...

  10. ROS节点通信(二)service和client

    目录 1.说明 2.创建功能包 3.自定义通信数据类型 4.编写代码 5.编译配置 5.1.CMakeLists.txt 5.2.package.xml 6.编译运行 1.说明 ROS的节点通信模式有 ...