（附源码）小程序图书管理系统毕业设计 250858

深碍√TFBOYSˉ_ 2024-04-06 10:04 90阅读 0赞

Node.js图书管理小程序的开发

摘 要

大数据时代下，数据呈爆炸式地增长。为了迎合信息化时代的潮流和信息化安全的要求，利用互联网服务于其他行业，促进生产，已经是成为一种势不可挡的趋势。在图书馆管理的要求下，开发一款整体式结构的图书管理小程序，将复杂的系统进行拆分，能够实现对需求的变化快速响应、系统稳定性的保障，能保证平台可持续、规模化发展的要求。

图书管理小程序的前端界面涉及的技术主要技术主要有Koa，jQuery等等，通过这些技术可以实现前端页面的美观和动态效果使之符合广大群众的审美观，后台主要使用的技术是采取基于MVVM模式进行开发，采用B/S模式，后端部分基于node.js的koa框架开发的，图书管理小程序解决了传统管理方式所带来的人力、物力和时间上的虚耗和交流深度的限定，这让交流的过程更快捷、准确、便利，同时完成图书管理小程序的基本功能：用户注册管理、图书资讯管理、图书信息推荐管理、借阅管理、还书管理。

关键词：图书管理；小程序；Mysql数据库

**Node. Development of JS library management applet**

**Abstract**

In the era of big data, data is growing explosively. In order to meet the trend of the information age and the requirements of information security, using the Internet to serve other industries and promote production has become an irresistible trend. Under the requirements of library management, develop a small library management program with an integral structure to split the complex system, which can realize the rapid response to the change of demand, the guarantee of system stability, and the requirements of sustainable and large-scale development of the platform.

The main technologies involved in the front-end interface of the library management applet are koa, jQuery and so on. Through these technologies, the beauty and dynamic effect of the front-end page can be realized to make it conform to the aesthetics of the masses. The main technology used in the background is to develop based on MVVM mode, adopt B / S mode, and the back-end part is based on node Developed by koa framework of JS, the library management applet solves the waste of human, material and time brought by traditional management methods and the limitation of communication depth, which makes the communication process faster, accurate and convenient. At the same time, it completes the basic functions of the library management applet: user registration management, library information management, book information recommendation management, borrowing management and book return management.

**Key words**:Library management; Applet; Mysql database

目 录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 论文组成结构

第2章 开发工具及相关技术介绍

2.1 开发技术说明 6

2.2 MVVM模式介绍 7

2.3koa框架介绍

2.4 koa框架优点

2.5 MySQL数据库

2.6小程序框架以及目录结构介绍

2.7JavaScript 运行模式

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 需求分析

3.3 系统业务流程分析

3.4 系统数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 数据库设计

4.4.1 概念模型设计

4.4.2 逻辑结构设计

4.4.3 数据库连接设计

第5章 系统实现

5.1 登录模块的实现

5.2 用户子系统模块的实现

5.2.1 用户首页模块

5.2.2 用户注册模块

5.2.3 发表评论模块

5.2.4 图书借阅模块

5.2.5 图书归还模块

5.3 管理员子系统模块的实现

5.3.1 管理员主页模块

5.3.2 系统用户管理模块

5.3.3 借阅管理模块

5.3.4 图书管理模块

第6章 系统测试

6.1 测试目的

6.2 测试用例

6.2.1 登录测试

6.2.2 注册测试

6.2.3 图书管理测试

6.2.4 图书借阅测试

6.3 测试结果

第7章 总结与展望

参考文献

致谢

1.   绪论
    
    1.   研究背景与意义

图书管理小程序是对传统图书馆管理模式的一种改进，它可以充分利用网络的特性，随时随地的对图书进行管理，不受时空的局限，很大程度地简化了图书管理的过程，减轻了管理员工作，为借阅者提供便捷的途径，提高了图书的利用率。本系统的优势主要体现在如下几个方面：

（1）管理员通过数据库管理和维护系统可以对借阅者和图书进行管理和维护。管理员可以对后台数据中的信息进行删除、修改、更新等基本操作以管理和维护借阅者信息。

（2）用户可以通过图书作者、图书名称、类别、出版社、、图书编号进行查询，以便用户对图书信息的快速检索。

（3）图书的添加，新书的出版可以及时的输入数据库以待取用，已经报废的旧书及时的删除或禁用。

（4）借阅者可以在线随时查询图书信息，借阅图书，等待管理员审核通过。

（5）管理员可以对读者的借阅信息进行图书归还和到期提醒的操作。

1.  1.   开发现状

当前图书管理系统中，主流的国内产品主要有汇文软件产品、ADLIB2.0、金盘软件产品等，主流的国外产品主要以ExLibris的Aleph500为代表。近年来，随着Web2.0的发展和Library2.0研究的深入，给图书管理系统带来了新的理念和思路，图书管理系统很好的融合了Library2.0的理念和Web2.0的技术。当前图书管理系统普遍存在的问题有：①图书馆资源与服务的相对隔离与孤立；②不能全面集成图书馆的业务和管理工作；③信息孤岛现象日益严重；④难以体现图书馆的管理思路。图书管理系统的发展趋势：①融合图书馆的管理理念；②数据驱动管理；③开放合作的理念；④云计算；⑤整合服务评价体系。

