Typora上使用Mermaid语法展示流程图、时序图、甘特图

你已经安装Typora并打开了一个新文档后，可以按照以下详细步骤在Typora上使用Mermaid语法展示流程图、时序图、甘特图

流程图

• 使用graph LR声明开始，并使用箭头和连接符号定义节点之间的关系。
• 例如，A --> B表示从节点A指向节点B的箭头连接。

graph TB  A[界面布局图] --> B[页签区域]  B --> C[巡检计划]  B --> D[巡检任务]  B --> E[巡检路线]  B --> F[巡检日志] B --> I[时间选择器]  B --> J[查看计划按钮]  B --> K[列表]  K --> L[新增任务按钮]  K --> M[地图组件]  K --> W[巡检记录] `

效果：

时序图

• 使用sequenceDiagram声明开始，并使用participant定义参与者。
• 使用->>表示同步消息，使用–>>表示异步消息。

sequenceDiagramparticipant Aparticipant BA ->> B: 请求数据B -->> A: 返回结果