添加 基于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. [转帖]Linux—CPU核数、上下文切换介绍及pidstat等命令详解

    https://www.jianshu.com/p/0ae0c1153c34 关注:CodingTechWork,一起学习进步. 引言 并发编程   并发编程的目的是为了改善串行程序执行慢问题,但是, ...

  2. [转帖]linux内存挂载

    1.主要功能 在linux中,为了提高读写速度,可以将内存挂载到目录,常见的文件格式有tmpfs和ramfs. 2.挂载步骤 $ sudo mkdir /mnt/tmp $ sudo mkdir /m ...

  3. [转帖]ElasticSearch 最全详细使用教程

    https://zhuanlan.zhihu.com/p/449555826?utm_source=weibo&utm_medium=social&utm_oi=27124941455 ...

  4. [转帖]SkyWalking集成logback

    1.引入skywalking的jar包,导入的包和agent版本一致 <dependency> <groupId>org.apache.skywalking</group ...

  5. [转帖]Linux：页表中PGD、PUD、PMD、TLB等概念介绍

    1.PGD: Page Global Directory        Linux系统中每个进程对应用户空间的pgd是不一样的,但是linux内核 的pgd是一样的.当创建一个新的进程时,都要为新进程 ...

  6. [转帖]自动化回归测试工具 —— AREX 上手实践

    https://my.oschina.net/arextest/blog/8589156   AREX 是一款开源的自动化测试工具平台,基于 Java Agent 技术与比对技术,通过流量录制回放能力 ...

  7. 【介绍一个工具】图形化界面查看一个 golang 二进制文件的汇编代码

    作者:张富春(ahfuzhang),转载时请注明作者和引用链接,谢谢! cnblogs博客 zhihu Github 公众号:一本正经的瞎扯 通常,可以通过命令行工具,来查看一个代码文件对应的汇编代码 ...

  8. 【JS 逆向百例】有道翻译接口参数逆向

    逆向目标 目标:有道翻译接口参数 主页:https://fanyi.youdao.com/ 接口:https://fanyi.youdao.com/translate_o?smartresult=di ...

  9. 【JS 逆向百例】37网游登录接口参数逆向

    声明 本文章中所有内容仅供学习交流,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 逆向目标 目标:37网游登录 主页:https://www.37.co ...

  10. mysql系列基础篇01---通用的语法及分类

    通用语法及分类 DDL: 数据定义语言,用来定义数据库对象(数据库.表.字段) DML: 数据操作语言,用来对数据库表中的数据进行增删改 DQL: 数据查询语言,用来查询数据库中表的记录 DCL: 数 ...