模型：

from django.db import models

class Book(models.Model):

    book_name = models.CharField(max_length=30)

    book_publisher = models.CharField(max_length=20)

    book_author = models.CharField(max_length=20)

    class Meta:

        db_table = 'book_tb'

　　

路由：

from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('index/',views.index),     #首页的路由

    path('add/',views.add),         #添加数据的路由

    path('edit/',views.edit),       #编辑数据的路由

    path('delete/',views.delete)    #删除数据的路由

]

　　

视图：

from django.shortcuts import render,HttpResponse,redirect

from django import forms

from app01.models import Book

#定义一个form表单的类，使用Book模型

class BookForm(forms.ModelForm):

    class Meta:

        model = Book

        fields = ['book_name','book_publisher','book_author']   #生成表单的时候显示的字段

#首页展示所有书籍（常规操作）

def index(request):

    books = Book.objects.all()

    return render(request,'index.html',{'books': books})

#添加书籍（使用ModelForm的功能）

def add(request):

    if request.method == 'GET':

        b_obj = BookForm()

        return render(request,'add.html',{'b_obj': b_obj})  #返回一个添加页面，展示一个空的form表单

    else:

        b_obj = BookForm(request.POST)  #当用户提交数据后实例化一个拥有提交了的数据的对象

        if b_obj.is_valid():            #如果数据通过校验

            b_obj.save()                #保存到数据库中，添加一条记录

        return redirect('/index/')      #提交成功后跳转到首页

#编辑书籍（使用ModelForm的功能）

def edit(request):

    if request.method == 'GET':

        id = request.GET.get('id')  #获取要编辑的书籍的id

        book = Book.objects.get(id=id)  #取出id值对应的书籍对象

        b_obj = BookForm(instance=book)  # ***这一步实例化的时候，需要传入书籍对象,生成表单的时候就会默认填充这些数据，这也是和添加操作唯一的不同之处

        return render(request,'edit.html',{'b_obj': b_obj})

    else:

        #除了 b_obj = BookForm(instance=book) ，其余操作和添加相同

        b_obj = BookForm(request.POST)

        if b_obj.is_valid():

            b_obj.save()

        return redirect('/index/')

#删除书籍（常规操作）

def delete(request):

    id = request.GET.get('id')  # 获取要删除的书籍的id

    book = Book.objects.get(id=id)  # 取出id值对应的书籍对象

    book.delete()      #从数据库中删除这个书籍对象

    return redirect('/index/')   #删除后跳转至首页

　　

首页：index.html

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Index</title>

</head>

