Django图书管理系统(前端对有外键的数据表增删改查)

Dear 丶 2022-01-05 17:09 447阅读 0赞

图书管理

书籍管理

book

name

项目源码位置：https://gitee.com/machangwei-8/learning\_materials/tree/master/%E9%A1%B9%E7%9B%AE/bookmanager02

## 1、环境准备 ##

下载bootstrap

![1286512-20190614152107320-45371624.png][]

引入到之前的网页：

![1286512-20190614153137004-27317103.png][]

将下面的网页

![1286512-20190614153209004-1640190477.png][]

使用下面的模板 https://v3.bootcss.com/examples/dashboard/

起步->基本模板->控制台

![1286512-20190614164842963-1675894059.png][]

刚刚我的复制过来有问题，settings配置静态文件目录配置错了，\{\}，应该是\[\]。有文件但是没有渲染上，报错没找到文件，配置文件弄错了。

![1286512-20190614161921228-221861665.png][]

![1286512-20190614161954076-2083020838.png][]

将源码放到自己的文件中。将下面不要的删除

![1286512-20190614160336286-1998146204.png][]

下面的需要；

![1286512-20190614162233027-1918416534.png][]

圆圈不需要删掉：

![1286512-20190614162412579-1038862723.png][]

删掉：

![1286512-20190614162749347-1617912930.png][]

下面只留一个li标签

![1286512-20190614163019133-1246150400.png][]

现在删改并替换成这个样子了：

![1286512-20190614164306183-2087822909.png][]

将右下角的变成面板：使用如下样式：

![1286512-20190614165058890-1931897413.png][]

复制粘贴

![1286512-20190614171454622-862774845.png][]

将下面的放到面板中

![1286512-20190614171602791-247126680.png][]

格式化代码

![1286512-20190614172035422-1679188854.png][]

给它们是三个设置成按钮

![1286512-20190614173013586-338873444.png][]

下面的地方修改一下：并且a标签的地址改正确

![1286512-20190614173521720-263417648.png][]

下面的新增也改变一下，用刚才那个面板

![1286512-20190614173642809-2131524705.png][]

使用bootstrap

![1286512-20190614173923977-1334173888.png][]

使用栅栏

![1286512-20190614174724535-532270099.png][]

选择下面的这个表单替换面板的内容：

![1286512-20190614175224647-898755272.png][]

复制过来修改form post请求，加个name，

![1286512-20190614185137248-248286660.png][]

![1286512-20190614190659372-1011599862.png][]

编辑页面也做一下，和添加页面差不多

![1286512-20190614191522261-1011984905.png][]

## 2、外键设计 ##

class Book(models.Model):
        title = models.CharField(max_length=32)
        pub = models.ForeignKey('Publisher', on_delete=models.CASCADE)

on\_delete 在django2.0 版本之后是必填的参数 1.11 之前的可以不填

on\_delete 的参数 models.CASCADE models.SET() models.SET\_DEFAULT models.SET\_NULL

一个出版社可以出版多本不同的书，一对多

on\_delete是级联删除用的。一对多，外键在多，

级联 删一，多也删，删多，一不删；非级联删1多不删吧？

![1286512-20190614193220425-2118663935.png][]

外键Publisher不加引号也可以，但是必须方法Publisher类后面，然后是未定义。而这里支持字符串，是使用反射的方法，book类在前在后都可以

on\_delete 在django2.0 版本之后是必填的参数 1.11 之前的可以不填

on\_delete 的参数 models.CASCADE models.SET() models.SET\_DEFAULT models.SET\_NULL

![1286512-20190614194330504-802411801.png][]

还可以设置默认值，设置为空等等

![1286512-20190614194841254-1349209566.png][]

这里创建外键默认会在表中创建一个同名的加\_id的字段。类中的这里代表的是外键的一行数据，一个对象

orm一个类中设置了一个外键的类变量，这个类变量是外键所在类的一个对象（即外键所在类的一行数据的对象）。而在定义外键的这个类中，定义外键的那个字段是“外键类变量\_id”来表示。

![1286512-20190614195214566-326155804.png][]

既然这样，那我把models里字段改成pub。然后将刚刚的book删除

![1286512-20190614200859259-1848972380.png][]

删除之后重新生成迁移文件，迁移的时候出了问题：

![1286512-20190614201112533-1326687542.png][]

这是因为这里有之前的操作记录了，要删掉

![1286512-20190614201235388-1677610599.png][]

然后再执行显示表存在，再次删掉这张表

![1286512-20190614202058977-1136274102.png][]

![1286512-20190614202124746-1719777292.png][]

修改成功：

