滴滴的logicFlow流程图组件

已于 2024-12-21 18:06:40 修改
阅读量484 收藏
点赞数
分类专栏： # Vue与Web开发 文章标签： 流程图
于 2024-12-20 18:03:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yezonggang/article/details/144578151
版权

目录

demo

实例

节点Node

基础节点

自定义节点

边Edge

基础边

自定义边

主题

事件

与上一篇介绍的vue-flow相比，logicFlow基于SVG画图，整体更工业化、功能更强大、提供的可定制化能力更多，基于SVG的节点node支持旋转，边edge支持拖拽路径以避开复杂流程图的杂乱，肯定是可以基于bmp规范进行开发的，源码使用preact写的，因此官方文档中对于vue3使用介绍的不多，不过好在是国人+开发api也简单，源码地址；滴滴的logic开源系列还是很可以的，之前也研究过它的开源kafka管理平台

了解本专栏 订阅专栏 解锁全文 超级会员免费看
滴滴工作流引擎Turbo与logicFlow研究
叶子叶来
01-03 450
工作流引擎很多，也都提供了前端UI库，但是太过于冗杂了，元数据表都几十个，logincFlow和Turbo的组合提供了轻量化方式，turbo后端代码只有5个元数据表，logicFlow也提供了bpm的相关扩展功能，但缺点是turbo社区不活跃，logicFlow个人认为跟echarts这种内置完成所有实现的开源设计方案相比，以插件方式扩展来提供自由度的方式，上手有点难度；
探索逻辑流程图绘制神器：DIDI's LogicFlow
gitblog_00036的博客
03-20 638
探索逻辑流程图绘制神器：DIDI's LogicFlow LogicFlowA flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。项目地址:https://gitcode.com/gh_mirrors/lo/LogicFlow ...
滴滴开源的一款流程可视化框架，满足各类流程图需求，非常强大！
Java知音
03-21 867
LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求。特性???? 高拓展性兼容各种产品自定义的流程编辑需求，绝大部分模块以插件的形式实现，支持各模块自由插拔。???? 重执行流程图能完备的表达业务逻辑，不受流程引擎限制。???? 专业专注于业务流程图编辑的框架使用安装#npm $npminstal...
滴滴实时数据链路建设组件选型实践篇
DiDi_Tech的博客
06-14 2693
写在前面随着滴滴内部技术栈的不断统一，实时相关技术组件资源的不断整合，各业务线实时数据相关开发经验的不断沉淀，基本形成了一套面向公司不同业务场景需求的最佳技术选型和具体落地方案。但同时我们也发现，大部分实时开发同学在做实时数据建设过程中会笼统的把实时数据建设等同于 flink 数据开发，常常把实时数据处理过程中的其他相关组件放在边缘位置，无法高效的整合数据处理组件来完成不同业务场景的实时需求。为此...
滴滴开源 LogicFlow：专注流程可视化的前端框架
热门推荐
DiDi_Tech的博客
02-25 1万+
桔妹导读：LogicFlow 脱胎于滴滴技术团队在客服业务下的实践，是由滴滴智能中台体验平台研发的一款流程可视化的前端框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件...
LogicFlow 学习笔记——9. LogicFlow 进阶 节点
lt5227的博客
06-17 2238
本篇博客详细介绍了在 LogicFlow 中如何利用连线规则来控制节点的连接行为。文章首先讲述了如何给节点添加连线的起始和目标校验规则（sourceRules 和 targetRules），并通过具体的代码示例，展示了如何限制一个正方形节点的下一个节点只能是圆形节点。接着，博客解释了如何通过事件监听来处理不满足连线规则时的情况，包括如何利用 connection:not-allowed 事件来反馈错误信息。
三、LogicFlow 基础配置介绍及实现一个基础 Demo
赵花花的博客
08-19 2022
LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。这篇文章写得有些乏味，基本都是一些理论性的东西，虽然但是，有那个时间的还是建议粗浅看下理论部分（也就是说粗略的过一眼，有个印象），否则在后面具体的开发过程中难免有些配置不知如何下手，浪费大量的时间精力。
滴滴开源DLFlow：海量数据下的离线深度学习方案
DiDi_Tech的博客
07-24 1289
桔妹导读：DLFlow是滴滴用户画像团队打造的一套端到端的深度学习方案，主要面向大数据离线任务环境。通过结合Spark和Tensorflow，实现了原始特征快速处理、海量数据训练、大规模...
使用logicflow流程图实例
yao136的专栏
02-22 2999
需要使用流程引擎开发项目，没有使用flowable、activiti这类的国外流程引擎，想使用国内的引擎二次开发，缺少单例模式的流程画图程序，都是vue、react、angluer的不适合，从网上找了antx6、logicflow、bpmn.js。感觉最容易使用的是logicflow，所以翻模了官方示例（官方使用的react）。
滴滴出行业务流程图 - Bing images.html
03-18
滴滴出行业务流程图 - Bing images.html
node-generate-logicflow-plugin:滴滴logicflow自定义节点生成插件
05-26
logic-flow自定义节点插件 1.介绍 基于滴滴开源的实现的自定义节点插件，让自定义节点能给简单一点，初衷是想做个爬虫的流程图，结果发现我想自定义图标和一些复制图形节点，用目前官网提供的重写感觉好难啊，我有点看不懂，定义shape的时候又卡住了，通过函数生成虚拟dom，复杂一点的dom完犊子了，好麻烦，多定义几个不同的shape会不会挂掉（夸张一下），哈哈。 举个例子： 我想定义这两种节点，或者最开始我想弄个数据库表的描述列表，想想头疼，如果让我用html定义的话，是挺快，但是用函数得想各种嵌套，所以就产生了这个插件。 2.安装 npm install node-gen-logicflow-plugin 普通的script引用正在打包中 3.使用 import LogicFlow from '@logicflow/core' import '@logicflow/core/dist/
滴滴logicflow自定义节点生成插件node-generate-logicflow-plugin
资源摘要信息:"node-generate-logicflow-plugin是一个为logic-flow流程图框架开发的自定义节点生成插件。logic-flow是一个基于Web技术的流程图库，用于绘制流程图、组织结构图、流程网等。此插件能够简化自定义节点...
vue3 结合@logicflow/core 实现流程图
weixin_55042716的博客
05-22 3115
【代码】vue3 结合@logicflow/core 实现流程图。
LogicFlow的使用
最新发布
qq_59381940的博客
04-21 315
为什么使用自定义节点？因为使用LogincFlow原本的属性与Api，很多复杂的操作都是实现困难甚至无法实现的。Vue的自定义节点建议使用Vue3进行操作，因为Vue2我没试过。由上图可见，如果不通过自定义节点去实现，我们先不说难度的问题，就是代码你都要写冒烟那又有人说了，你这个自定义节点有 4 个锚点，原生的也是 4 个，原生的可以自定义锚点个数以及锚点样式，线的样式等等，那自定义节点怎么弄？
重磅！滴滴开源的一款流程可视化框架，满足各类流程图需求，非常强大！
emprere的博客
03-26 1086
点击关注公众号：互联网架构师，后台回复2T获取2TB学习资源！上一篇：Alibaba开源内网高并发编程手册.pdfLogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求。特性???? 高拓展性兼容各种产品自定义的流程编辑需求，绝大部分模块以插件的形式实现，支持各模块自由插拔。???? 重执行流程图能...
【教程】LogicFlow流程图界的神器
有财的博客
03-14 1万+
介绍一块个人认为还是一款非常简单易上手的开箱即用的流程图设计库
滴滴出行app——网约车出行的背后（上）
fengfengwuwu的博客
09-08 4938
互联网出行已经撬动千亿级市场规模，而滴滴出行作为最大的出行平台，占领着网约车市场的最大份额。本文将从市场、用户、功能、运营等方面对滴滴出行进行分析。
LogicFlow 学习笔记——3. LogicFlow 基础 节点 Node
lt5227的博客
06-13 3282
本篇博客详细介绍了LogicFlow框架中基础和自定义节点的使用方法。首先解释了基础节点类型，包括矩形、圆形等SVG形状，并展示如何通过继承和重写来创建符合特定业务需求的自定义节点。然后详细讲述了自定义节点的`model`和`view`，说明了如何通过MVVM模式来控制节点的外观和行为。最后，通过多个代码示例展示了如何在项目中实现这些自定义节点。
流程图开源框架LogicFlow
qq_30351747的博客
12-09 928
流程图开源框架LogicFlow
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A叶子叶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值