<body>

    <div style="width: 60%;margin-left: 200px;">

        <button><a href="/add/">添加</a></button>

        <table style="width: 100%">

            <tr>

                <th style="border: red 1px solid">ID</th>

                <th style="border: red 1px solid">书名</th>

                <th style="border: red 1px solid">出版社</th>

                <th style="border: red 1px solid">作者</th>

                <th style="border: red 1px solid">编辑</th>

                <th style="border: red 1px solid">删除</th>

            </tr>

            {% for book in books %}

                <tr>

                    <td style="border: red 1px solid">{{ book.id }}</td>

                    <td style="border: red 1px solid">{{ book.book_name }}</td>

                    <td style="border: red 1px solid">{{ book.book_publisher }}</td>

                    <td style="border: red 1px solid">{{ book.book_author }}</td>

                    <td style="border: red 1px solid"><button><a href="/edit/?id={{ book.id }}">编辑</a></button></td>  {# 需要传入要编辑的书籍的id #}

                    <td style="border: red 1px solid"><button><a href="/delete/?id={{ book.id }}">删除</a></button></td> {# 需要传入要删除的书籍的id #}

                </tr>

            {% endfor %}

        </table>

    </div>

</body>

</html>

　　

添加页面：add.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>添加页面</title>

</head>

<body>

    <div style="width: 60%;margin-left: 200px;">

        <form action="" method="post">

            {% csrf_token %}

            <div>

                {{ b_obj.as_p }}

            </div>

            <input type="submit" value="提交">

        </form>

    </div>

</body>

</html>

　　

编辑页面：edit.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>编辑页面</title>

</head>

<body>

    <div style="width: 60%;margin-left: 200px;">

        <form action="" method="post">

            {% csrf_token %}

            <div>

                {{ b_obj.as_p }}

            </div>

            <input type="submit" value="提交">

        </form>

    </div>

</body>

</html>

　　

结果展示：

Django的form组件——ModelForm实战的更多相关文章

  1. Django之Form、ModelForm 组件

    Django之Form.ModelForm 组件 一.Form组件: django框架提供了一个form类,来处理web开发中的表单相关事项.众所周知,form最常做的是对用户输入的内容进行验证,为此 ...

  2. Django之Form与ModelForm组件

    Django之Form与ModelForm组件 1.Form介绍 Form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 O 保留上次的输入内容 普通方式手写注册功能 vi ...

  3. python Django之Form组件

    python Django之Form组件 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试 ...

  4. Django之Form组件(一)

    Django之Form组件(一) Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 基本操作:字 ...

  5. python框架之Django(10)-Form组件

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

  6. 〖Python〗-- Django的Form组件

    [Django的Form组件] Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 Form类的使 ...

  7. 转载：Django之Form组件

    Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1.创建Form类 +? 1 2 3 ...

  8. Django之Form组件

    Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签 验证用户 ...

  9. Python之路【第二十一篇】：Django之Form组件

    Django之Form组件   Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1. ...

随机推荐

  1. synchronized 加锁 this 和 class 的区别！

    synchronized 是 Java 语言中处理并发问题的一种常用手段,它也被我们亲切的称之为"Java 内置锁",由此可见其地位之高.然而 synchronized 却有着多种 ...

  2. 使用html2canvas.js将HTML生成图片

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

  3. JavaGUI输入框事件监听的使用

    JavaGUI输入框事件监听的使用 package GUI; import java.awt.*; import java.awt.event.ActionEvent; import java.awt ...

  4. 算法竞赛中的常用JAVA API ：HashMap 和 TreeMap（转载）

    算法竞赛中的常用JAVA API :HashMap 和 TreeMap 摘要 本文主要介绍Map接口下的HashMap和TreeMap. HashMap HashMap是基于哈希表的 Map 接口的实 ...

  5. 实战爬取某网站图片-Python

    直接上代码 1 #!/usr/bin/python 2 # -*- coding: UTF-8 -*- 3 from bs4 import BeautifulSoup 4 import request ...

  6. USB 3.0 开发要点

    最近在公司里安排了我一个新的任务,那就是USB3.0的研发.对于我之前都是做ARM+LINUX和单片机软件研发的来说,虽然之前都是做驱动程序和应用程序,但是没有做与USB 相关的开发,毕竟这是第一次. ...

  7. MIT Scheme Development on Ubuntu

    sudo apt-get mit-scheme; run "scheme" then you enter the command line scheme repl; sudo ap ...

  8. 给 Arm 生态添把火，腾讯 Kona JDK Arm 架构优化实践

    前言 Arm 架构以其兼具性能与功耗的特点,在智能终端以及嵌入式领域得到了广泛的使用,不断扩大其影响力.而在 PC 端以及数据中心,之前往往是 x86 架构在其中发挥着主要的作用.最近,随着人工智能. ...

  9. cas5.3.1 从搭建到连接mysql(简而优美)

    前言: cas是单点登录服务框架,为单点登录业务提供了便捷服务,它分为client,server端,client端要聚合到我们自己的项目. server端要单独构建运行,本篇文章主要讲解一下cas5. ...

  10. JavaScript学习06（操作BOM和表单）

    操作BOM window 所有浏览器都支持 window 对象.它代表浏览器的窗口. 所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员. 全局变量是 window 对 ...