计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)

1,绪论

1.1 课题背景

随着现在科学技术的进步,人类社会正逐渐走向信息化,图书馆拥有丰富的文献信息资源,是社会系统的重要组成部分,在信息社会中作用越来越重要,在我国图书馆计算机等 信息技术的应用起步于 20 世纪 70 年代末期,随着改革开放的步伐的迅速发展,特别是 90 年代以后,我国图书馆信息网络建设取得了较大发展,图书馆信息化建设迈向了一个新台阶。

1.2 课题意义

图书管理系统是图书管理工作中不可缺少的部分,它的内容对于图书馆的管理员和使用者来说都至关重要。所以图书管理系统应该能够为管理员或读者提供充足的信息和快捷的数据处理手段。作为计算机应用的一部分,使用计算机对图书信息进行管理,具有手工管理所无法比拟的优点,如:检索迅速、查找方便、易修改、可靠性高、存储量大、数据处理快捷、保密性好、寿命长、成本低、便于打印等。这些优点能够极大地提高图书管理的效率,也是图书馆的科学化、正规化管理,与世界接轨的重要条件。因此,开发这样一套管理软件成为很有必要的事情。

2,主要技术

后端技术

技术 说明 官网
SpringBoot Web应用开发框架 https://spring.io/projects/spring-boot
SpringSecurity 认证和授权框架 https://spring.io/projects/spring-security
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
Druid 数据库连接池 https://github.com/alibaba/druid
JWT JWT登录支持 https://github.com/jwtk/jjwt
Lombok Java语言增强库 https://github.com/rzwitserloot/lombok
PageHelper MyBatis物理分页插件 http://git.oschina.net/free/Mybatis_PageHelper
Redis Key-Value数据库 https://redis.io/

前端技术

技术 说明 官网
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io
Axios 前端HTTP框架 https://github.com/axios/axios
v-charts 基于Echarts的图表框架 有源码 获取源码

3,系统设计

代码结构

前端

library-ui
├─api			// api接口
├─assets		// 资源文件	
│  ├─icon	 	// 图标
│  ├─img	 	// 图片
│  └─styles	 	// 样式
├─components	// 自定义Vue组件
├─layout		// 页面布局
├─router		// Vue路由
├─utils			// 工具函数
└─views			// 页面

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第1张图片

后端

maven项目结构

library-serve
├─java
│  └─com
│      └─admin
│          └─library
│              ├─common			// 通用类
│              │  ├─base		// 基础类
│              │  └─config		// 配置类
│              ├─controller		// 控制层
│              ├─domain			// 实体类
│              ├─mapper			// 持久层
│              └─service		// 业务层
└─resources	// maven资源配置

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第2张图片

数据库

使用Navicat生成ER模型图

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第3张图片

4,主要功能

管理员模块:注册、登录、书籍管理、读者管理、借阅管理、借阅状态、修改个人信息、修改密码

读者模块:注册、登录、查询图书信息、借阅和归还图书、查看个人借阅记录、修改个人信息、修改密码

4,界面展示

登录

登录支持两种用户角色:管理员和读者

输入正确的账号、密码后,系统会自动识别管理员或者用户,并跳转到相应主页。

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第4张图片

展示板页面

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第5张图片

管理员界面

图书管理

  • 图书表格列表

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第6张图片

  • 添加图书

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第7张图片

  • 编辑图书

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第8张图片

  • 删除图书

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第9张图片

读者管理

  • 读者管理的增删查改类似图书管理,不再赘述

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第10张图片

借阅管理

  • 借阅记录查询

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第11张图片

  • 借阅记录编辑

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第12张图片

    借阅状态

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第13张图片

读者界面

读者信息

  • 编辑个人信息

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第14张图片

  • 修改密码

    点击修改密码按钮,修改密码

    计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第15张图片

图书查询

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第16张图片

借阅图书

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第17张图片

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第18张图片

归还图书

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第19张图片

借阅记录

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第20张图片

借阅状态

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)_第21张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,spring,boot,vue.js,java,毕业设计,vue,node.js)