【毕业设计】Spring Boot 和 Vue 的图书管理系统

摘要：本系统采用了浏览器/服务器架构进行设计，所使用的开发工具是IDEA，后端采用Java EE进行开发，前端采用Vue进行开发，数据库采用的是MySQL。本系统的角色主要包括超级管理员、管理员以及学生。对于超级管理员而言，主要是对学生借书证管理、管理员管理、图书类别管理以及图书信息统计等；对于管理员而言，主要是对图书信息管理、学生借还图书审核以及图书信息统计等；对于学生而言，主要是浏览图书信息和搜索图书信息、借阅图书信息和归还图书信息、查看个人借阅图书信息和个人归还图书信息等。

备注：需要基于 Spring Boot 和 Vue 以及 Element UI 开发的图书管理系统毕业设计源代码的朋友,可在博主主页资源页面进行下载，内附安装流程，根据安装步骤可成功调试运行。

1、开发工具

（1）开发工具：IDEA 2018
（2）数据库环境：MySQL 5
（3）可视化工具：Navicat Premium 15
（4）测试工具：postman
（5）建模工具：PowerDesigner15

2、功能模块

图书管理系统主要分为三个系统角色，分别是超级管理员、管理员和学生，其中超级管理员主要对学生借书证、管理员信息、图书类别和图书数据统计进行管理；管理员主要对图书信息、图书借阅、图书信息统计进行管理；学生主要是查询图书、借阅图书和归还图书等功能。各个功能模块下还具有对应的子功能模块，子功能模块为画出。

3、系统全局E-R图

在图书馆管理系统的数据库设计过程中，针对各个实体之间的关系，设计出本系统的全局E-R图，本系统有七个实体，则对应了七个数据表。

4、数据库连接代码

在连接数据库过程中，采用Spring Boot的application.yml配置进行数据库的连接，在application.yml配置文件中，包含了端口服务配置以及数据源信息。在数据源信息中包含了数据库连接驱动，以及数据库的连接账号与密码。

server:
  port: 8081
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/book?characterEncoding=utf-8&useSSL=false&serverTimezone=UTC
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver

5、系统功能展示

系统功能模块展示过程中，仅展示部分功能模块，系统已具有的所以功能模块都能够成功实现。

（1）系统角色登录系统的页面结果如下图所示：

（2）超级管理员分发学生借书证页面如下图所示：

（3）超级管理员可查看、修改和删除管理员信息的页面如下图所示：

（4）超级管理员修改删除查询图书类别信息的页面结果如下图所示：

（5）管理员可添加图书信息的页面结果如下图所示：

（6）管理员查看学生已借图书的页面结果如下图所示：

（7）管理员查看学生已归还图书页面结果如下图所示：

（8）管理员查看图书借阅排行榜页面结果如下图所示：

（9）学生浏览所有图书信息的页面结果如下图所示：

（10）学生按图书名称搜索图书信息的页面结果如下图所示：

（11）学生按图书类别查看所有图书信息的页面结果如下图所示：

（12）学生借阅图书申请的页面结果如下图所示：

（13）学生还书图书申请的页面结果如下图所示：

（14）学生查看个人曾经所借图书信息的页面结果如下图所示：