【毕业设计】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)学生查看个人曾经所借图书信息的页面结果如下图所示: