流程图示例
本文档展示如何在 VitePress 中使用 Mermaid 绘制各种流程图。
流程图 (Flowchart)
基本流程图
Spring IoC 容器启动流程
时序图 (Sequence Diagram)
依赖注入过程
类图 (Class Diagram)
Spring BeanFactory 体系
状态图 (State Diagram)
Bean 生命周期状态
甘特图 (Gantt Chart)
项目开发计划
饼图 (Pie Chart)
代码统计
使用说明
基本语法
在 Markdown 中使用 Mermaid 图表非常简单，只需使用代码块并指定语言为 mermaid：
markdown
```mermaid
flowchart TD
A[开始] --> B[结束]
```常用图表类型
| 图表类型 | 关键字 | 用途 |
|---|---|---|
| 流程图 | flowchart | 展示流程、算法 |
| 时序图 | sequenceDiagram | 展示交互过程 |
| 类图 | classDiagram | 展示类结构关系 |
| 状态图 | stateDiagram | 展示状态转换 |
| 甘特图 | gantt | 展示项目计划 |
| 饼图 | pie | 展示比例分布 |