LogicFlow案例分享

[towersxu]

描述

LogicFlow为了提供足够的扩展性，默认情况下并不会做过多的样式、交互上的效果。我们提供了足够多的API支持您去实现您们产品、UI的效果。 在不涉及公司信息安全的情况下，欢迎您把LogicFlow在您们项目中的实际效果分享出来。

你可以分享

1. 分享项目中的效果截图。
2. 分享自己用LogicFlow实现的开源项目github地址。
3. 分享使用了LogicFlow的网址。

我们还会做什么

1. 在收集到足够多的分享后，我们会从中选区一些用的多的效果做成内置插件。
2. 为后续提供案例展示模块收集素材。

[towersxu]

案例一

[guanalongaaa]

12

[hsole]

我把LogicFlow和自动布局、一键美化结合起来。

https://hsole.github.io/layoutFlow/

https://github.com/hsole/layoutFlow

[hsole]

写了个预测LOL S12晋级图
实现了拖动节点实现自我复制的功能。

在线地址：https://hsole.github.io/S12/

源码地址：https://github.com/hsole/S12

[hadoop835]

案例一

有源码地址吗

[chenweihan]

入门demo学习,请跳转:

Angular版本LogicFlow的入门DEMO实例请参考
码云 https://gitee.com/copperpeas/logicflow-angular
github https://github.com/chenweihan/logicflow-angular
Vue3LogicFlow的入门DEMO实例请参考((Vue2可参考))
码云 https://gitee.com/copperpeas/logicflow-vue3
github https://github.com/chenweihan/logicflow-vue3

[Waym1ng]

这是vue2版本，一个简单的demo https://github.com/Waym1ng/logicflow_editing_demo 可以查看json，导入导出，编辑属性的示例

[love666]

想要这种hover效果

[wumail]

移步 #1301

[sx1989827]

公司或组织：阿尔方斯
产品：基于人工智能的团队协作平台Teamlinker，
访问地址：Teamlinker Teamlinker开源项目
截图：

[ijry]

产品：FinalMind在线脑图流程图工具
访问地址：https://mind.lingyun.net
截图：

[whki]

产品：RuleGo-Editor RuleGo 规则引擎可视化编辑器
RuleGo项目地址：RuleGo
演示地址：https://editor.rulego.cc/
截图：

[harry5257]

我看示例中有关于react版本的泳道图，能否加一下vue2版本的泳道图，谢谢

[wumail]

我看示例中有关于react版本的泳道图，能否加一下vue2版本的泳道图，谢谢

哪里的示例？泳道节点本身不依赖框架呀

[harry5257]

我看示例中有关于react版本的泳道图，能否加一下vue2版本的泳道图，谢谢

哪里的示例？泳道节点本身不依赖框架呀

在https://site.logic-flow.cn/demo/dist/pool示例中

[wumail]

我看示例中有关于react版本的泳道图，能否加一下vue2版本的泳道图，谢谢

哪里的示例？泳道节点本身不依赖框架呀

在https://site.logic-flow.cn/demo/dist/pool示例中

可以看这里的代码https://github.com/Logic-Flow/docs/tree/master/demo/pool/src/node ，本质是一个Logicflow自定义节点，不依赖框架，可以在vue里使用，但是这个泳道功能并不完善，可以参考一下

[ByteTerminator]

@towersxu 你好，这个案例有源码吗，求分享。

[hlongc]

我把LogicFlow和自动布局、一键美化结合起来。

https://hsole.github.io/layoutFlow/

https://github.com/hsole/layoutFlow

这个有源码参考吗

[miniliupeng]

react项目中使用LogicFlow，支持一键美化（垂直布局、水平布局）、导出图片、上一步、下一步、拖拽线、连线认证、自定义react节点（支持react 16、react 17）：

github项目地址：https://github.com/miniliupeng/react-logic-flow
演示地址：http://minierpeng.top/react-logic-flow