- 系统描述
该图书借阅系统是一个用于图书馆或类似机构管理图书借阅流程的在线平台。系统主要包括管理员模块和读者模块,分别提供相应的功能和权限。
- 管理员模块:
- 注册:允许管理员创建新的管理员账号。
- 登录:允许管理员使用账号和密码登录系统。
- 书籍管理:允许管理员添加、删除、修改图书信息。
- 读者管理:允许管理员添加、删除、修改读者信息。
- 借阅管理:允许管理员查看所有图书的借阅状态,并管理读者的借阅历史。
- 借阅状态:允许管理员修改已借出图书的状态,例如将已借出的图书设置为可借阅。
- 修改个人信息:允许管理员修改自己的个人信息。
- 修改密码:允许管理员修改自己的密码。
- 读者模块:
- 注册:允许读者创建新的读者账号。
- 登录:允许读者使用账号和密码登录系统。
- 查询图书信息:允许读者查看所有图书的信息。
- 借阅和归还图书:允许读者借阅和归还图书,并查看借阅历史。
- 查看个人借阅记录:允许读者查看自己的借阅记录。
- 修改个人信息:允许读者修改自己的个人信息。
- 修改密码:允许读者修改自己的密码。
2.技术简介
2.1技术栈:Sringboot + Mybatis + Vue2 + ElementPlus
SpringBoot: Spring Boot 是 Spring 开源组织下的子项目,是 Spring 框架的扩展,它可以让开发者更快速高效地创建基于 Spring 框架的应用。SpringBoot 可以自动配置 Spring 应用程序,并提供了一些便捷的功能,如嵌入式服务器、度量指标和健康检查、外部化配置等。
MyBatis: MyBatis 是一个优秀的持久层框架,它支持自定义 SQL、存储过程以及高级映射。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以使用简单的 XML 或注解来配置和映射原生信息,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。
Vue2: Vue.js 是一个构建用户界面的 JavaScript 框架。Vue.js 提供了一套声明式的、组件化的编程模式,使开发者能够更容易地管理复杂的单页应用。Vue 的核心库只关注视图层,易于上手,非常适合与第三方库或既有项目整合。
ElementPlus: Element Plus 是一个基于 Vue 3 的 UI 组件库,其组件风格现代,功能丰富,能够很好地满足复杂应用的需求。
图3.1E-R图
- 项目架构
后端:
springboot├─java
│ └─com
│ └─admin
│ └─library
│ ├─common // 通用类
│ │ ├─base // 基础类
│ │ └─config // 配置类
│ ├─controller // 控制层
│ ├─domain // 实体类
│ ├─mapper // 持久层
│ └─service // 业务层
└─resources // maven资源配置
前端:
library-ui
├─api // api接口
├─assets // 资源文件
│ ├─icon // 图标
│ ├─img // 图片
│ └─styles // 样式
├─components // 自定义Vue组件
├─layout // 页面布局
├─router // Vue路由
├─utils // 工具函数
└─views // 页面
- 效果截图
注册:
注册支持两种用户角色:管理员和读者
管理员注册码默认为1234
个人信息展示:
修改密码
管理员界面:
读者管理:
可以对通过用户的个人信息(id,用户名等)查询用户,也可以修改用户个人信息
读者管理
用户查询
修改用户信息
成功修改用户信息
图书管理:
可以对上架、查询、修改、删除图书
借阅管理:
可以对查询、删除图书、更新图书状态
借阅状态:
可以对查询、删除图书借阅次数、借阅状态等信息
读者界面:
图书查询:
借阅图书:
归还图书:
借阅信息:
借阅状态: