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模型图

相关推荐
小蒜学长7 分钟前
vue旅游攻略网站(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端·旅游
凤山老林15 分钟前
轻量级规则引擎落地:Spring Boot 集成 LiteFlow 实现动态业务编排与热更新
java·spring boot·后端·规则引擎·liteflow
IT_陈寒20 分钟前
Python装饰器把我坑惨了,原来这样用才不掉链子
前端·人工智能·后端
程序员爱钓鱼39 分钟前
Rust Associated Type关联类型详解:为Trait定义内部类型
前端·后端·rust
程序员爱钓鱼42 分钟前
Go 编程实战:匿名函数 Anonymous Function——没有名字的函数与灵活回调
后端·面试·go
卷无止境1 小时前
FastAPI 后台任务的边界,以及 Celery、Redis 与自建调度系统的选择
后端·python
卷无止境1 小时前
Linux + Docker + FastAPI 工程化实践指南
后端·python·fastapi
AI绘画哇哒哒10 小时前
【建议收藏!】35岁后端血泪忠告,这3类人别硬转Agent(过来人亲述)
java·人工智能·后端·ai·程序员·大模型·agent
唐青枫11 小时前
一个值多种形态:Zig union、Tagged Union 与内存布局实战
后端
卷无止境11 小时前
Windows 上丝滑开发 Python,并稳定构建 Docker 镜像
后端·python·docker