![1286512-20190614202203817-519397108.png][]

可以直接复制粘贴

![1286512-20190614203037877-623261156.png][]

## 3、查询 ##

all_books = models.Book.objects.all()
    
    for book in all_books:
    
        print(book.title)
        print(book.pub,type(book.pub))   #  ——> 所关联的出版社对象
        print(book.pub.pk)  #  查id 多一次查询
        print(book.pub_id)  # 直接在book表中查出的ID
        print(book.pub.name)
        print("*"*32)

现在做一个book\_list的页面

1）url,函数

2）函数render一个book\_list.html

定义的外键是个对象，本表会加个\_id（外键\_id）作为本表的字段。引用外表的其它字段时，外键.外表字段

![1286512-20190614205830333-2003979052.png][]

因此这里可以：

![1286512-20190614210226947-156867292.png][]

在本张表中，1和2的区别是1做了两次操作，先在本表拿到pub对象，再去另一张表中找到那张表的主键。而2只做了一次操作，所以2效率高

![1286512-20190614210410948-1924920363.png][]

三种方法如下：

![1286512-20190614211232426-808008893.png][]

![1286512-20190614211324988-647464151.png][]

![1286512-20190614211715181-1595521366.png][]

## 4、新增 ##

models.Book.objects.create(title=book_name,pub=出版社的对象)
    models.Book.objects.create(title=book_name,pub_id=pub_id)

新增逻辑如下；

![1286512-20190614220113712-369331338.png][]

这里没有东西：

![1286512-20190614213138584-497405195.png][]

![1286512-20190614214318465-1081736149.png][]

数据表字段写错了报错：应该是title ： 'name' is an invalid keyword argument for this function

![1286512-20190614215334837-739489910.png][]

没获取到post传过来的值，赋值到数据库字段中是空的

![1286512-20190614215712533-700289523.png][]

添加书籍成功：

![1286512-20190614215833258-2032064989.png][]

新建的这个对象，可以对象.字段进行取值了

## 5、删除 ##

pk = request.GET.get('id')
    models.Book.objects.filter(pk=pk).delete()

实现book\_listt页面的删除按钮可以获取pk

![1286512-20190614235802030-1626447616.png][]

![1286512-20190614235723104-2058299562.png][]

函数编写：

![1286512-20190615000244060-226180363.png][]

我写的是小写book类名，数据库名字这里没有Book \#没有创建表的类或者类写错类名

![1286512-20190615000554637-1118389971.png][]

![1286512-20190615000620086-206284738.png][]

成功删除第一条带有外键（出版社）的数据:

![1286512-20190615000714018-78001922.png][]

4处只匹配1,1后面有参数（2）是不用管的，在地址栏点击回车拼接出来的地址就能删除掉id是2的数据表记录 \#地址栏做删除数据库操作，（如果用户有权限，那么数据库就可以被删数据）

![1286512-20190615000953057-260972864.png][]

删除流程：服务器返回/book\_list/的get请求结果

![1286512-20190615001806175-1791061218.png][]

## 6、编辑 ##

{% if book_obj.pub == publisher %}
        <option selected value="{
         { publisher.pk }}"> {
        { publisher.name }} </option>
    {
         % else %}
        <option  value="{
         { publisher.pk }}"> {
        { publisher.name }} </option>
    {
         % endif %}

1)url，函数先实现返回编辑页面

2)在book\_list.html展示页中添加编辑按钮

3)创建edit\_book.html，和添加页面差不多。

已经能拿到要编辑的pk,应该还要拿到要编辑的书名和出版社，以及其它可以通过下拉菜单做选择的其它选项

![1286512-20190615102037179-243513978.png][]

显示编辑的书名：

![1286512-20190615103502715-1342227225.png][]

下拉选择菜单数据传进去：

![1286512-20190615103949456-1754631316.png][]

使用下面语法添加判断，满足条件的做另外的操作：

{% if edit_obj %}
            {
         % else %}
            {
         % endif %}

实现出版社默认显示要编辑的对象的： 判断从数据库拿到的每个出版社对象，如果==点击编辑的edit\_obj这个对象，那么让它是被选中的

![1286512-20190615104629694-47344731.png][]

编辑的逻辑过程；

![1286512-20190615105329289-471962392.png][]

对象.字段=获取到的值 作为赋予新的值，就是编辑，点赋值需要save保存的，跟create创建有区别的。

![1286512-20190615105901089-876517392.png][]

![1286512-20190615110103131-2051615321.png][]

外键的重新赋值如下两种方式：

![1286512-20190615110544118-739778279.png][]

## 7、修改数据，级联删除    ##

