添加 基于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. [转帖]Kafka 与RocketMQ 落盘机制比较

    https://www.jianshu.com/p/fd50befccfdd 引言 前几期的评测中,我们对比了Kafka和RocketMQ的吞吐量和稳定性,本期我们要引入一个新的评测标准--软件可靠性 ...

  2. jcmd的简单总结

    jcmd的简单总结 背景 自从2019年公司转向java技术路线. 一直断断续续的在学习java相关的技术内容. 但是总感觉学的不是很深入. 这周比较累.也不想在学新东西了. 所以想着再总结一下jcm ...

  3. 使用protobuf生成代码import包找不到

    protobuf使用import导入包找不到 前言 解决方案 protobuf使用import导入包找不到 前言 使用protobuf生成go代码,发现protobuf中一个import引用找不到 p ...

  4. Elasticsearch中的分页查询限制和近似去重统计

    Elasticsearch 前言 深度分页的问题 如何解决 修改默认值 使用search_after方法 scroll 滚动搜索 es中的近似聚合 总结 Elasticsearch 前言 最近工作中用 ...

  5. Python 实现ARP扫描与欺骗

    ARP欺骗又称ARP毒化或ARP攻击,是针对以太网地址解析协议ARP的一种攻击技术,通过欺骗局域网内访问者PC的网关MAC地址,使访问者PC错以为攻击者更改后的MAC地址是网关的MAC,导致网络不通. ...

  6. Postfix + Extmail 企业邮件服务器搭建

    ExtMail套件用于提供从浏览器中登录.使用邮件系统的Web操作界面,而Extman套件用于提供从浏览器中管理邮件系统的Web操作界面.它以GPL版权释出,设计初衷是希望设计一个适应当前高速发展的I ...

  7. centOS系统 迁移docker镜像及数据文件到指定目录

    话说我今天正在快乐的敲代码,突然看到IDE报警磁盘空间不足了,du -h 查看了一下磁盘占用情况,发现是自己的docker镜像全部放/var/lib/docker目录下 这个系统磁盘给根目录只分配了5 ...

  8. maven打包报错

    * 系统:macOS* 开发工具:Idea* 问题描述:在idea中执行mvn clean install时报No compiler is provided in this environment. ...

  9. gitee 命令合集(从远程仓库拉取项目到推送项目到远程仓库)

    1.配置用户的信息 git config --global user.name '你的用户名' git config --global user.email '你的邮箱' 2.初始化 Git 仓库,生 ...

  10. Nexus系列:简介和安装(Windows、Linux)以及反向代理Nexus

    目录 简介 安装 Windows Linux Nexus相关命令 Nginx反向代理Nexus 简介 Sonatype Nexus是一个Maven仓库管理器,可以节省网络带宽并加速项目搭建的进程.它可 ...