---
nav: 指南
group:
  title: 介绍
  order: 0
title: LogicFlow是什么
order: 0
toc: content
---

LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。
LogicFlow支持前端自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批流配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。

如果你已经迫不及待想试试 LogicFlow，那就来 [快速上手](./get-started.zh.md) 吧！

## 推荐阅读顺序

如果你是第一次接触 LogicFlow，推荐按下面的顺序阅读：

1. [快速上手](./get-started.zh.md)：先把最小示例跑通
2. [实例与图数据](./basic/class.zh.md)：理解 `LogicFlow` 实例和 `graphData`
3. [主题](./basic/theme.zh.md) / [事件](./basic/event.zh.md)：掌握样式和交互入口
4. [节点](./basic/node.zh.md) / [边](./basic/edge.zh.md)：开始进入业务自定义
5. [进阶节点](./advanced/node.zh.md)：理解连接规则、锚点和框架节点
6. [插件简介](./extension/intro.zh.md) / [API 导览](../api/logicflow-instance/index.zh.md)：按目标扩展或精确查阅

## 特性

- **可视化模型**：通过 LogicFlow 提供的直观可视化界面，用户可以轻松创建、编辑和管理复杂的逻辑流程图。
- **高可定制性**：用户可以根据自己的需要定制节点、连接器和样式，创建符合特定用例的定制逻辑流程图。
- **自执行引擎**：执行引擎支持浏览器端执行流程图逻辑，为无代码执行提供新思路。

为了帮助大家更全面地了解 LogicFlow 的设计理念和实现原理，我们还整理了一些深入的技术文章，感兴趣的朋友可以访问 [LogicFlow 系列文章](../article/architecture-of-logicflow.zh.md) 
此外，我们也会在掘金的「[LogicFlow官方号](https://juejin.cn/user/2885546018354925)」持续分享开发实践与框架动态，欢迎关注，与我们一起探索更多可能！

## 如何交流

如果您有任何的问题、建议、反馈或者交流意愿，可以通过如下方式联系我们：

- 官方推荐：[GitHub issues](https://github.com/didi/LogicFlow/issues)
- 官方微信：请添加「LogicFlow官方号 👨 」

<div>
  <img alt="LogicFlow WeChat 交流群" style="border-radius: 18px; margin-left: 20px" src="https://cdn.jsdelivr.net/gh/Logic-Flow/static@latest/assets/wechat.png" width="300" />
</div>

- QQ讨论群：

<div>
  <img alt="LogicFlow QQ 交流群" style="border-radius: 18px; margin-left: 20px" src="https://cdn.jsdelivr.net/gh/Logic-Flow/static@latest/assets/qq.png" width="300" />
</div>

## 如何贡献

### Bugs Or Questions

如果您在使用的过程中碰到问题，可以查阅我们的 [issues](https://github.com/didi/LogicFlow/issues) 看看有没有类似的
bug 或者建议。在你报告一个 bug 之前，请先确保已经搜索过已有的 issue 和 [常见问题](https://github.com/didi/LogicFlow/discussions)。

### PR

如果您想一起共建LogicFlow，也欢迎您提PR给我们~[代码贡献指引](https://github.com/didi/LogicFlow/blob/master/CONTRIBUTING.md)
<!-- ### 行为准则

### 加入社区 -->