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

yumo6668小时前技术文章2

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) 效果截图:

相关文章

《about face3 -交互设计精髓》读书笔记之控件篇

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。写这篇《aboutface3-交互设计精髓》读书笔记之控件篇,其实初衷是想恶补一下自己关于控件的知识。因为之前的工作中...

GitHub精选 | 可视化设计基础功能插件集合

《GitHub精选》是我们分享Github中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个可视化设计所需要的基础功能插件集合——report-designer。report-d...

以某企业IM产品为例,选人控件设计的反思与总结

在一些业务场景中需要选择相应的人员,将人员展现出来供用户选择的控件即为选人控件。最近在负责某企业IM产品移动端的选人控件改版,下面针对改版中遇到的人数上限问题和选自己的问题进行反思与总结。一、人数上限...

一文读懂筛选控件设计_筛选按钮在哪个选项卡

筛选的作用是缩小展示范围,筛选控件有时会用于“频道切换”。比如内容型或电商产品,用tab切换不同频道,每个频道内有自己的形态。而到了 B 端产品,如一个 CRM 系统当中,筛选的逻辑比移动端的复杂,有...

听说设计界最强插件合集都在这里了,喜欢摸鱼的你赶紧来看看吧

听说设计界最强插件合集都在这里了,它包含超多插件,抠像、磨皮、光斑、光效、DR2.5美工神器等等,内容超级丰富。·它可以一键安装超多插件,需要哪个直接勾选,点击开始即可。·再回到PS打开窗口,在扩展功...

界面设计之路,自定义控件,不一样的单选列表框

一般来说,在项目中,基于Qt进行界面的开发,通常是使用Qt的基础控件,稍微复杂的界面,可以组合Qt的基础控件来实现,而外观,则可以通过更改样式来满足需求。但是,最近的项目中,要求实现的界面样式,仅仅通...