原创

实战Spring Boot + Vue 集成 Activiti 工作流引擎 | 双模式简单 & 自定义审批平台

温馨提示:
本文最后更新于 2025年07月29日,已超过 45 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

前言
随着企业数字化转型的推进,各类审批、表单和流程管理需求不断增加。基于 Spring Boot 与 Vue 前后端分离架构,结合 Activiti 强大的流程引擎,我们打造了一套既开箱即用又高度可定制的工作流解决方案。本项目已在多家 ERP、OA、HR、CRM 系统中稳定运行,为日常业务流程审批提供了高效、灵活的支撑。

一、项目技术栈

  • 后端:Spring Boot 、MyBatis、Activiti
  • 前端:Vue + Vue Router + Vuex + Element
  • 持久层:MySQL、Redis
  • 其他:Maven/Gradle 构建、Docker 容器化部署、Nginx 反向代理

二、主要功能概览

  1. 流程模型在线绘制

    • 通过 Activiti Modeler 在浏览器中拖拽节点、配置网关条件
    • 支持子流程、并行与排他网关、自定义脚本任务
  2. 流程部署与版本管理

    • 一键发布最新模型,在线查看历史版本
    • 快速回滚至指定版本
  3. 审批节点配置

    • 支持按角色、指定人员、部门负责人、发起人上级等多种审批人策略
    • 可配置节点表单与表单变量,动态渲染审批界面
  4. 表单设计与关联

    • 可视化表单设计器,内置常用控件(文本、日期、数字、附件)
    • 表单与流程强关联,数据自动传递
  5. 流程运行监控

    • 实时流程图追踪,高亮当前节点
    • 支持流程挂起、重启、撤回、拒绝到任意节点
  6. 消息通知

    • 支持站内信、邮件、短信、钉钉、企业微信多通道
    • 按流程节点优先级分「普通」「重要」「紧急」投递

三、核心优势

1. 双模式流程支撑

  • 简单模式

    • 预置典型审批场景(请假、报销、合同审批等),零学习成本
    • 在后台仅需填写表单字段与审批人,点击「启用」,即可生成完整工作流
  • 自定义模式

    • 完全自主绘制 BPMN 流程图,网关条件、并行分支、子流程随心定义
    • 审批按钮、表单与流程图一一映射,灵活应对复杂多变的业务流转
    • 兼容全部简单模式功能,并可按需扩展自定义脚本与事件监听

2. 插件式通知与扩展

  • 模块化消息插件,轻松接入第三方平台(钉钉、企业微信、邮件、短信)
  • 支持自定义事件钩子,业务系统可在流程执行前后插入任意逻辑

3. 高可用与可伸缩

  • Redis 缓存与数据库读写分离,提升并发处理能力
  • Docker + Kubernetes 部署,支持水平扩展与自动弹性伸缩

4. 完善的运维监控

  • 集成 Prometheus + Grafana,实时采集流程引擎与应用指标
  • 流程执行日志可追溯,方便审计与问题排查

四、示例流程演示

  1. 创建流程模型

    • 进入「流程建模」页面,拖拽开始节点、网关、审批任务
    • 为分支连线添加条件表达式(例如 ${amount>10000}
  2. 节点配置与表单关联

    • 在「流程配置」中,为节点指定审批人策略
    • 关联「费用报销」表单,设置字段权限
  3. 流程启动与审批

    • 发起报销单,填写金额、项目编号、附件等
    • 系统依据条件路由至「部门经理→财务主管」顺序审批
    • 审批过程中,可随时撤回至发起人或回退至任意历史节点
正文到此结束
本文目录