1.  1.   论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出图书管理小程序。

本文共有七章，如下所示。

第一章概述了图书管理小程序的研究目的和意义；精炼地总结了国内外在仓储领域的研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对图书管理小程序进行设计。

第五章对图书管理小程序进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对图书管理小程序采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1.   开发工具及相关技术介绍
    
    1.  开发技术说明：

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于node.js的koa框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用koa作为开发框架，同时集成Redis等相关技术。

1.  1.   小程序框架以及目录结构介绍

整个小程序框架系统分为两部分：[逻辑层][Link 1]和[视图层][Link 2]。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 小程序 体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统，提供了自己的视图层以及逻辑层框架，让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。在逻辑层做数据修改，在视图层就会做相应的更新。框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的APP 。

1.  1.  koa框架介绍：

Node.js是一个异步的世界，官方API支持的都是callback形式的异步编程模型，这会带来许多问题，例如:1、callback嵌套问题；2、异步函数中可能同步调用callback返回数据，带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

1.  1.  koa框架优点：

其次，koa 把express中内置的router、view 等功能都移除了，使得框架本身更轻量化。该设计有如下好处：1、把express各种中间件移植到koa是很简单的一件事；2、express 中内置的功能件未必好，比如view，想添加自己的view engine进入得做较深层次的hack，又比如router，它的效率不是最好的。koa没有内置这些，给了开发者很大的自由度，开发者都能自由发挥制作出更精细更专业的中间件。

1.  1.   MySQL数据库

MySQL经过多次的更新，功能层面已经非常的丰富和完善了，从MySQL4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的MySQL支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的图书管理小程序在实际的实现过程中，最终选择MySQL数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的MySQL来对图书管理小程序后台数据进行存储操作。

数据库管理系统的总体结构图如下图所示。

![cd0fa04a34354d2cb527f2ae1beca80a.png][]

图2-1 数据库组成结构

1.  1.  Ajax 应用：

该技术在 1998 年前后得到了应用。允许客户端脚本发送[HTTP][]请求（XMLHTTP）的第一个组件由Outlook Web Access小组写成。该组件原属于微软 Exchange Server，并且迅速地成为了 Internet Explorer 4.0 的一部分。部分观察家认为，Outlook Web Access 是第一个应用了 Ajax 技术的成功的商业应用程序，并成为包括Oddpost 的网络邮件产品在内的许多产品的领头羊。但是，2005 年初，许多事件使得 Ajax 被大众所接受。Google 在它著名的交互应用程序中使用了异步通讯，如[Google][]、Google 地图、Google 搜索建议、[Gmail][]等。Ajax 这个词由《Ajax: A New Approach to Web Applications》一文所创，该文的迅速传播加强了人们使用该项技术的意识。另外，对Mozilla/Gecko 的支持使得该技术走向成熟，变得更为易用。

Ajax 前景非常乐观，可以提高系统性能，优化用户界面。Ajax 现有直接框架 AjaxPro，可以引入 AjaxPro.2.dll 文件，可以直接在前台页面 JavaScript 调用后台页面的方法。但此框架与[表单验证][Link 3]有冲突。另外[微软][Link 4]也引入了 Ajax 组件，需要添加AjaxControlToolkit.dll 文件，可以在控件列表中出现相关控件。

1.  1.  JavaScript 运行模式：

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.1是一种解释性脚本语言（代码不进行[预编译][Link 5]）。

1.2主要用来向[HTML][]（[标准通用标记语言][Link 6]下的一个应用）页面添加交互行为。

1.3可以直接嵌入HTML页面，但写成单独的[js][]文件有利于结构和行为的[分离][Link 7]。

1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如[Windows][]、[Linux][]、[Mac][]、[Android][]、[iOS][]等）。

1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和[算术运算符][Link 8]及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1.   系统分析
    
    1.   可行性分析

在软件开发的过程中系统的可行性分析是必不可少的，可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点，还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性，操作的可行性，经济的可行性对我们的系统进行可行性的研究。图书管理小程序的可行性分析如下所示：

1.  1.  1.   技术可行性

图书管理小程序采用的是Node编程语言并于Koa框架，数据库部分采用的是当前流行的MYSQL数据库，图书管理小程序中的所有数据资源都存储在Mysql数据库中，本系统多处采用了AJAX的异步操作，AJAX技术可以对用户指定部分的数据进行局部刷新，不仅减少了服务器对页面的解析而且极大增加了用户的体验度。。

1.  1.  1.   经济可行性

图书管理小程序是在Mysql的环境中运行的，而系统的成本也只是主要分布在软件的开发和维护上。但如果系统上线投入使用之后，不仅可以方便人们，还节省了用户的时间和精力，而且还极大限度的方便了运营者，减少了运营者的工作强度。图书管理小程序其实也不太复杂，在开发的时候经济支出也不大，在开发系统时时间用的也不多，从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本，所以开发此系统是可行合适的。

1.  1.  1.   操作可行性

本系统是基于浏览器和服务器的图书管理小程序，系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了，在没有操作指导的情况下也可以进行操作，无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的，因此只要电脑在有网络的情况下，打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置，因此本系统方便、简单、易于使用，所以该系统是容易并且可操作的。

1.  1.   需求分析

根据用户对系统的需求，要求系统简单操作，能够准确，完整的对信息进行管理。图书管理小程序在对需求做解析后，整个系统主要分为两个部分：管理员和普通用户，每个模块下的分支功能不一样。对功能做出如下说明：

管理员模块：系统用户管理、新闻数据管理、用户注册管理、类别管理、图书管理、图书借阅管理、归还管理、图书资讯管理。

用户模块：个人资料管理、图书论坛、还书操作、图书查看、图书借阅、图书子资讯等。

系统用例图如下所示。

![5a9adac11ccf45759db65012cbaa73d7.png][]

图3-1系统用例图

根据用例图，对一些重要的用例进行描述。

注册用例描述如下表所示。

表3-1 注册用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写相关信息完成注册成为系统的用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写相关信息并用户账号可用 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">用户点击注册按钮</li> 
 <li style="text-align:justify;">用户填写相关信息</li> 
 <li style="text-align:justify;">用户确认并提交信息</li> 
 <li style="text-align:justify;">系统提示注册成功</li> 
 </ol></td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">系统检测用户所输信息如不符合要求则提示并返回注册界面</li> 
 <li style="text-align:justify;">系统检测用户所输账号不可用或已存在则提示并返回注册界面</li> 
 </ol></td> 
 </tr> 
 </tbody> 
</table>

登录用例描述如下表所示。

表3-1 登录用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写用户名和密码登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户名和密码正确 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）用户在登录页面输入用户名和密码 （2）系统检测用户输入的用户名和密码 （3）显示登录成功并返回主页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）系统检查除密码不正确，返回登录页面 </td> 
 </tr> 
 </tbody> 
</table>

个人信息管理用例描述如下表所示。

表3-1 个人信息管理用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 管理个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户查看、修改个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）用户查看个人信息 （2）用户修改个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）用户可修改密码 （b）用户可修改联系方式 </td> 
 </tr> 
 </tbody> 
</table>

图书借阅用例描述如下表所示。

表3-1 图书借阅用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 图书借阅 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户执行图书借阅操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 该图书存在，并且能被借阅 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）在图书页点击要借阅的图书 （2）填写图书借阅数据 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）图书借阅表单数据不能为空 </td> 
 </tr> 
 </tbody> 
</table>

图书归还用例描述如下表所示。

表3-1 图书归还用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 图书归还 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户执行图书归还操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 该图书存在，并且能被归还 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）在图书页点击要归还的图书 （2）填写图书归还数据 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）图书归还表单数据不能为空 </td> 
 </tr> 
 </tbody> 
</table>

图书用例描述如下表所示。

表3-1 图书用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 图书管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户提供新增、修改、删除、查阅等功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">用户成功登录系统</li> 
 <li style="text-align:justify;">用户只能对已存在的图书进行修改和删除</li> 
 </ol></td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> (1)用户查看修改图书 (2)用户添加图书 (3)用户删除图书 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> (a)新添加的图书不符合要求时会添加失败 (b)修改的图书不符合要求时会修改失败 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   系统业务流程分析

图书管理小程序的业务流程如下图所示。

![670d049bc14e48ad97307b48054aebae.png][]

图3-3 系统业务流程图

管理员拥有最高权限，在对各项信息进行增加、删除、修改后会更新后台数据库的内容，用户在登录进行图书查看、图书借阅、个人资料管理、借阅记录查询、还书操作等指令动作同样会更新后台数据。

1.  1.   系统数据流程分析

与强调控制逻辑的程序流程图不同，它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程，是对数据规格的说明。也正因如此，系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。

图书管理小程序的顶层数据流如下图所示。

![0dc84d29780c48dc86135f882f635f7c.png][]

图3-4系统顶层数据流程图

系统顶层数据流：外部实体为用户，第一个流程为登录验证，用户信息表返回密码验证，是否正确，正确则登录系统，错误则反馈信息，登录系统后，根据不同用户的功能选择，来读写数据库。

系统底层数据流如下图所示。

![828aa72caa734433abc96bf83bbdcb6e.png][]图3-5系统底层数据流图

系统底层数据流：外部实体为管理员和普通用户，数据流分别有管理员和普通用户流向系统数据流程，数据表提供数据支持，来完成逻辑操作。

1.   系统设计
    
    1.   系统架构设计

由于本系统在逻辑事务处理方面对数据库的操作比较频繁所以系统在底层连接数据库封装之后相当于一个连接数据库的工具DB UTIL，这样使用起来会更加方便而且这样进行封装还可以降低系统中代码的冗余，当我们需要连接和使用数据库时只需要调用这个工具里面的一个方法就可以了。而且通过封装可以把对数据库的操作独立起来，当需要连接不同种类的数据库时只需要加以修改就可以达到目的。

