016 Spring Boot + Vue 图书管理系统

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等

主要功能

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

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

主要功能截图

登录

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

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

展示板页面

管理员界面

图书管理
  • 图书表格列表

  • 添加图书

  • 编辑图书

  • 删除图书

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

借阅管理
  • 借阅记录查询

  • 借阅记录编辑

    借阅状态

读者界面

读者信息
  • 编辑个人信息

  • 修改密码

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

图书查询
借阅图书


归还图书
借阅记录
借阅状态

代码结构

前端

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

后端

maven项目结构

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

数据库

使用Navicat生成ER模型图

相关推荐
我只会写Bug啊3 小时前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
橙子家4 小时前
Serilog 日志库简单实践(二):控制台与调试 Sinks(.net8)
后端
想不明白的过度思考者4 小时前
Rust——异步递归深度指南:从问题到解决方案
开发语言·后端·rust
陈果然DeepVersion5 小时前
Java大厂面试真题:Spring Boot+Kafka+AI智能客服场景全流程解析(五)
java·spring boot·kafka·向量数据库·大厂面试·rag·ai智能客服
FAFU_kyp5 小时前
Spring Boot 邮件发送系统 - 从零到精通教程
java·网络·spring boot
ConardLi6 小时前
Easy Dataset 已经突破 11.5K Star,这次又带来多项功能更新!
前端·javascript·后端
芒克芒克6 小时前
ssm框架之Spring(上)
java·后端·spring
晨晖26 小时前
SpringBoot的yaml配置文件,热部署
java·spring boot·spring
冒泡的肥皂6 小时前
MVCC初学demo(二
数据库·后端·mysql
追逐时光者6 小时前
一款基于 .NET WinForm 开源、轻量且功能强大的节点编辑器,采用纯 GDI+ 绘制无任何依赖库仅仅100+Kb
后端·.net