# 基于SpringBoot+Vue的图书馆系统

**Repository Path**: l-cr/library-system

## Basic Information

- **Project Name**: 基于SpringBoot+Vue的图书馆系统
- **Description**: 图书馆系统
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 40
- **Forks**: 9
- **Created**: 2021-04-17
- **Last Updated**: 2025-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, Vue, MySQL, Element-UI, mybatis-plus

## README

# 图书馆系统（library-system）



## 本地快捷预览项目

第一步：运行 library-run 文件夹下的`library.sql`，创建`library`数据库，
>  **注：本地的用户名和密码必须都为：`root`，端口号：`3306`** 

第二步：双击 library-run 文件夹下的`start.cmd`，弹出的dos窗口不要关闭

第三步：浏览器访问`localhost:8080`，测试账号在下面



## 主要技术

SpringBoot、Mybatis-Plus、MySQL5.7、Vue2、ElementUI等



## 主要功能

管理员模块：登录、用户管理、读者管理、借阅记录管理

读者模块：登录、查询图书信息、借阅和归还图书、查看个人借阅记录、编辑个人信息



## 主要功能截图

### 登录

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

测试账号和密码如下：

| 角色   | 测试账号 | 测试密码 |
| ------ | -------- | :------: |
| 管理员 | admin    |  admin   |
| 读者   | reader   |  reader  |

![](images/login.png)



### 管理员登录

#### 管理员首页

![](images/dashboard.png)

#### 图书管理

1. 图书表格列表

   ![](images/a-book-list.png)

2. 添加图书

   ![](images/a-book-add.png)

3. 编辑图书

   ![](images/a-book-edit.png)

4. 删除图书

   ![](images/a-book-delete.png)



#### 读者管理

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

  ![](images/a-reader-list.png)

- 重置密码

  ![](images/a-reader-resetPwd.png)

#### 借阅管理

- 借阅记录查询

  ![](images/a-lendRecord-list.png)

- 借阅记录编辑

  ![](images/a-lendRecord-edit.png)

  

### 读者登录

#### 读者首页

![](images/r-dashboard.png)

#### 图书查询

![](images/r-book-list.png)

#### 借阅图书

![](images/r-book-lend1.png)

![](images/r-book-lend2.png)

#### 归还图书

![](images/r-book-return1.png)

![](images/r-book-return2.png)

#### 借阅记录

![](images/r-lendRecord-list.png)

#### 读者信息

- 编辑个人信息

  ![](images/r-profile-edit.png)

- 修改密码

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

  ![](images/r-profile-resetPwd.png)



## 代码结构

### 前端

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

![](images/library-ui.png)



### 后端

maven项目结构

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

![](images/library-serve.png)



## 数据库

**使用Navicat生成ER模型图**

![](images/db-model.png)