文章来源：
https://mp.weixin.qq.com/s/Bh07zdPEMQZ-4XFrDS-Zqg
原文作者： forezp
前言
Matrxi-Web是一个前后端分离的管理系统，前端采用vue开发框架，后端使用springboot开发框架，具体快速开发、简单可复用的特点。只要把整体框架搭建起来了，后面就只用写CRUD了。
Matrxi-Web具备基本的管理系统的基本功能，后端CRUD代码只需要配置好数据库，便可一键生成。
使用教程
跟我学Spring Boot开发管理系统1：后端整体技术架构
目录
本项目一共有三个模块：
- 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 ,登录，用户名密码:fangzhipeng/123456
项目截图
系统管理页面：
流程管理界面：
任务管理界面：
运维管理界面：
鸣谢
本项目的前端页面参考了web-flash和vue-element-admin，感谢二位前端大佬。
对了，在这里说一下，我目前是在职Java开发，如果你现在正在学习Java，了解Java，渴望成为一名合格的Java开发工程师，在入门学习Java的过程当中缺乏基础入门的视频教程，可以关注并私信我：01。获取。我这里有最新的Java基础全套视频教程。