Spring Boot + Vue 图书馆管理系统(library-system)
本地快捷预览项目
第一步:运行 db 文件夹下的springboot-vue.sql
(询问作者获取),创建springboot-vue
数据库
第二步:修改后端数据库配置文件,启动后端
第三步:vue目录下:在cmd运行npm install,npm run serve ,浏览器访问localhost:9876
主要技术
SpringBoot、Mybatis-Plus、MySQL、Vue3、ElementPlus等
主要功能
管理员模块:注册、登录、书籍管理、读者管理、借阅管理、借阅状态、修改个人信息、修改密码
读者模块:注册、登录、查询图书信息、借阅和归还图书、查看个人借阅记录、修改个人信息、修改密码
主要功能截图
登录
登录支持两种用户角色:管理员和读者
输入正确的账号、密码后,系统会自动识别管理员或者用户,并跳转到相应主页。
展示板页面
管理员界面
图书管理
-
图书表格列表
-
添加图书
-
编辑图书
-
删除图书
读者管理
-
读者管理的增删查改类似图书管理,不再赘述
借阅管理
读者界面
读者信息
-
编辑个人信息
-
修改密码
点击修改密码按钮,修改密码
图书查询
借阅图书
归还图书
借阅记录
借阅状态
代码结构
前端
library-ui
├─api // api接口
├─assets // 资源文件
│ ├─icon // 图标
│ ├─img // 图片
│ └─styles // 样式
├─components // 自定义Vue组件
├─layout // 页面布局
├─router // Vue路由
├─utils // 工具函数
└─views // 页面
后端
maven项目结构
library-serve
├─java
│ └─com
│ └─admin
│ └─library
│ ├─common // 通用类
│ │ ├─base // 基础类
│ │ └─config // 配置类
│ ├─controller // 控制层
│ ├─domain // 实体类
│ ├─mapper // 持久层
│ └─service // 业务层
└─resources // maven资源配置
数据库
使用Navicat生成ER模型图