DAO层本来并无这个类，它只是Python中MVC构造里的一个model概念，主要就是里面的一些方法，而这些方法就是用来访问数据库的方法。我们在软件开发时DAO层我们一般都放接口和接口的实现类，用于来规范实现类的我们叫它接口，实现类重点用于对数据库的操纵。

MVC是一种系统研发的关键模型，M是Model模型，它是系统内部关键程序运行的核心，主要进行对数据库的各种操作。视图View是V也叫做视图，主要的作用是对一些数据进行显示。控制器Controller 是C执行从View的视图层来读取数据，然后控制用户的输入。

![83ab8e93fe584839a6c9389095087742.png][]

图4-1系统架构图

1.  1.   系统功能结构

进入系统后首先要进行登录，验证你的身份，赋予你不同的权限。当你成功登录后，页面会有多个板块，分别是系统用户管理、用户注册管理、图书资讯管理、图书管理、借阅管理、还书管理。里面界面简单易懂，根据标示可以直接进行方便快捷的操作。

系统功能结构图如下所示。

![52932d75df5c4938a9d2c4699ea119cf.png][]

图4-1系统功能结构图

1.  1.   功能模块设计

管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能，包括：

管理员录入管理员账户基本信息；

管理员更新、增加及删除管理员账户基本信息；

用户根据管理员账户 ID 查询基本信息；

系统管理员更改个人密码；

图书借阅的基本信息管理。主要是提供图书借阅的基本信息录入、维护和查询功能，包括：

用户录入图书借阅基本信息；

用户更新、增加及删除图书借阅基本信息；

用户根据图书借阅 ID 查询图书借阅基本信息；

图书归还的基本信息管理。主要是提供图书归还的基本信息录入、维护和查询功能，包括：

用户录入图书归还基本信息；

用户更新、增加及删除图书归还基本信息；

用户根据图书归还 ID 查询图书归还基本信息；

图书的基本信息管理。主要提供图书的基本信息录入、删除、维护和查询功能， 包括：

管理员录入图书信息；

管理员更新、增加图书基本信息；

管理员根据图书 ID 查询图书基本信息；

用户根据个人信息导航栏查询图书信息；

1.  1.   数据库设计

一个好的系统它的后台数据库一定要考虑的全面，这和我们建造房子一个概念，房子不是随心所欲建起来的，一切都是在合理设计的基础是实现的，地基打牢固了房子才能建的更高。数据库如果设计的很合理，而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。

1.  1.  1.   概念模型设计

本系统在数据库中存放了多张表，分别是用户表、图书表、借阅表、归还表。

系统的主要实体间关系E-R图如下图所示。

![26acbc96fe4a4084ac881c8839ac3468.png][]

图4-7系统E-R图

1.  1.  1.   逻辑结构设计

此环节把概念转变成数据。由于整个数据库所处理的信息过多，就只展示几个表。

<table style="margin-left:4.65pt;width:324pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#d0cece;width:54pt;"> 名称 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 类型 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 长度 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 不是null </td> 
 <td style="background-color:#d0cece;width:54pt;"> 主键 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> book_borrowing_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td> 图书借阅ID </td> 
 </tr> 
 <tr> 
 <td> borrowing_no </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 借阅编号 </td> 
 </tr> 
 <tr> 
 <td> book_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 图书编号 </td> 
 </tr> 
 <tr> 
 <td> book_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 图书名称 </td> 
 </tr> 
 <tr> 
 <td> borrowing_quantity </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 借阅数量 </td> 
 </tr> 
 <tr> 
 <td> start_date </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 开始日期 </td> 
 </tr> 
 <tr> 
 <td> contact_number </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 联系电话 </td> 
 </tr> 
 <tr> 
 <td> end_date </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 结束日期 </td> 
 </tr> 
 <tr> 
 <td> full_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 姓名 </td> 
 </tr> 
 <tr> 
 <td> borrower </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td> 借阅人 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> seat </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td> 座位号 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.65pt;width:413.95pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#d0cece;width:110.55pt;"> 名称 </td> 
 <td style="background-color:#d0cece;width:58.05pt;"> 类型 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 长度 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 不是null </td> 
 <td style="background-color:#d0cece;width:54pt;"> 主键 </td> 
 <td style="background-color:#d0cece;width:83.35pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> book_information_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:83.35pt;"> 图书信息ID </td> 
 </tr> 
 <tr> 
 <td> book_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 图书编号 </td> 
 </tr> 
 <tr> 
 <td> book_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 图书名称 </td> 
 </tr> 
 <tr> 
 <td> book_category </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 图书类别 </td> 
 </tr> 
 <tr> 
 <td> cover </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td> author </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 作者 </td> 
 </tr> 
 <tr> 
 <td> press </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 出版社 </td> 
 </tr> 
 <tr> 
 <td> loanable_quantity </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 可借阅数量 </td> 
 </tr> 
 <tr> 
 <td> book_introduction </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 图书简介 </td> 
 </tr> 
 <tr> 
 <td> hits </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> seat </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 座位号 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:83.35pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.65pt;width:413.5pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#d0cece;width:105.3pt;"> 名称 </td> 
 <td style="background-color:#d0cece;width:58.05pt;"> 类型 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 长度 </td> 
 <td style="background-color:#d0cece;width:54pt;"> 不是null </td> 
 <td style="background-color:#d0cece;width:54pt;"> 主键 </td> 
 <td style="background-color:#d0cece;width:88.15pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> book_return_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:88.15pt;"> 图书归还ID </td> 
 </tr> 
 <tr> 
 <td> borrowing_no </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 借阅编号 </td> 
 </tr> 
 <tr> 
 <td> book_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 图书编号 </td> 
 </tr> 
 <tr> 
 <td> book_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 图书名称 </td> 
 </tr> 
 <tr> 
 <td> borrowing_quantity </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 借阅数量 </td> 
 </tr> 
 <tr> 
 <td> borrower </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 借阅人 </td> 
 </tr> 
 <tr> 
 <td> return_date_ </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 归还日期 </td> 
 </tr> 
 <tr> 
 <td> remarks </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 备注 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> seat </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 座位号 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.15pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   数据库连接设计

