wflow-web：开源啦 ，高仿钉钉、飞书、企业微信的审批流程设计器，轻松打造属于你的工作流设计器
嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法
wflow-web是一个开源的工作流设计器，它支持可视化拖拽表单组件，动态任意层级结构审批节点，以及复杂流程条件的设置。该项目旨在让工作流的设计变得更加简单，无需专业知识，任何人都能快速掌握。
功能特点
1. 界面简洁，操作简便
wflow-web的设计遵循简洁美观的原则，用户界面清晰直观，操作超级简单。即使是没有任何技术背景的用户，也能在短时间内学会如何使用。
2. 可视化拖拽设计
通过可视化拖拽，用户可以轻松地添加和配置表单组件，实现工作流的快速搭建。这种直观的设计方式大大降低了工作流设计的难度。
3. 动态审批节点
wflow-web支持任意层级的审批节点，用户可以根据实际需求自由添加和配置，满足各种复杂场景的需求。
4. 复杂流程条件设置
项目支持设置复杂的流程条件，用户可以根据业务逻辑定义流程走向，实现灵活的工作流管理。
项目结构
├─api 接口
├─assets
│ └─image
├─components 通用组件
│ └─common
├─router 路由
├─store vuex，设计器数据存储
├─utils
└─views 主要页面及视图
├─admin
│ └─layout
│ ├─form 表单设计
│ └─process 流程设计
├─common
│ ├─form 表单
│ │ ├─components 表单组件
│ │ ├─config 表单组件配置
│ │ ├─expand 扩展组件
│ │ └─settings 设置
│ └─process 流程
│ ├─config 流程节点设置
│ └─nodes 流程节点
└─workspace 工作区
设计器数据
设计器的数据都存在Vuex中，需要传递到后端时，直接取出提交到接口
{
"formId":"37289743892", //表单ID，由后端生成
"formName":"补卡申请", //表单名称
"logo":{ //图标
"icon":"图标/图片base64",
"background":"#FEFEFE" //如果是图片则不生效
},
//表单权限及其他属性设置
"settings":{
"commiter": [], //哪些人可以提交发起表单
"admin":[], //表单管理员，可以编辑及导出数据
"singn": false, //全局设置审批时是否需要签字
"notify":{
"type": "APP", //通知类型 APP QQ WX DING EMAIL
"title": "消息通知标题"
}
},
"group":20, //所在分组
"formItems":[],//表单设计数据
"process":{}, //流程数据
"remark":"备注说明"
}
应用场景
wflow-web适用于多种业务场景，如企业内部审批流程、项目管理、订单处理等。以下是一些具体的应用场景：
-
企业审批流程：如请假、报销、出差申请等，通过wflow-web可以快速搭建符合企业需求的审批流程。
-
项目管理：项目任务分配、进度跟踪、成果验收等环节，都可以通过wflow-web来实现流程自动化。
-
订单处理：从订单创建到发货、售后，wflow-web可以帮助企业优化订单处理流程，提高工作效率。
项目效果
使用方法
以下是使用wflow-web的基本步骤：
-
注册/登录：访问项目地址，注册或登录账号。
-
创建工作流：在wflow-web的界面中，通过拖拽组件和设置条件，创建你的工作流。
-
配置表单：根据需求，为工作流配置相应的表单字段。
-
发布工作流：完成设计后，发布工作流，即可在实际业务中使用。
同类项目对比
与其他工作流设计器相比，wflow-web的优势在于其简洁的界面和易用性。以下是一些同类项目的对比：
-
Activiti：一个成熟的工作流引擎，但上手难度较高，需要一定的技术背景。
-
BPMN：一种工作流建模标准，需要专业的建模工具，对普通用户不够友好。
-
wflow-web：界面简洁，操作简单，无需专业知识，更适合普通用户。
-
Camunda：是另一个开源的工作流引擎，同样支持 BPMN 2.0，并提供了一些额外的管理工具。
wflow-web 与这些项目相比，更注重简洁性和易用性，特别适用于快速搭建和实施工作流解决方案。
结语
wflow-web作为一个开源的工作流设计器，不仅降低了工作流设计的门槛，也为企业提供了高效、灵活的流程管理解决方案。如果你正在寻找一款简单易用的工作流设计工具，那么wflow-web绝对值得一试。
项目地址
https://gitee.com/willianfu/jw-workflow-engine