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的基本步骤：

1. 注册/登录：访问项目地址，注册或登录账号。

2. 创建工作流：在wflow-web的界面中，通过拖拽组件和设置条件，创建你的工作流。

3. 配置表单：根据需求，为工作流配置相应的表单字段。

4. 发布工作流：完成设计后，发布工作流，即可在实际业务中使用。

同类项目对比

与其他工作流设计器相比，wflow-web的优势在于其简洁的界面和易用性。以下是一些同类项目的对比：

• Activiti：一个成熟的工作流引擎，但上手难度较高，需要一定的技术背景。

• BPMN：一种工作流建模标准，需要专业的建模工具，对普通用户不够友好。

• wflow-web：界面简洁，操作简单，无需专业知识，更适合普通用户。

• Camunda：是另一个开源的工作流引擎，同样支持 BPMN 2.0，并提供了一些额外的管理工具。

wflow-web 与这些项目相比，更注重简洁性和易用性，特别适用于快速搭建和实施工作流解决方案。

结语

wflow-web作为一个开源的工作流设计器，不仅降低了工作流设计的门槛，也为企业提供了高效、灵活的流程管理解决方案。如果你正在寻找一款简单易用的工作流设计工具，那么wflow-web绝对值得一试。

项目地址

https://gitee.com/willianfu/jw-workflow-engine