该系统的数据库连接方法采用的是C3P0数据连接池的方法，C3P0是开源的JDBC连接池，jdbcURL是所创建的数据库，driverClass连接数据库驱动，user为用户名，password为用户密码，acquireIncrement当连接池中的连接耗尽的时候C3P0一次同时获取的连接数，initialPoolSize初始化连接池中的连接数，minPoolSize和maxPoolSize分别是连接池中保留的最小和最大连接数。C3P0的特点在于有自动回收空闲连接的功能。

1.   系统实现
    
    1.   登录模块的实现

该登录模块利用js进行设计，JavaScript函数CheckSubmit()对输入框是否为空进行验证，使用js的技术结合Mysql 2012数据库的查询语句进行登录信息的验证。首先从文本框中分别获得账号user\_name和密码user\_pw，将查询结果赋给rs结果集，若rs.next()返回值为空，表示数据库找不到该用户数据，若rs.next()返回值不为空，则显示登录成功，进入主界面。

用户登录流程图如下所示。

![58960e7f33a9439487392145e9561d89.png][]

图5\-1用户登录流程

用户登录流程：用户只有输入正确的用户名和密码才会成功进入系统，用户输入用户名密码后点击登录按钮，系统会进行校验该用户名是否存在，如果用户名与密码不匹配或者用户名不存在，则返回主界面。

系统登录界面如下图所示。

![2a329a7f706a427c98fe2679b5e9f90e.png][]

图5-2系统登录界面

1.  1.   用户子系统模块的实现
        
        1.   用户首页模块

在浏览器的地址栏里输入对应的地址，就可以跳转到图书管理小程序的首页，这里也是浏览者访问系统的入口。

首页载入流程图如下所示。

![de8eaa2825da4cb38fc341ad882f8614.png][]

图5\-3首页载入流程

首页载入流程：系统先连接数据库，显示界面参数初始化，读取数据库的数据表，显示前端样式，对数据按添加时间排序，按照模板设计位置显示数据，刷新显示界面，断开数据库连接。

首页如下图所示。

![fa00f0418d84437b8b2b71845a42908c.png][]

图5-4首页界面

1.  1.  1.   用户注册模块

系统的用户通过自行注册生成，在系统首页点击用户注册菜单，系统跳转到对应的注册页面。点击重置按钮，清空所填数据，点击注册按钮完成注册。

用户注册流程图如下所示。

![eacf9bf50d404d3cb6968cc417ac9c91.png][]

图5\-5用户注册流程

注册个人信息实现流程为：填写个人信息，系统使用JQuery选择器获取在网页中输入的注册信息，再对联系方式、登录密码等信息进行验证，验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台，然后验证用户名是否已存在，如果已存在则注册失败提示“用户名已存在”；如果用户表中没有该用户名则把用户信息加入数据库，把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数，然后解析返回的json字符串，系统根据返回信息弹出提示框，注册成功后返回登录页。

用户注册界面如下图所示。

![dd0f3fe089cb49e8aa70cedfb793d2e5.png][]

图5-6用户注册界面

1.  1.  1.   发表评论模块

用户给图书发布帖子进行评论，包括评论人，评论内容等，在评论模块实现评论的逻辑添加，管理员管理系统的所有评论信息，在列表p实现评论的管理。

评论流程图如下所示。

![ac03bbe1b6d24c9698911bb065571c4a.png][]

图5\-7信息评论流程

用户登录成功后，浏览资讯页面，输入评论语，添加该评论，修改评论，返回评论相关界面。

评论发表界面如下图所示。

![14b821383c694d46bba87227bbb38c39.png][]

图5-8评论发表界面

1.  1.  1.   图书借阅模块

