-
流程控制-02-vue3项目创建流程引擎前端-04-支持连线和连线属性编辑
节点选中后显示右侧属性面板 好！我们进入第4步：支持连线和连线属性编辑 好嘞！进入第4步，支持连线（Edge）以及连线属性编辑。 目标 允许用户在画布上拖拽连线连接节点（LogicFlow 默认支持连线交互） 监听连线选中事件，展示右侧「连线属性面板」 右侧属性面板可以编辑连线文本（label）或其他属性，实时更新画布 实现思路 1. 允许连线交互（默认开...2025-08-08 18:30:30 | FLOW
-
流程控制-02-vue3项目创建流程引擎前端-03-节点选中后显示右侧属性面板
节点选中后显示右侧属性面板 好！我们进入第三步：实现节点选中，并在右侧显示该节点的属性面板，支持动态编辑节点参数。 Step 3：节点选中 & 右侧属性面板 3.1 思路 监听 LogicFlow 的节点选中事件 记录当前选中节点信息（ID + 属性） 右侧动态渲染该节点的属性编辑表单 修改属性时，实时更新 LogicFlow 画布节点 3....2025-08-08 18:30:30 | FLOW
-
流程控制-02-vue3项目创建流程引擎前端-02-左侧节点面板拖拽到画布！
实现左侧节点面板， 可以拖拽节点到 LogicFlow 画布上，完成拖拽新增节点的核心交互。 Step 2：左侧节点面板拖拽新增节点 2.1 设计思路 左侧面板列出可用的节点类型 支持鼠标拖拽节点名称到画布 放开时，画布在鼠标释放点创建对应节点 2.2 修改 FlowEditor.vue，实现完整左右布局 <template> <...2025-08-08 18:30:30 | FLOW
-
流程控制-02-vue3项目创建流程引擎前端 demo
项目创建 npm create vite@latest logic-flow-demo -- --template vue cd logic-flow-demo npm install npm run dev 报错 6 packages are looking for funding run `npm fund` for details > logic-flo...2025-08-08 18:30:30 | FLOW
-
流程控制-02-vue3项目创建流程引擎前端 LogicFlow 核心能力 dify
chat 基于 logicFlow 实现一个 dify 流程编辑器，你觉得哪些能力是最重要的，要有哪些特性。给出原因 基于 LogicFlow 实现一个类似 dify 的流程编辑器，关键是把核心能力聚焦好，做到可用且易扩展。 下面是我认为最重要的几个能力和特性，以及背后的原因： 1. 节点拖拽与放置（Drag & Drop） 原因：可视化流程编辑的基础，用户需要从...2025-08-08 18:30:30 | FLOW
-
流程控制-02-vue3项目创建 条件匹配引擎 match-condition
项目创建 npm create vite@latest match-condition-demo -- --template vue cd match-condition-demo npm install npm run dev 报错 $ npm run dev > match-condition-demo@0.0.0 dev > vite error whe...2025-08-08 18:30:30 | FLOW
-
流程控制-01-vue3项目创建
项目创建 npm create vite@latest flow-control-demo -- --template vue npm install npm run dev http://localhost:5173/ 可以查看效果 页面需求 帮我实现一个简易版本的测试平台前端 vue3，支持循环控制，循环/if 等。 每个步骤，支持定义左侧改为真正的树形多层嵌套结构，点击后右侧...2025-08-08 18:30:30 | FLOW
-
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。
介绍 简体中文 English LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求。 核心能力 可视化模型：通过 LogicFlow 提供的直观可视化界面，用户可以轻松创建、编辑和管理复杂的逻辑流程图。 ...2025-08-08 03:17:38 | vue
Echo Blog
江湖无名 安心练剑