book_obj.title = book_name
    # book_obj.pub_id = pub_id
    book_obj.pub = models.Publisher.objects.get(pk=pub_id)
    book_obj.save()

修改数据示例在上面的6、编辑数据中

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

from django.shortcuts import render,redirect,HttpResponse
    from app01 import models
    #展示出版社
    def publisher_list(request):
        # 从数据库中查询到出版社的信息
        all_publishers = models.Publisher.objects.all().order_by('pk')
        return render(request, 'publisher_list.html', {
         'all_publishers': all_publishers}) #publisher_list.html中使用的是字典中的键，键代替这个所有的对象
    
    def add_publisher(request):
        error=''
        #返回一个包含from表单的出版社页面
        if request.method=='POST':
            publish_name=request.POST.get('publisher_name')
            # 判断出版社名称是否有重复的
            if models.Publisher.objects.filter(name=publish_name):
                error='出版社名称已存在'
            #判断输入值是否为空
            if not publish_name:
               error="输入不能为空"
            if not error:
                obj=models.Publisher.objects.create(name=publish_name)
                #跳转到展示出版社的页面
                return redirect('/publisher_list/')
        return render(request,'add_publisher.html',{
         'error':error})
    
    def del_publisher(request):
        # 获取要删除的数据
        pk = request.GET.get('id')
        obj_list = models.Publisher.objects.filter(pk=pk)
        if not obj_list:
            # 没有要删除的数据
            return HttpResponse('要删除的数据不存在')
        # 删除该数据
        # obj.delete()
        obj_list.delete()
        # 跳转到展示页面
        return redirect('/publisher_list/')
    
    def edit_publisher(request):
        error = ''  # 查找要编辑的数据
        pk = request.GET.get('id')  # url上携带的参数  不是GET请求提交参数
        obj_list = models.Publisher.objects.filter(pk=pk)
        if not obj_list:
            return HttpResponse('要编辑的数据不存在')
        obj = obj_list[0]
        if request.method == 'POST': # 处理POST请求
            publisher_name = request.POST.get('publisher_name')  # 获取新提交的出版的名称
            if models.Publisher.objects.filter(name=publisher_name):
                error = '新修改的名称已存在'  # 新修改的名称已存在
            if obj.name == publisher_name:
                error = '名称未修改'
            if not publisher_name:
                error = '名称不能为空'
            if not error:
                obj.name = publisher_name  # 修改数据
                obj.save()  # 保存数据到数据库中
                # 跳转到出版社的展示页面
                return redirect('/publisher_list/')
        return render(request, 'edit_publisher.html', {
         'obj': obj,'error':error})   # 返回一个包含原始数据的页面
    
    def book_list(request):
        books=models.book.objects.all()
        return render(request,'book_list.html',{
         'books':books})
    
    def add_book(request):
        if request.method=='POST':
            new_name=request.POST.get('new_name')
            pub_id=request.POST.get('pub')
            models.book.objects.create(title=new_name,pub_id=pub_id) #或者pub=models.Publisher.objects.get('pub_id')
            return redirect('/book_list/')
        publishers=models.Publisher.objects.all()
        return render(request,'add_book.html',{
         'publishers':publishers})
    
    def del_book(request):
        # 获取要删除的对象删除
        pk = request.GET.get('pk')
        models.book.objects.filter(pk=pk).delete() #删除要删除的对象
        # 跳转到展示页面
        return redirect('/book_list/')
    
    
    def edit_book(request):
        pk=request.GET.get('pk')
        edit_obj=models.book.objects.get(pk=pk)
        if  request.method == 'POST':
            new_name=request.POST.get('new_name')
            pub_id=request.POST.get('pub_id')
            edit_obj.title=new_name
            edit_obj.pub_id=pub_id
            edit_obj.save()
            return redirect('/book_list/')
        publishers=models.Publisher.objects.all()
        return render(request,'edit_book.html',{
         'edit_obj':edit_obj,'publishers':publishers})

views.py

将数据库修改之后报错：删掉1处，重新在新的数据库插入数据

![1286512-20190615134644398-679245657.png][]

修改连接的数据库

![1286512-20190615135027590-1455615158.png][]

这里只是将断开连接点的数据库在pycharm上移除，而不是删除后台数据库

![1286512-20190615135931839-1090474956.png][]

![1286512-20190615140127934-1740104726.png][]

修改数据结构，再修改下代码，就改成学员管理系统

![1286512-20190615151528758-1321297267.png][]

演示级联删除：

![1286512-20190615152032707-1302235148.png][]

级联删除成功：一对多，删一，多中对应的都删

![1286512-20190615152156596-2067510564.png][]

转载于:https://www.cnblogs.com/machangwei-8/p/11023394.html

[1286512-20190614152107320-45371624.png]: /images/20211228/a41fcdc87e0d4536bd42656ed3fb206c.png
[1286512-20190614153137004-27317103.png]: /images/20211228/10560987ff784039b64e0e98383714c7.png
[1286512-20190614153209004-1640190477.png]: /images/20211228/acad283429de440e96984b697681e3f5.png
[1286512-20190614164842963-1675894059.png]: /images/20211228/2469e6440aea494e9bde31671bd191a3.png
[1286512-20190614161921228-221861665.png]: /images/20211228/e21d64f23fbd4c94b325650267428500.png
[1286512-20190614161954076-2083020838.png]: /images/20211228/865a998f13d64064950ada80d31205a3.png
[1286512-20190614160336286-1998146204.png]: /images/20211228/8e73a20debac465c999353f327ce713c.png
[1286512-20190614162233027-1918416534.png]: /images/20211228/2c65e113a8ba46bf847e4fdcb15658ea.png
[1286512-20190614162412579-1038862723.png]: /images/20211228/45eca5966b8d4e74905b4a84ee06afe5.png
[1286512-20190614162749347-1617912930.png]: /images/20211228/ed14f7180c2a437db286e9733b1aa3e4.png
[1286512-20190614163019133-1246150400.png]: /images/20211228/05a04aa8b8cf4e0d996ba0bfc021c558.png
[1286512-20190614164306183-2087822909.png]: /images/20211228/1abc805908e34b4eb84cf25596fa3946.png
[1286512-20190614165058890-1931897413.png]: /images/20211228/b37fc92297bf46b8a68e3eddfecc845a.png
[1286512-20190614171454622-862774845.png]: /images/20211228/e8b6ef8cad8b4eec83e0a086366d25f7.png
[1286512-20190614171602791-247126680.png]: /images/20211228/cf902ea6d7d543439c605eb44db952b6.png
[1286512-20190614172035422-1679188854.png]: /images/20211228/2b301391ac1d4214b980d8ed02d05936.png
[1286512-20190614173013586-338873444.png]: /images/20211228/39ead6ea6a88417dba4a29e101d65975.png
[1286512-20190614173521720-263417648.png]: /images/20211228/4f7a459b9a23471e8d7fde9d3dcd4de7.png
[1286512-20190614173642809-2131524705.png]: /images/20211228/978d1d1cebc043749280243dc7f87f30.png
[1286512-20190614173923977-1334173888.png]: /images/20211228/27a7b6d6615c49079c74238b494a02fd.png
[1286512-20190614174724535-532270099.png]: /images/20211228/1cec7636fdda44e0958e498a8ae9df6c.png
[1286512-20190614175224647-898755272.png]: /images/20211228/46d9e184d54741229495fc63eed392d1.png
[1286512-20190614185137248-248286660.png]: /images/20211228/65dd27a3b4ad4c3db25583c050dd3edc.png
[1286512-20190614190659372-1011599862.png]: /images/20211228/2e3d2cccd4314f51991d01ff481be103.png
[1286512-20190614191522261-1011984905.png]: /images/20211228/c167c34823294858856da9daa38a10d0.png
[1286512-20190614193220425-2118663935.png]: /images/20211228/83cf0b8e4af34422a0f75853d0e6fb1c.png
[1286512-20190614194330504-802411801.png]: /images/20211228/b222be3cc15b43389ee58d20c2f89d04.png
[1286512-20190614194841254-1349209566.png]: /images/20211228/5f54e7d863364453836c784f4a138a7f.png
[1286512-20190614195214566-326155804.png]: /images/20211228/47f9577905c14336bc57e3a231617b99.png
[1286512-20190614200859259-1848972380.png]: /images/20211228/875fe1cde12a4f3eaae10dfe9324d27f.png
[1286512-20190614201112533-1326687542.png]: /images/20211228/3e63fb4e6e2b49c09399d1c9159337d9.png
[1286512-20190614201235388-1677610599.png]: /images/20211228/265db6d88a2e4a86b0a7e36c77d911c8.png
[1286512-20190614202058977-1136274102.png]: /images/20211228/fb84834e7a1f4edd8fcde994f3ab3f7a.png
[1286512-20190614202124746-1719777292.png]: /images/20211228/5472fd749b194be4b750625bc25fa5c8.png
[1286512-20190614202203817-519397108.png]: /images/20211228/f7bc734f0bcc4956b595cfe1ac4a1358.png
[1286512-20190614203037877-623261156.png]: /images/20211228/0f508adabcfe47d6a26499789af02508.png
[1286512-20190614205830333-2003979052.png]: /images/20211228/d635a3888ee94811ac31cc8bf5a920f7.png
[1286512-20190614210226947-156867292.png]: /images/20211228/e3aab22e288845a784f7410994ecf3cd.png
[1286512-20190614210410948-1924920363.png]: /images/20211228/868949d910ad4ae3b522d3c1861dea30.png
[1286512-20190614211232426-808008893.png]: /images/20211228/787dfa36ee0249a08ba04eb6bf130873.png
[1286512-20190614211324988-647464151.png]: /images/20211228/de8014acdc6048b9a2854ba610a80ee0.png
[1286512-20190614211715181-1595521366.png]: /images/20211228/3154137414ac448eb1be61013dc1f01c.png
[1286512-20190614220113712-369331338.png]: /images/20211228/255f1bc989c74594922bf6a44c11f17e.png
[1286512-20190614213138584-497405195.png]: /images/20211228/c84768109bb84c2f8cd14330c5d2e2b4.png
[1286512-20190614214318465-1081736149.png]: /images/20211228/32cf6ec869384443b9124a6b0a723fd9.png
[1286512-20190614215334837-739489910.png]: /images/20211228/6f35c7df35f345e3828d009d76a9d27d.png
[1286512-20190614215712533-700289523.png]: /images/20211228/a44decda9d384f619be0efcf669c2b09.png
[1286512-20190614215833258-2032064989.png]: /images/20211228/b6a649b148cc4ac989abb2e2730ea1a8.png
[1286512-20190614235802030-1626447616.png]: /images/20211228/4a5ac4dee48c43e28dd5f0071707a8ac.png
[1286512-20190614235723104-2058299562.png]: /images/20211228/61b110f0dd344063ba11f3de72b519d4.png
[1286512-20190615000244060-226180363.png]: /images/20211228/13d7c041a3a4411d983ad96bbf85b46a.png
[1286512-20190615000554637-1118389971.png]: /images/20211228/02b019aeb93c4533b242812a03cbf4f0.png
[1286512-20190615000620086-206284738.png]: /images/20211228/fa69a04e188f4b17bc37f1d523fc6e4a.png
[1286512-20190615000714018-78001922.png]: /images/20211228/2de1f30ced634656a602312ee77e97a9.png
[1286512-20190615000953057-260972864.png]: /images/20211228/d5793d0a40d04be893a5489d42882b94.png
[1286512-20190615001806175-1791061218.png]: /images/20211228/a320525fb95341d0a9af08de8c86a547.png
[1286512-20190615102037179-243513978.png]: /images/20211228/03c0b3c4911f4d27a7267c442b5a386a.png
[1286512-20190615103502715-1342227225.png]: /images/20211228/af6f6c84757f46909c0fc9730a6c44b9.png
[1286512-20190615103949456-1754631316.png]: /images/20211228/9476a76a1325405c8463e2dcfcb45d02.png
[1286512-20190615104629694-47344731.png]: /images/20211228/b3384805d6e4490d85f39488315b5d22.png
[1286512-20190615105329289-471962392.png]: /images/20211228/65f9639a1160467f90362f497686f1d5.png
[1286512-20190615105901089-876517392.png]: /images/20211228/7fefb82191bb4cf2b8a6dcefbf952e36.png
[1286512-20190615110103131-2051615321.png]: /images/20211228/b701a355a009472f90c14b1d17f5ab80.png
[1286512-20190615110544118-739778279.png]: /images/20211228/b754d42c39684ea9a74eebb5ef9ccd95.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211228/0047baa3ad82475e92906579c8099d4b.png
[1286512-20190615134644398-679245657.png]: /images/20211228/8ab66130a1e64afa864812cbce47b11d.png
[1286512-20190615135027590-1455615158.png]: /images/20211228/b1b0e66d41dd46a7bc6912de44f1db7c.png
[1286512-20190615135931839-1090474956.png]: /images/20211228/c1ea3470cf1540bb8681a79fb19e5bc9.png
[1286512-20190615140127934-1740104726.png]: /images/20211228/3163eb9a13a04e569abb21f0e39b495b.png
[1286512-20190615151528758-1321297267.png]: /images/20211228/1f4f9d83c2d04ac6983a7259f50e5cda.png
[1286512-20190615152032707-1302235148.png]: /images/20211228/dc74b7f5ec9d41019d321de20b6461a6.png
[1286512-20190615152156596-2067510564.png]: /images/20211228/e775cca48917490e8bd534047b265cab.png