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

2020/05/01

Matrix-Web

前言

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-flashvue-element-admin,感谢二位前端大佬。

源码下载

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

本文为原创文章,转载请标明出处。
本文链接:https://www.fangzhipeng.com/springboot/2020/05/01/mw-summary.html
本文出自方志朋的博客


(转载本站文章请注明作者和出处 方志朋-forezp

宝剑锋从磨砺出,梅花香自苦寒来,用心分享,一起成长,做有温度的攻城狮!

Post Directory