跟我学Springboot开发后端管理系统1：概述

- 日理万妓 2023-02-13 11:26 124阅读 0赞

## 前言 ##

Matrxi-Web是一个前后端分离的管理系统，前端采用vue开发框架，后端使用springboot开发框架，具体快速开发、简单可复用的特点。只要把整体框架搭建起来了，后面就只用写CRUD了。

Matrxi-Web具备基本的管理系统的基本功能，后端CRUD代码只需要配置好数据库，便可一键生成。

## 使用教程 ##

*  [跟我学Springboot开发后端管理系统1：概述][Springboot_1]
 *  [跟我学Springboot开发后端管理系统2：Mybatis-Plus实战][Springboot_2_Mybatis-Plus]
 *  [跟我学Springboot开发后端管理系统2：Mybatis-Plus实战2][Springboot_2_Mybatis-Plus_2]
 *  [跟我学Springboot开发后端管理系统4：数据库连接池Druid和HikariCP][Springboot_4_Druid_HikariCP]
 *  [跟我学Springboot开发后端管理系统5：数据库读写分离][Springboot_5]
 *  [跟我学Springboot开发后端管理系统6：缓存框架Caffeine][Springboot_6_Caffeine]
 *  [跟我学Springboot开发后端管理系统7：Matrxi-Web权限设计][Springboot_7_Matrxi-Web]
 *  [跟我学Springboot开发后端管理系统8：Matrxi-Web权限设计实现][Springboot_8_Matrxi-Web]

## 目录 ##

本项目一共有三个模块：

*  matrix-web-backend 后端代码模块
 *  matrix-web-admin 前端代码模块
 *  matrix-gen-code 后端代码生成模块

## 使用的技术栈 ##

### 后端模块 ###

*  Web框架：Spring Boot 2.0.3
 *  数据库ORM：Mybatis-Plus
 *  数据库读写分离：Sharding-JDBC
 *  数据库连接池：支持Druid、也支持Hikari
 *  缓存：Caffeine
 *  权限控制：AOP+注解
 *  日志输出：AOP+logback+MDC
 *  任务调度：Quartz
 *  工作流：activiti5.22.0，设计页面放在前端模块。、
 *  API管理：Swagger

### 前端模块 ###

*  前端框架：Vue
 *  网络框架：axios
 *  组件：element-ui
 *  路由：vue-router
 *  cookie技术：js-cookie

### 代码生产模块 ###

*  生产代码：Mybatis-Plus自带的代码生成

## 包含的功能 ##

Matrix-Web融合了开源界的优秀技术，旨在为开发者迅速搭建一个管理后端，默认包含了以下的功能：

*  用户管理
 *  角色管理
 *  菜单管理
 *  权限管理
 *  字段管理
 *  业务日志管理
 *  定时任务管理
 *  登录日志统计
 *  密码策略
 *  工作流管理

## 开发工具和环境 ##

*  JDK 1.8
 *  IDEA
 *  Webstorm
 *  node v10.16.0 ，npm v6.9.0

## 如何运行Matrix-Web ##

*  git clone git@github.com:forezp/matrix-web.git
 *  在MySQL数据库中创建数据库aries，初始化matyrix-web-backend/src/resource/sql的2个sql文件，依次执行task.sql、matrix-web.sql
 *  在application配置文件配置MySQL
 *  启动后端matrix-web-backend的Spring Boot工程
 *  Spring Boot工程执行成功之后，再执行sql文件夹中的ac522.sql，导入样例工作流数据
 *  前端模块需要安装ndoe.js、vue。然后进入matrix-web-admin目录下，执行以下步骤：
    
     *  运行 npm install --registry=https://registry.npm.taobao.org
     *  运行npm install --unsafe-perm node-sass
     *  运行npm run dev
     *  启动成功后访问 [http://localhost:9528][http_localhost_9528] ,登录，用户名密码:fangzhipeng/123456

## 项目截图 ##

系统管理页面：

![format_png][]

流程管理界面：

![format_png 1][]

任务管理界面：  
![format_png 2][]

运维管理界面：  
![format_png 3][]

## 鸣谢 ##

本项目的前端页面参考了[web-flash][]和[vue-element-admin][]，感谢二位前端大佬。

## 源码下载 ##

https://github.com/forezp/matrix-web

[Springboot_1]: https://www.fangzhipeng.com/springboot/2020/05/01/mw-summary.html
[Springboot_2_Mybatis-Plus]: https://www.fangzhipeng.com/springboot/2020/05/02/mw-mybatis-plus.html
[Springboot_2_Mybatis-Plus_2]: https://www.fangzhipeng.com/springboot/2020/05/03/mw-mybatis-plus2.html
[Springboot_4_Druid_HikariCP]: https://www.fangzhipeng.com/springboot/2020/05/04/mw-durid.html
[Springboot_5]: https://www.fangzhipeng.com/springboot/2020/05/05/mysql-rwp.html
[Springboot_6_Caffeine]: https://www.fangzhipeng.com/springboot/2020/05/06/mw-caffine.html
[Springboot_7_Matrxi-Web]: https://www.fangzhipeng.com/springboot/2020/05/07/mw-permission.html
[Springboot_8_Matrxi-Web]: https://www.fangzhipeng.com/springboot/2020/05/08/permission-done.html
[http_localhost_9528]: http://localhost:9528/
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zdGF0aWMuamF2YWppa2UuY29tL2ltZy8yMDIwLzA1L21hdHJpeC9tYXRyaXgtd2ViMDEucG5n?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zdGF0aWMuamF2YWppa2UuY29tL2ltZy8yMDIwLzA1L21hdHJpeC9tYXRyaXgtd2ViMDAyLnBuZw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zdGF0aWMuamF2YWppa2UuY29tL2ltZy8yMDIwLzA1L21hdHJpeC9tYXRyaXgtd2ViMDAzLnBuZw?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zdGF0aWMuamF2YWppa2UuY29tL2ltZy8yMDIwLzA1L21hdHJpeC9tYXRyaXgtd2ViMDA0LnBuZw?x-oss-process=image/format,png
[web-flash]: https://github.com/enilu/web-flash
[vue-element-admin]: https://panjiachen.github.io/vue-element-admin-site/zh/