前言

在目前互联网需求萎缩,基于企业数字化与外包项目需求增长时代背景下.市面上大部分后台开发框架,仍然采用的是分布式,模块化,或者“炫技”的开发方式,导致结果就是项目结构臃肿,维护复杂且远离实际需求.youzhi是从实际业务需求的角度出发,打造的一款基于springboot,vue2.x,vue3.x适用于中小型项目简单易用的web快速开发框架.

项目介绍

特性介绍

• 用户角色权限管理,及单点登录功能
• 后台在线,离线消息通知功能
• 集成activity6工作流引擎,助力自身业务流程快速实现

项目结构

功能列表

技术栈

后端

前端VUE2.x

前端VUE3.x

演示图

vue2.x界面

• 登陆界面
• 单点登录,用户在一个浏览器登录,就会把另外浏览器登录同一个用户挤下线
• 离线消息,用户未读消息上线之后以徽标形式通知
• 数据概览,一般情况为统计拓扑图,这里留空根据实际业务自行填充
• 用户管理
• 修改用户信息,可以给用户分配多个角色
• 角色管理,给角色分配权限
• 组织部门,添加人员
• 工作流模版管理
• 历史工作流管理
• 接口文档

vue3.x界面

• 登陆界面
• 首页页面

快速开发指南

环境搭建

整个项目依赖jdk1.8,mysql5.7,redis7.0,kafka3.3服务,这些服务请自行部署安装,如果只是开发的话建议使用docker镜像,方便快捷.开发工具后端使用idea,前端使用vscode.或者用自己喜欢的开发工具亦可

代码生成器使用

只需要将mysql配置与outputDirectory修改为自己本机实际情况,传入需要生成代码的表名,运行main方法即可,main方法执行完毕会生成对应的entity实体类,xml,Dao,Service,Controller类

新增页面与权限校验的规范

新增页面以HisoryProcessInstanceManager.vue举例分为三步,第四步为权限校验的规范

1. 在前端项目components目录下(或者还可以新建一层目录)手动添加HisoryProcessInstanceManager.vue的页面,
2. 在index.js文件里面添加页面路由,注意code,对应的是后台用户的权限code,第三步会讲到
3. 在后台mysql数据表插入菜单记录,根据截图中的注释描述填写即可,privilegeCode与第二步的code要一致
4. 权限校验的规范分为前端和后端两部分,前端主要是以vue的v-if来控制,如果用户没有改权限code,则页面上直接不显示,后台则是以shrio注解的形式来进行拦截的.

• 前端权限校验
• 后台权限校验

新增websocket消息类型

后台向前端发送Websocket消息时,需要加上type字段(在后台MessageType枚举类定义),前端对不同的类型的消息进行不同的处理

activiti工作流使用简介

后台项目已经集成activiti工作流,将自定义的流程文件processes文件夹下,项目每次启动会自动部署该流程(没有改动则不会部署,有改动会生成一个最新的版本,创建工作流实例也是以最新的版本创建),使用activiti工作流需要了解工作流相关概念,项目里面提供一个请假的流程可以供参考,在Spring的test目录下也提供了工作流测试类,里面有工作流的基本使用方法.