flowcharts

# 流程图 流程图用于可视化流程、算法、决策树和用户旅程。它们展示了系统或工作流中逐步推进的过程。 ## 基本语法 mermaid flowchart TD A --> B **方向:** - `TD` 或 `TB` - 从上到下（默认） - `BT` - 从下到上 - `LR` - 从左到右 - `RL` - 从右到左 ## 节点形状 ### 矩形 (默认) mermaid flowchart LR A[处理步骤] ### 圆角矩形 mermaid flowchart LR B([圆角处理]) ### 体育场/胶囊形状 mermaid flowchart LR C(开始或结束) ### 子程序 (双边框) mermaid flowchart LR D[[子程序]] ### 圆柱形 (数据库) mermaid flowchart LR E[(数据库)] ### 圆形 mermaid flowchart LR F((圆形节点)) ### 非对称/旗帜形 mermaid flowchart LR G>旗帜节点] ### 菱形 (决策) mermaid flowchart LR H{决策?} ### 六边形 mermaid flowchart LR I{{六边形}} ### 平行四边形 (输入/输出) mermaid flowchart LR J[/输入或输出/] K[替代 IO] ### 梯形 mermaid flowchart LR L[/梯形] M[替代梯形/] ## 连接 ### 基本箭头 mermaid flowchart LR A --> B ### 开放连接 (无箭头) mermaid flowchart LR A --- B ### 连接线上的文本 mermaid flowchart LR A -->|标签文本| B C ---|"带空格的文本"| D ### 虚线连接 mermaid flowchart LR A -.-> B C -.- D E -.标签.-> F ### 加粗连接 mermaid flowchart LR A ==> B C === D E ==标签==> F ### 链式连接 mermaid flowchart LR A --> B --> C --> D E --> F & G --> H ### 多向连接 mermaid flowchart LR A --> B & C & D B & C & D --> E ## 子图 (Subgraphs) 对相关节点进行分组： mermaid flowchart TB A[开始] subgraph 处理 B[步骤 1] C[步骤 2] D[步骤 3] end E[结束] A --> B D --> E ### 嵌套子图 mermaid flowchart TB subgraph 外部 A[节点 A] subgraph 内部 B[节点 B] C[节点 C] end end ### 子图方向 mermaid flowchart LR subgraph 一 direction TB A1 --> A2 end subgraph 二 direction TB B1 --> B2 end 一 --> 二 ## 样式 ### 单个节点样式 mermaid flowchart LR A[普通] B[样式化] style B fill