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
相关推荐
xiyusec15 分钟前
HTML基础
前端·html
好开心3343 分钟前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
xChive1 小时前
优化表单交互:在 el-select 组件中嵌入表格显示选项
前端·vue.js·交互·element-plus
tian-ming1 小时前
(十八)JavaWeb后端开发案例——会话/yml/过滤器/拦截器
java·开发语言·前端
_jacobfu1 小时前
mac2024 安装node和vue
前端·javascript·vue.js
Ztiddler1 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
三天不学习1 小时前
前端工程化-node/npm/babel/polyfill/webpack 一文速通
前端·webpack·npm
羽羽Ci Ci1 小时前
axios vue.js
前端·javascript·vue.js
岳哥i1 小时前
前端项目接入单元测试手册
前端·单元测试
小彭努力中2 小时前
138. CSS3DRenderer渲染HTML标签
前端·深度学习·3d·webgl·three.js