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
相关推荐
熊的猫43 分钟前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人3 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人3 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596933 小时前
前端预览word、excel、ppt
前端·word·excel
mixboot3 小时前
飞书 富文本(Markdown)
飞书