添加 基于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. [转帖][github]Chinese-LLaMA-Alpaca Public

    `https://github.com/ymcui/Chinese-LLaMA-Alpaca#%E6%A8%A1%E5%9E%8B%E4%B8%8B%E8%BD%BD` 以ChatGPT.GPT-4等 ...

  2. Rsync的一个高级应用

    Rsync的一个高级应用 背景 2019年刚开始接触linux时. 有一个很恶心的场景. 很多人为了简单起见, 提交数据库的修改(数据结果和预制数据) 都不是增量处理, 都是全量提交过来. 所以会造成 ...

  3. [转帖]Linux中的用户和用户组

    https://www.jianshu.com/p/76700505cac4 1,Linux中的用户分类 超级用户:拥有对系统的最高管理权限,默认是root用户. 普通用户:只能对自己目录下的文件进行 ...

  4. [换帖]Linux命令之iconv命令

    一.命令简介   日常工作中我们需要将windows生成的文件上传到Linux系统,有时候会因为编码问题出现显示乱码.例如我上传了一个csv文件到Linux服务器上,默认编码为GB2312,在Linu ...

  5. Unity下调试ToLua（基于IDEA和VSCode）

    公司移动端项目是基于Unity的,底层支持由C#提供,上层Lua调用C#中注册的函数支持来做业务逻辑,框架用的是ToLua.开始做移动端有一段时间了,一直都觉得调试代码是个很蛋疼的体验:几乎都是靠肉眼 ...

  6. 【计算几何，数学】7.14 T3 @ xdfz

    Problem Link 给定 \(n\) 个球和一个点 \(P\),求点 \(P\) 到这些球的交内一点的距离的最小值.保证有解.\(n\le 10^6\). 和最小圆覆盖一个套路.考虑维护一个当前 ...

  7. vue如何在render函数中循环（3）

    h函数的三个参数 第一个参数是必须的. 类型:{String | Object | Function} 一个 HTML 标签名.一个组件.一个异步组件.或一个函数式组件. 是要渲染的html标签. 第 ...

  8. C# 求两个时间的差值

    商品保质期 //dateStart:系统时间: dateEnd :物品到期日期 DateTime dateStart = DateTime.Now.Date;//2021/7/8 DateTime d ...

  9. pycharm的docstring多了一行type

    注释中多了一行:type 设置为Epytext PyCharm 2020.3.5 (Community Edition) def test(param1,param2,param3): "& ...

  10. 手撕Vue-数据驱动界面改变中

    经过上一篇的介绍,已经实现了观察者模式的基本内容,接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中,实现数据驱动界面改变. 在监听数据变化的章节当中,根据指定的区域和数据去编译渲染界面 这个 ...