基于Springboot + vue3实现的图书管理系统

86 阅读3分钟

项目描述

本系统包含管理员、读者两个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 配置管理:管理系统配置参数,如轮播图的路径等。
  3. 权限管理:分配和管理不同角色的权限。
  4. 图书借阅管理:管理图书借阅信息,包括查看、修改、删除和审核借阅记录。
  5. 轮播图管理:管理轮播图信息,包括新增、查看、修改和删除轮播图。
  6. 座位信息管理:管理阅览室座位信息,包括新增、查看、修改、删除和查看评论。
  7. 图书分类管理:管理图书分类信息,包括新增、查看、修改和删除图书分类。
  8. 图书归还管理:管理图书归还信息,包括查看、修改、删除和审核归还记录。
  9. 座位预约管理:管理座位预约信息,包括查看、修改、删除和审核预约记录。
  10. 图书信息管理:管理图书信息,包括新增、查看、修改、删除和查看评论。
  11. 系统公告管理:管理系统公告信息,包括新增、查看、修改和删除公告。
  12. 在线留言管理:管理在线留言信息,包括新增、查看、修改、删除和回复留言。
读者角色:
  1. 我的收藏管理:管理我的收藏信息,包括查看和删除收藏记录。
  2. 图书归还管理:管理图书归还信息,包括查看、修改和删除归还记录。
  3. 座位预约管理:管理座位预约信息,包括查看、修改和删除预约记录。
  4. 图书借阅管理:管理图书借阅信息,包括查看、修改、删除和归还借阅记录。
  5. 系统公告管理:查看系统公告信息。
  6. 图书信息管理:查看图书信息,包括查看评论和借阅图书。
  7. 阅览室信息管理:查看阅览室信息,包括查看评论和预约座位。
  8. 在线留言管理:新增和查看在线留言信息。

技术选型

开发工具:Idea + Vscode
运行环境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14
服务端技术:SpringBoot + Mybatis-Plus + Maven
前端技术:Vue3 + Axios + Element-UI

系统截图

1.首页

图片

2.系统公告

图片

3.图书信息

图片

4.阅览室信息

图片

5.在线留言

图片

6.后台登录

图片

7.轮播图管理

图片

8.阅览室信息管理

图片

9.图书分类管理

图片

10.图书归还管理

图片

11.座位预约管理

图片

12.图书信息管理

图片

13.读者管理

图片

14.系统公告管理

图片

15.在线留言管理

图片

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息(用户名/密码/库名)

启动后端服务

进入后端项目(/server_code) 执行:

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录(/manage_code或者/client_code
执行安装命令:

npm install

启动前端服务

执行启动命令:

npm run serve 

访问系统

后端接口系统访问地址:
http://localhost:8080
后台系统前端访问地址:
http://localhost:8081
前台系统前端访问地址:
http://localhost:8082

常见问题

端口冲突
  • 修改后端配置文件application.yml
  • 修改前端配置文件vue.config.js
前端安装依赖失败
  • 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
  • 清除缓存
npm cache clean --force
  • 切换npm镜像源
npm config set registry https://registry.npmmirror.com