管理员发布图书后，图书在系统前台显示，用户浏览图书信息，包括图书编号、图书名称、图书类别、作者、图书封面，选择相应的图书借阅，通过id传参，找到该图书，在图书借阅添加页提交借阅表单，生成借阅记录。

图书借阅流程如下图所示。

![ab5808372a884182802fb07e5bb2d16d.png][]

图5-9图书借阅流程

图书借阅界面如下图所示。

![0e739262d24c46688481546eda8887bb.png][]

图5-10图书借阅界面

1.  1.  1.   图书归还模块

管理员发布图书后，图书在系统前台显示，用户浏览图书信息，包括图书编号、图书名称、图书类别、作者、图书封面，选择相应的图书归还，通过id传参，找到该图书，在图书归还添加页提交归还表单，生成归还记录。

图书归还流程如下图所示。

![8b36a655c13048019789c5e431b9b1cc.png][]

图5-11图书归还流程

图书归还界面如下图所示。

![f1554a63fcda4a2ba5a53cedf750bb8c.png][]

图5-12图书归还界面

1.  1.   管理员子系统模块的实现
        
        1.   管理员主页模块

经过用户登录后，页面跳转至管理员功能模块页，本系统菜单包括1级菜单和2级菜单，使用jquery实现1级菜单展开为2级菜单。

主界面如下图所示。

![6fc67ada0f6d443aa541ef0aa68f8a5c.png][]

图5-13主界面

1.  1.  1.   系统用户管理模块

管理员对系统用户的管理，在列表实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，提交，使用sql命令更新密码。

用户管理界面如下图所示。

![f474a6fd0ba04b55973f3baa19296cc0.png][]

图5-14用户管理界面

1.  1.  1.   借阅管理模块

普通用户在系统前台后，数据库的借阅记录表生成借阅记录信息，管理员在图书借阅列表审核用户的借阅记录，审核通过，用户借阅成功，否则借阅失败。

借阅管理如下图所示。

![f306da6dce024b8aa2efda6ed1a4c541.png][]

图5-15借阅管理界面

1.  1.  1.   图书管理模块

管理员在tushuxinxi\_add.jsp发布图书，跳转至图书添加表单，提交图书信息，包括图书编号、图书名称、图书类别、作者、借阅状态、借阅次数、图书封面、是否下架等，图书提交后，数据库的图书信息表刷新数据，系统将图书信息展示出来。

图书管理的流程如所示。

![cde614a6e93d4ae3ac1288d9aade24d0.png][]

图5-16图书管理流程

图书信息添加的界面如所示。

![6eee7f6a1ea5415ea77e044d7e3a712c.png][]

图5-17图书信息添加界面

图书信息管理的界面如所示。

![10687c438b7c42bc858300328e27f16c.png][]

图5-18图书信息管理界面

新增一条数据，通过post传入一个json对象，然后经过request.getReader()，最后经过readBody()转成一个Map，含有String和Object，key用的是字段名，Object存放数据，最终得到Map，insert用拼装sql，读取body，组装成一个insert对象，runCountSql()语句

1.  系统测试
    
    1.   测试目的

在这个产品被投入使用前，首先需要进行试用，这是重要的环节。考虑到某个部分的开发没有缺陷情况下，把各种模块拼接，也有一定概率就存在矛盾。这就好比每个人都很独特，但聚在一起就显得杂乱无章，需要保证有默契的配合。对于测试，要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入，那么就需要做出一些调整，让最终的大方向朝着目标前进。

1.  1.   测试用例
        
        1.   登录测试

登录测试用例如下表所示。

表6-1登录测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="2" style="vertical-align:top;width:186.45pt;"> 输入 </td> 
 <td style="width:186.3pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 用户名 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 空 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 空 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名和密码不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> Kkk </td> 
 <td style="vertical-align:top;width:92.15pt;"> aaa </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名长度不允许，请重新输入！ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 2109402315 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 123456 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名出错，请重新输入！ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> sssss </td> 
 <td style="vertical-align:top;width:92.15pt;"> 123456 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名出错，请重新输入！ </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   注册测试

注册测试用例如下表所示。

表6-2注册测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:219.7pt;"> 输入 </td> 
 <td style="width:210.15pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 用户名 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 密码 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 确认密码 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 邮箱 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 空 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 空 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 用户名和密码不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> Kkk </td> 
 <td style="vertical-align:top;width:63.8pt;"> aaa </td> 
 <td style="vertical-align:top;width:63.2pt;"> aaa </td> 
 <td style="vertical-align:top;width:40.7pt;"> 23@qq.com </td> 
 <td style="vertical-align:top;width:210.15pt;"> 注册成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 210 </td> 
 <td style="vertical-align:top;width:63.8pt;"> aaa </td> 
 <td style="vertical-align:top;width:63.2pt;"> abc </td> 
 <td style="vertical-align:top;width:40.7pt;"> 23@qq.com </td> 
 <td style="vertical-align:top;width:210.15pt;"> 注册失败，两次密码不一致 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   图书管理测试

图书测试用例如下表所示。

表6-4添加图书测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:219.7pt;"> 输入 </td> 
 <td style="width:210.15pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 名称 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 类别 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 作者 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 备注 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 空 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 空 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 图书1 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 罗贯中 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 罗贯中 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，名称不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 图书2 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 罗贯中 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，请选择类别 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   图书借阅测试

图书借阅测试用例如下表所示。

表6-5图书借阅测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:219.7pt;"> 输入 </td> 
 <td style="width:210.15pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 名称 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 类别 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 借阅人 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 备注 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 空 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 空 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 图书1 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 111 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 111 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，名称不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 图书2 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 111 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 你好 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，请选择类别 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   测试结果

经过测试，得到测试结果如下表所示。

表6-6测试结果

<table> 
 <tbody> 
 <tr> 
 <td style="width:54pt;"> 序号 </td> 
 <td style="width:117.85pt;"> 测试项目 </td> 
 <td style="width:126pt;"> 内容和目的 </td> 
 <td style="width:118.15pt;"> 测试结果 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 用户登录 </td> 
 <td style="width:126pt;"> 输入正确用户名与密码 </td> 
 <td style="width:118.15pt;"> 可以登录 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误用户名与密码 </td> 
 <td style="width:118.15pt;"> 提示错误的信息 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 图书管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 修改登录密码 </td> 
 <td style="width:126pt;"> 修改新的密码 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 发表评论管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 借阅管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 归还管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 系统管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 </tbody> 
</table>

1.   总结与展望

本次毕业论文的主要是利用Node.js+Koa开发一个安全可靠，操作简易，同时具备业务可扩展的图书管理小程序。本文详细的论述了图书管理小程序的设计和开发，本系统的所有事务逻辑都是按照系统的需求分析进行设计的，系统有普通用户和系统管理员两种角色，本系统多处采用了Ajax的异步交互技术，同时它也叫异步交互技术，利用它我们可以让网页的局部进行数据刷新操作，Ajax和传统的数据更新技术大大增加了客户的体验程度，由于是对局部进行操作那么就减少了一些繁琐而又不必要的操作，减轻了服务器对页面解析的负担。

与其他系统相比，本系统有自身的优点，

例如：

（1）创新性强；

（2）业务逻辑性强，安全性高，在一些重要的功能模块需要通过审查之后才可使用；

当然也还有很多需要进一步改进的地方：

（1）系统大多数页面都是全局刷新，缺乏局部刷新，这将增加服务器的压力，如果有大量用户在同一时间段操作同一个功能模块，可能会导致查询缓慢；

## 参考文献 ##

\[1\]段学敏,高卫辉.高校图书管理与信息化结合途径初探\[J\].参花(下),2022(02):122-124.

\[2\]王小刚.互联网时代下的学校图书管理信息化建设\[J\].数字通信世界,2022(02):122-124.

\[3\]李鹏.新公共管理理念在高校图书管理中的创新应用\[J\].产业与科技论坛,2022,21(03):285-286.

\[4\]林辉.基于Java Web的渭南市大荔县图书管理小程序的设计与实现\[J\].电子设计工程,2021,29(24):155-158+163.

\[5\]李东阳.利用信息技术优势，做好图书管理工作\[J\].新课程,2021(50):216.

\[6\]冯晓娟.信息技术在图书管理中的运用研究\[J\].文化产业,2021(33):40-42.

\[7\]王丹.大数据时代公共图书馆图书管理的创新路径\[J\].传媒论坛,2021,4(22):146-148.

\[8\]罗莉霞,高何裕.基于B/S的高校图书管理与个性化推荐系统的设计与实现\[J\].技术与市场,2021,28(11):184-185.

\[9\]杜秋英.基于网络环境下公共图书馆图书管理的措施\[J\].科技资讯,2021,19(30):146-148.

\[10\]黄波.基于PHP+MySQL图书管理小程序设计与实现\[J\].信息与电脑(理论版),2021,33(19):124-126.

\[11\]何冰,刘瑞华.探索新媒体时代公共图书管理的有效途径\[J\].办公室业务,2021(19):172-173.

\[12\]岳晓玲.浅论信息化建设视角下的图书管理\[J\].文化产业,2021(25):85-87.

\[13\]曾莹珊.中职学校图书管理信息化建设的必要性与实现路径\[J\].新课程教学(电子版),2021(16):155-156.

\[14\]李燕.图书管理工作中存在的问题和解决措施\[J\].办公室业务,2021(15):161-162.

\[15\]张雪红.互联网时代图书管理信息化建设策略研究\[J\].中国高新科技,2021(14):39-40.

## 致谢 ##

