Skip to content

forezp/matrix-web

Repository files navigation

Matrix-Web

前言

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

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

使用教程

目录

本项目一共有三个模块:

  • 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,此时不导入ac522.sql。
  • 在application配置文件配置MySQL,修改logback.xml的LOG_HOME的目录。
  • 修改quartz.properties的mysql的链接配置。
  • 启动后端matrix-web-backend的Spring Boot工程
  • Spring Boot工程执行成功之后,再执行sql文件夹中的ac522.sql,导入样例工作流数据
  • 前端模块需要安装ndoe.js、vue。然后进入matrix-web-admin目录下,执行以下步骤:

项目截图

系统管理页面:

流程管理界面:

任务管理界面:

运维管理界面:

鸣谢

本项目的前端页面参考了web-flashvue-element-admin,感谢二位前端大佬。

源码下载

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