流程控制-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
项目风险控制的一些角度
#
chat
项目中的风险控制 可以从哪些角度来思考? 比如新功能逐步放量,回滚,风险应急。
项目风险控制是个系统工程,需要多角度、多层次地进行思考和布局。
你提到的“新功能逐步放量”、“回滚”、“风险应急”都是非常核心且具体的控制手段。
我们可以从以下几个关键维度来系统性地思考风险控制:
一、风险控制策略维度(核心思路)
预防 (Prevention): 在风险发生前消...
2025-07-28 03:17:38 |
Thinking
算法的知识的是孤立的 如何点线面体生态
#
chat
以数据结构与算法为例子
我们日常只是学习知识点,每个知识点是孤立的
如何逐步将知识点关联起来=》线
线=》面
面=》体
体=》生态
类似于拓展到知识点、关联知识点、相关题库+解法+讨论,类似于 leetcode 的相关衍生。
以及这种逐步拓展的思维,在其他各个领域的启发和应用技巧
你这个问题提得非常深刻,而且具有极强的通用价值。
我们大多数人学习数据结构与算法...
2025-07-28 03:17:38 |
Life