经过几个月时间的努力终于完成了这篇文章，在文章的写作与研究的过程中遇到了很多困难，都在同学和老师的帮助下解决了。尤其非常感谢我最敬爱的老师，他对我进行了无私的指导和帮助，不厌其烦的帮助进行文章的修改。老师严谨的治学态度、渊博的学术知识、诲人不倦的敬业精神以及宽容的待人风范使我获益颇丰。此外，在校图书馆查找资料的时候，图书馆的老师也给我提供了很多方面的支持与帮助。在此，向帮助和指导过我的老师表示最衷心的感谢！感谢这篇文章所涉及到的各位学者。本文引用了数位学者的文献，如果没有各位学者的研究成果的帮助和启发，我将很难完成本篇文章的写作。感谢我的同学、朋友以及所在单位的同事，在我写文章的过程中给与了我很多素材和帮助，还在文章的撰写和排版过程中提供热情的帮助。同时，感谢我的室友对我的热心指导和帮助，经常有不懂之处都是大家在帮助我，才使得我比较顺利的完成了这篇文章。由于我水平有限，所写文章难免有不足之处，恳请各位老师和学友批评和指正！

> **免费领取本源代码，请关注点赞+私聊**

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/
[Link 2]: https://developers.weixin.qq.com/miniprogram/dev/framework/view/
[cd0fa04a34354d2cb527f2ae1beca80a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/598b0e6f015845b5913b2a7bca097de0.png
[HTTP]: https://baike.baidu.com/item/HTTP
[Google]: https://baike.baidu.com/item/Google
[Gmail]: https://baike.baidu.com/item/Gmail
[Link 3]: https://baike.baidu.com/item/%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81
[Link 4]: https://baike.baidu.com/item/%E5%BE%AE%E8%BD%AF
[Link 5]: https://baike.baidu.com/item/%E9%A2%84%E7%BC%96%E8%AF%91
[HTML]: https://baike.baidu.com/item/HTML
[Link 6]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80
[js]: https://baike.baidu.com/item/js/10687961
[Link 7]: https://baike.baidu.com/item/%E5%88%86%E7%A6%BB
[Windows]: https://baike.baidu.com/item/Windows
[Linux]: https://baike.baidu.com/item/Linux
[Mac]: https://baike.baidu.com/item/Mac/173
[Android]: https://baike.baidu.com/item/Android/60243
[iOS]: https://baike.baidu.com/item/iOS/45705
[Link 8]: https://baike.baidu.com/item/%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6/9324947
[5a9adac11ccf45759db65012cbaa73d7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e864396ee338492aae729a7d80b19832.png
[670d049bc14e48ad97307b48054aebae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2acf2117e17647fa88d02a5f5ded8afe.png
[0dc84d29780c48dc86135f882f635f7c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/671dd27574164d69b13b11f7b900c3c9.png
[828aa72caa734433abc96bf83bbdcb6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7fcd0958e45b4eb9811395ecee790c9a.png
[83ab8e93fe584839a6c9389095087742.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/51ff23bf9d3a477981f3e151f3ae12ae.png
[52932d75df5c4938a9d2c4699ea119cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2636ca040cb94c1fb448a5378e65db4d.png
[26acbc96fe4a4084ac881c8839ac3468.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a0b8d9eeec524dfea049d27821b218e8.png
[58960e7f33a9439487392145e9561d89.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a55cfb5a9c8a451bbd49d7f772ae2091.png
[2a329a7f706a427c98fe2679b5e9f90e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/208c780e0e3944f7abb7d52a4861fd8f.png
[de8eaa2825da4cb38fc341ad882f8614.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7436057e134c4343b9fa27c89b812c17.png
[fa00f0418d84437b8b2b71845a42908c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/63acd5c88b2a4dfabb9b108c9cd8231e.png
[eacf9bf50d404d3cb6968cc417ac9c91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a3571128a37d4f8199f957762b97ab69.png
[dd0f3fe089cb49e8aa70cedfb793d2e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/740e0648847a4f6ea4a46c4f3fc63125.png
[ac03bbe1b6d24c9698911bb065571c4a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a2ebade682d44a5ea92ddb5593ec10da.png
[14b821383c694d46bba87227bbb38c39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2a3e0f149af34303b696db3484213029.png
[ab5808372a884182802fb07e5bb2d16d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/0cd834f0557d45729f311a3a1b5a4e76.png
[0e739262d24c46688481546eda8887bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/44508826a33e460382a8829b0d1c4a89.png
[8b36a655c13048019789c5e431b9b1cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6001b133cc8543058ed301a2fdb771c6.png
[f1554a63fcda4a2ba5a53cedf750bb8c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5e4dddbcb2b34600bbde76eee72c3f1d.png
[6fc67ada0f6d443aa541ef0aa68f8a5c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/24b765f7b28845b28835b467f28a8058.png
[f474a6fd0ba04b55973f3baa19296cc0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/eea4309a14804e4b8e54c20a1c82b389.png
[f306da6dce024b8aa2efda6ed1a4c541.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/83032a3c620245f9a6789cb7c428ba68.png
[cde614a6e93d4ae3ac1288d9aade24d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/cc7883fd0c4d4c1fbef1e01a304e67d9.png
[6eee7f6a1ea5415ea77e044d7e3a712c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/019bfa2c11a3476ba9422208052ee03b.png
[10687c438b7c42bc858300328e27f16c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b2ff2e7398f54c45b99a191324da7d3e.png