零代码搭建企业级审批流：JSON存储+拖拽设计，这款工作流引擎有点东西

PLC技术网抖音群

前言

做后台系统，审批流这块几乎绕不开。

以前用Activiti或者Flowable，功能确实强，但光建表就几十张，配个流程还得画BPMN图，学习成本不低。本文分享一个国产开源项目，第一感觉是"轻"——整个数据库只有8张表，流程定义用JSON存，设计流程全靠拖拽。刚好最近有个小项目要用审批，就拿它试了试，跑下来挺顺畅，写篇东西记录一下。

项目介绍

一款国产开源的工作流平台，官方给它的定位是"轻量、快速"。它既可以独立作为在线办公系统用，也能当工作流引擎嵌到别的业务系统里。

比较接地气的一点是，它把国内办公常见的审批玩法都支持了：退回、跳转、驳回、前加签、后加签，这些"中国式流程"开箱即用。

项目地址：https://gitee.com/yang-jiong/esflow-ui

演示地址：http://120.79.67.190:8002/#/login（账号admin，密码Super@2023）

项目功能

登录与权限控制：基于SaToken做的身份认证和会话管理

表定义与字段配置：支持动态创建业务数据表，字段类型包括文本、数字、日期、下拉框等

表单管理：可视化拖拽设计表单，支持编辑、预览、发布

流程定义：通过图形化编辑器拖拽节点，配置审批路径和分支条件

工单管理：发起申请、查看待办/已办任务

流程跟踪：实时查看流程图进度，以时间轴展示审批过程

催办：支持对长时间未处理的任务进行催办提醒

项目特点

数据库表极少：整个系统只有8张核心表，部署和运维负担小很多

流程定义用JSON存：比起BPMN的XML，JSON更轻量，也方便做版本管理

支持中国式审批：退回、驳回、加签这些操作，不用自己写额外逻辑去适配

零代码配置：流程设计、表单设计都靠拖拽，不用写一行前端代码

前后端分离：后端提供标准RESTful API，方便集成

启动即用：内置Flyway，启动时自动初始化数据库，基本开箱即用

技术栈较新：前端Vue3+Vite+TypeScript，后端Spring Boot+JDK17

项目技术

层级	技术选型
前端框架	Vue 3.5+、Vite 6.0+
UI组件库	Element Plus 2.9+
前端语言	TypeScript 5.7+
后端框架	Spring Boot 2.7+、JDK17
ORM框架	Mybatis Plus
权限验证	SaToken
表管理	AnyLine
项目基础	Pure Admin开源版

项目代码

拉代码跑起来不复杂：

git  clone  https://gitee.com/yang-jiong/esflow-ui.git

pnpm install

pnpm run dev

后端需要先创建MySQL数据库，然后改一下application-dev.yml里的数据库连接信息。项目用了Flyway做数据库版本管理，启动时会自动执行初始化脚本，把8张表建好。

有一点要注意：pom.xml里有个<lib.path>配置，需要改成你本地lib文件夹的绝对路径，不然编译会报错。

项目效果

登录演示地址后，整体界面比较清爽。左侧菜单把表定义、表单、流程、工单这几个模块分得很清楚。

实际操作下来，从零搭一个审批流程大概分三步：先建表定义业务字段，再设计表单页面，最后拖拽画流程。流程设计器支持拉拽节点、连线，设置审批人类型（指定人、角色、部门负责人等），条件分支也支持。

演示系统里有一些预设数据，可以直接发起一个工单试试。审批过程中能看到流程图实时高亮当前节点，退回、加签这些操作在审批界面都有对应按钮，不用额外配置。

项目源码

前端：https://gitee.com/yang-jiong/esflow-ui

后端：https://gitee.com/yang-jiong/esflow

总结

项目不是一个追求大而全的重型BPM平台，它更像是一个"够用就好"的轻量级解决方案。8张表的结构让部署和维护都比较简单，拖拽式的流程设计也降低了使用门槛。

如果你只是需要在项目里快速加一套审批功能，或者想给中小团队搭一个OA基础平台，同时又不想被复杂的工作流框架折腾，这个项目值得花点时间看看。

关键词

工作流引擎、开源工作流、中国式审批、流程设计器、零代码、JSON流程存储、Vue3工作流、Spring Boot工作流、审批流、表单设计器、低代码平台、OA系统

作者：小码编匠

出处：gitee.com/smallcore/DotNetCore

声明：网络内容，仅供学习，尊重版权，侵权速删，歉意致谢！

END

往

期

精

彩

从零搭建一套微服务权限系统：SpringCloudReact19的RBAC实践

面向企业后台、SaaS管理端、数据可视化平台和内部低代码工具的中后台框架

一款面向数字化场景的可视化流程编排与数据交换平台

Vue前后端分离的企业办公OA审批管理系统

接入AI辅助后，后台管理平台开发到底省了哪些事？

一套前后端分离的轻量级智能BI系统

一款跨平台物联网设备配置管理工具

一套开源的多模式聚合支付系统（聚合支付多应用接入）

为什么我放弃了手写后台管理？聊聊这个开源免费的AI低代码平台，太实用了

一款集成报表、打印、大屏与仪表盘的免费开源工具

基于ReactViteTypeScript的天气可视化大屏

一个基于Vue3的开源流程设计器

JavaVueMySQL的物联网设备管理平台

一套完整的多租户SaaS架构，源码全放出来了，不玩虚的

一款开源可视化引擎面向Web与物联网场景

工业物联网和电力自动化场景拖拽式规则编排编辑器

电商项目无从下手？这个60kStar的实战项目一套代码，前台后台全搞定

一款面向智能制造的流程驱动型低代码平台

物联网设备接入太折腾？这个开源平台把MQTT、TCP、Modbus全包了

一款轻量级、开箱即用的自动化巡检工具

ElysiaJSArtDesignPro的现代化全栈后台管理系统

一个开源的轻量化3D场景编辑工具

工业物联网预测维护平台：基于Flink实时流处理Spark离线机器学习

Vue3PythonMySQL开发的监控数据可视化平台

ThreejsReact19ECharts的3D地图可视化大屏项目

可视化BPMN设计AI辅助：开源工作流编排平台

企业AI落地太难？这款开源智能体平台让事情变得简单

一款好用的SpringBoot后台脚手架：权限、日志、代码生成都有了

一款AI低代码引擎模式的Web快速开发平台

一套开源平台搞定企业应用，从表单配置到工作流都包了（微服务低代码）

基于Vue3TypeScript搭建的后台系统模板

开源快速开发平台：工作流、支付、商城、ERP全内置

GoVue3开发的现代化项目管理平台

新一代云原生大数据管家，快速实现部署、管理、监控以及自动化运维

一款基于React生态的大屏数据可视化设计器

拖拽即设计，一键云打印！这款基于Vue3开发的可视化工具绝了

一站式开源数据中台，搞定治理、开发、监控与数据服务

开源的"AI无代码"平台，快速开发业务系统

React18Supabase打造企业级ERP管理系统，内置40数据表！

开箱即用！这款生产就绪的智能体框架，让你5分钟快速上手

TypeScript跨平台图表库：模块化、高性能、支持主题定制

备注【开源】

方便大家交流、资源共享和共同成长

纯技术交流群、需要的小伙伴请扫码

有收获？不妨分享让更多人受益

关注「程序员开源栈」，共同提升技术实力

点分享

点收藏

点在看

点点赞

</lib.path>

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！