# 前后分离后台管理系统

**Repository Path**: lcz2000/backend-management-system

## Basic Information

- **Project Name**: 前后分离后台管理系统
- **Description**: 一款简单的前后分离后台管理系统-基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-05-17
- **Last Updated**: 2024-10-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 系统可用于

- 所有的Web应用程序。
- 网站管理后台。
- 网站会员中心。
- CMS。
- CRM。
- OA。
- 当然您也可以对它进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能

### 技术选型

#### 后端技术

- 基础框架：Spring Boot 2.7.18
- 持久层框架：Mybatis-Plus
- 安全框架：Apache Shiro 1.7
- 数据库连接池：HikariCP
- 缓存框架：Redis
- 日志管理：SLF4J、Log4j2
- 工具类：Apache Commons、Jackson、Xstream
- 接口文档：Swagger
- 数据库：MySQL 5.7
- 其他：fastjson、poi、p6spy、druid、quartz、lombok、jjwt、hutool、mapstruct、swagger-bootstrap-ui、knife4j

#### 前端技术

- 基础框架：Vue 2.6.14
- UI框架：Element-UI 2.15.1
- 富文本：tinymce
- 图表：echarts、v-charts
- 数据请求：Axios
- 路由管理：Vue-Router
- 状态管理：Vuex
- 其他：vue-print-nb、vue-cropper、vue-quill-editor、vue-clipboard2、vue-echarts-v3、vue-element-admin

### 内置功能

- [x] 用户管理：用户的管理配置。
- [x] 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
- [x] 角色管理：角色菜单权限分配。
- [x] 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
- [x] 参数管理：对系统动态配置常用参数。
- [x] 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
- [x] 登录日志：系统登录日志记录查询包含登录异常。
- [x] 在线用户：当前系统中活跃用户状态监控。
- [x] 接口资源：根据接口自动生成相关的api信息。
- [x] 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
- [x] 缓存监控：对系统的缓存信息查询，命令统计等。
- [x] 在线构建器：拖动表单元素生成相应的HTML代码。
- [x] 接口管理：动态分配角色接口权限。
- [x] 权限认证：增加接口管理，动态分配角色权限。
- [x] ORM框架：采用 Mybatis-Plus。
- [x] 数据分页：采用 Mybatis-Plus 分页插件。
- [x] 数据库主键：采用 雪花ID。
- [x] SQL监控：采用 p6spy 可输出完整SQL与执行时间监控。
- [x] 多数据源框架：dynamic-datasource。

### 项目结构

authority
├── admin -- 后台管理
├── common -- 公共模块
├── modular -- 业务模块
├── vue_lcz_admin -- 前端管理

### 项目启动

#### 后端启动

1. 创建数据库lcz，导入sql文件
2. 修改数据库配置文件application-dev.yml
3. 启动redis
4. 启动AuthorityApplication
5. Swagger文档：http://localhost:8160/swagger-ui/index.html

#### 前端启动

1. 安装node.js
2. 进入vue_lcz_admin目录
3. npm install
4. npm run dev
5. 浏览器访问 http://localhost:1024
6. 登录账号：admin 密码：lcz123
7. 打包命令：npm run build