很香的几款开源免费的流程设计器

boyanx2周前技术教程7

1、LogicFlow

(1) 介绍:

LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置上都有较好的应用。

(2) 源码下载:

https://github.com/didi/LogicFlow

(3) 项目说明:

http://logic-flow.org/guide/start.html#%E5%AE%89%E8%A3%85

(4) 效果截图:


2、easy-flow

(1) 介绍:

easy-flow 基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽。

(2) 源码下载:

https://gitee.com/xiaoka2017/easy-flow#%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8D

(3) 项目说明:

  • 支持拖拽添加节点
  • 点击线进行设置条件
  • 支持给定数据加载流程图
  • 支持画布拖拽
  • 支持连线样式、锚点、类型自定义覆盖
  • 支持力导图

(4) 效果截图:




3、vue-flow-design-plus

(1) 介绍:

VUE FLOW DESIGN PLUS流程设计器,基于Vue + Ant Design Vue + JSPlumb,该组件目的是为了使用在Vue项目中,它前身是VFD流程设计器。

Vue版本以全新的技术栈重构了代码,并在原版基础上实现了更好的操作方式,新版会作为优先版本持续迭代。

(2) 源码下载:

https://gitee.com/zhangyeping/vue-flow-design-plus

(3) 项目说明:

VUE3 FLOW DESIGN 流程设计器,基于 Vue3 + TypeScript + Vite + Ant Design Vue 3 + JSPlumb。

(4) 效果截图:

4、approvalFlow--仿钉钉流程设计器

(1) 介绍:

一款模仿钉钉审批流程开发的表单+流程设计器,可以实现类似钉钉审批流程界面效果,前端使用vue开发。

(2) 源码下载:

https://github.com/SNFocus/approvalFlow

(3) 项目说明:

表单配置(form-generator)

  • 拖拽表单,生成布局页面
  • 配置拖拽组件属性,定制组件形态
  • 生成JSON数据并生成预览页面

流程节点配置(仿钉钉界面)

  • 创建审批流程(发起人,审批人,条件节点,抄送人)
  • 配置节点详细数据,包括条件节点表达式及期望值等
  • 配置节点对表单的权限(目前并未在预览页面中做控制)
  • 必填节点校验

(4) 效果截图:

标签: video.js

相关文章

Web前端全套教程+视频包含JavaScript、Vue等

写在前面:web前端从入门到精通经典教程,老师精心讲,想从事编程或者数据分析行业的小伙伴点进来,只需你评论并关注私信留言“前端”。便可免费获取。WEB前端简介:WEB前端工程师,也叫Web前端开发工程...

Java 监控直播流rtsp协议转rtmp、hls、httpflv协议返回浏览器

Java 监控直播流rtsp协议转rtmp、hls、httpflv协议返回浏览器目录一:了解音视频流协议:二:方案一 rtsp 转rtmp1、下载nginx + nginx-rtmp-module3、...

心疼刘教练!刘畊宏健身操遭抨击,特意晒叮嘱视频强调要循序渐进

近段时间,刘畊宏的健身操可谓是风靡全网,他的某视频平台也因为直播健身在短短的时间里,从几百万火速暴涨到4千多万,粉丝人数堪比一线不说,增长速度更是令人惊叹。而看过刘畊宏直播健身的网友有很多都自发变身为...

杜淳晒女儿跑步萌态,1岁小蛋饺步伐超稳,全身肉嘟嘟可爱爆棚

4月27日下午,杜淳在个人社交平台分享了一段女儿小蛋饺跑步的萌态,老父亲还感慨写道:“奔跑吧,我的小蛋饺,跑着跑着就长大了,我的小公主”。杜淳自从升级奶爸后,这“女儿奴”属性真是愈发明显了,每一次晒与...

视频号的数据平台有哪些?

随着视频内容的不断增多,视频号已经成为了各大自媒体平台中最重要的平台之一。为了获取更多的流量和粉丝,许多自媒体作者都在不断地提升自己的内容质量和创意。然而,对于自媒体作者来说,如何获取视频号的数据是非...

JavaScript概述,建议收藏

一、JavaScript概述1.学习JavaScript的原因a. 客户端表单验证在网站中常见的会员注册页面中,我们填写注册信息时,如果某项信息格式输入错误(如密码长度不够等),表单页面将及时给出错误...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。