# librarysystem **Repository Path**: homeless20/librarysystem ## Basic Information - **Project Name**: librarysystem - **Description**: 一个前后端分离的图书管理系统 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-04-26 - **Last Updated**: 2026-04-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README <<<<<<< HEAD # 图书管理系统 一个基于 Vue3 + ElementUI + Spring Boot + MySQL 的图书管理系统。 ## 技术栈 - 前端:Vue 3 + ElementUI Plus + Vue Router + Axios - 后端:Spring Boot 3.2 + Spring Data JPA + Spring Security - 数据库:MySQL ## 项目结构 ``` LibrarySystem/ ├── library-system-backend/ # 后端项目 │ ├── src/main/java/com/library/ │ │ ├── controller/ # 控制器层 │ │ ├── service/ # 服务层 │ │ ├── repository/ # 数据访问层 │ │ ├── entity/ # 实体类 │ │ └── config/ # 配置类 │ ├── src/main/resources/ │ │ ├── application.yml # 应用配置 │ │ └── schema.sql # 数据库初始化脚本 │ └── pom.xml # Maven 配置 │ └── library-system-frontend/ # 前端项目 ├── src/ │ ├── api/ # API 接口 │ ├── router/ # 路由配置 │ ├── utils/ # 工具函数 │ ├── views/ # 页面组件 │ │ ├── admin/ # 管理员页面 │ │ ├── user/ # 普通用户页面 │ │ ├── Login.vue # 登录页面 │ │ ├── Register.vue # 注册页面 │ │ ├── AdminLayout.vue # 管理员布局 │ │ └── UserLayout.vue # 普通用户布局 │ ├── App.vue # 根组件 │ ├── main.js # 入口文件 │ └── style.css # 全局样式 ├── index.html # HTML 入口 ├── vite.config.js # Vite 配置 └── package.json # 依赖配置 ``` ## 功能特性 ### 普通用户 - 用户登录/注册 - 查看图书列表 - 搜索图书 - 借阅图书 - 查看我的借阅 - 归还图书 ### 管理员 - 图书管理(增删改查) - 用户管理(增删改查) - 借阅管理(查看所有借阅记录、确认归还) ## 快速开始 ### 环境要求 - JDK 17+ - Node.js 18+ - MySQL 8.0+ - Maven 3.6+ ### 后端启动 1. 创建 MySQL 数据库: ```sql CREATE DATABASE library_system DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; ``` 2. 修改数据库配置(如需要): 编辑 `library-system-backend/src/main/resources/application.yml`: ```yaml spring: datasource: url: jdbc:mysql://localhost:3306/library_system username: root password: root # 修改为你的数据库密码 ``` 3. 启动后端服务: ```bash cd library-system-backend mvn spring-boot:run ``` 后端服务将在 http://localhost:8080 启动 ### 前端启动 1. 安装依赖: ```bash cd library-system-frontend npm install ``` 2. 启动开发服务器: ```bash npm run dev ``` 前端将在 http://localhost:3000 启动 ### 默认账号 - 管理员: - 用户名:`admin` - 密码:`admin123` - 普通用户: - 用户名:`user` - 密码:`user123` ## API 接口 ### 用户相关 - `POST /api/users/login` - 用户登录 - `POST /api/users/register` - 用户注册 - `GET /api/users` - 获取所有用户 - `GET /api/users/{id}` - 根据ID获取用户 - `POST /api/users` - 创建用户 - `PUT /api/users/{id}` - 更新用户 - `DELETE /api/users/{id}` - 删除用户 ### 图书相关 - `GET /api/books` - 获取所有图书 - `GET /api/books/{id}` - 根据ID获取图书 - `GET /api/books/search?keyword=xxx` - 搜索图书 - `GET /api/books/available` - 获取可借图书 - `POST /api/books` - 创建图书 - `PUT /api/books/{id}` - 更新图书 - `DELETE /api/books/{id}` - 删除图书 ### 借阅相关 - `GET /api/borrows` - 获取所有借阅记录 - `GET /api/borrows/{id}` - 根据ID获取借阅记录 - `GET /api/borrows/user/{userId}` - 获取用户的借阅记录 - `POST /api/borrows` - 创建借阅记录(借书) - `PUT /api/borrows/{id}/return` - 归还图书 - `DELETE /api/borrows/{id}` - 删除借阅记录 ## UI 设计风格 本系统采用**极简UI设计风格**: - 清新的配色方案(主色调:紫色渐变) - 简洁的卡片布局 - 统一的间距和圆角 - 优雅的动画过渡 - 清晰的视觉层次 ======= # librarysystem #### 介绍 一个前后端分离的图书管理系统,完成普通用户登录借书还书,管理员用户对书籍进行增删改查,对普通用户信息进行管理。 #### 软件架构 软件架构说明 #### 安装教程 1. xxxx 2. xxxx 3. xxxx #### 使用说明 1. xxxx 2. xxxx 3. xxxx #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/) >>>>>>> origin/master