基于Django的图书管理系统设计与实现_基于django框架的图书管理系统的设计与实现

全套资源下载地址：https://download.csdn.net/download/sheziqiong/86772475
全套资源下载地址：https://download.csdn.net/download/sheziqiong/86772475
目录
第1章 项目简介 3
1.1 前言 3
1.2 开发环境 3
1.3 开发与部署 3
第2章 需求分析 1
2.1 业务内容 1
2.2 功能模块 1
第3章 数据库设计与实现 2
3.1概念模型（ER图） 2
3.2数据库逻辑结构设计 2
3.3数据库实现 2
第4章 关键技术介绍 4
4.1 项目框架 4
4.2 通用头文件header.html的设置 4
4.3 主界面的图片滚动效果 5
4.4 图书查询的get和post请求 6
4.5 Ajax方式更新图书 8
4.6 管理员导出EXCEL表格 10
4.7 部署Django项目到Linux服务器 11
4.8 添加图书是对所填信息进行验证 13
第5章 项目说明书 13
5.1 图书管理系统的使用 13
5.2 图书管理系统功能介绍 14
第6章 项目总结 16
第7章 参考文献 16
第2章 需求分析
2.1业务内容
主页部分：上面会自动展示最新的的通知或者书籍推荐；
图书类型部分：用户可以对图书的类型进行添加、修改、删除，图书类型在后面的图书中需要用到。图书类型：图书类别，类别名称，可借阅天数 。
查看所有图书部分：用户可以在此界面上查看数据库中所有的图书。
图书部分：用户可以对图书进行添加、修改、删除。图书：图书条形码，图书名称，图书所在类别，图书价格，库存，出版日期，出版社，图书图片，图书简介，图书文件。
管理员部分：本文转载自http://www.biyezuopin.vip/onews.asp?id=13476管理员可以查看数据库中所有信息，并可以将自己需要的信息以表格的形式导到自己的设备上。

2.2 功能模块
第4章 关键技术介绍
4.1项目框架
项目一共创建三个App，统一放在apps包中进行管理，在apps中创建了一个baseView.py文件用来供三个app的公共函数调用。创建了一个media文件夹，这个文件夹用来保存项目上次的图片、书籍文件，以及导出文件。创建了一个static文件夹，这里面主要是一些css和js的包。templates里面是项目所有的的html文件。
路由的设置，在项目的总urls.py文件中设置路由到各个app模块，然后在每个app下面的urls.py文件中，设置具体的html定位。

urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'^media/(?P<path>.*)$', serve, {'document_root':settings.MEDIA_ROOT}),#这部分很重要
    url(r'^BookType/', include('apps.BookType.urls', namespace='BookType')), # 图书类别模块
    url(r'^Book/', include('apps.Book.urls', namespace='Book')), # 图书模块
    url(r'^', include("apps.Index.urls", namespace="Index")),  # 首页模块
]
1
2
3
4
5
6
7

4.2通用头文件header.html的设置

在网页的整个展示过程中头文件是一直需要展示出来的，所有我就将这个标题栏部分单独做成了header.html文件，这样可以极大的减少代码的冗余，也方便编写程序。

<!--导航-->
<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-left">
        <li><a href="{% url 'Index:index' %}" style="color:grey">首页</a></li>
        <li><a href="{% url 'Book:frontAll' %}" style="color:grey">所有图书</a></li>
         <li><a href="{% url 'BookType:frontList' %}" style="color:grey">图书类型</a></li>
        <li><a href="{% url 'Book:frontList' %}" style="color:grey">图书查询</a></li>
        <li><a href="{% url 'Index:login' %}" style="color:grey">登录</a></li>
    </ul>
</div>
<!--导航-->
1
2
3
4
5
6
7
8
9
10
11

导航栏：

4.3主界面的图片滚动效果
图片的滚动需要css样式以及js代码一起控制产生效果，下面是js代码介绍。

1 $(function() {
 6   function resize() {
 7     // 获取屏幕宽度
 8     var windowWidth = $(window).width();
 9     // 判断屏幕属于大还是小
10     var isSmallScreen = windowWidth < 768;
11     // 根据大小为界面上的每一张轮播图设置背景
13     $('#main_ad > .carousel-inner > .item').each(function(i, item) {
14       var $item = $(item);
15       // var imgSrc = $item.data(isSmallScreen ? 'image-xs' : 'image-lg');
16       var imgSrc =
17         isSmallScreen ? $item.data('image-xs') : $item.data('image-lg');
18       // 设置背景图片
19       $item.css('backgroundImage', 'url("' + imgSrc + '")');
20       //
21       // 因为我们需要小图时 尺寸等比例变化，所以小图时我们使用img方式
22       if (isSmallScreen) {
23         $item.html('<img src="' + imgSrc + '" alt="" />');
24       } else {
25         $item.empty();
26       }
27     });
28   }
30   // // 让window对象立即触发一下resize，初始化div的背景图
31   // $(window).trigger('resize');
34   $(window).on('resize', resize).trigger('resize');
35 });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

全套资源下载地址：https://download.csdn.net/download/sheziqiong/86772475
全套资源下载地址：https://download.csdn.net/download/sheziqiong/86772475