常见 Mermaid 图表类型的 prompt 编写

常见的 Mermaid 图表类型的 prompt 编写示例及对应输出结果，帮助你全面了解每种图表的生成效果和代码内容。

1. 流程图 (Flowchart)

示例 Prompt：

生成一个从上到下（TD）布局的 Mermaid 流程图，展示用户注册和登录的过程。图中包含以下节点：
1. 开始节点、检查用户是否已注册的判断节点、注册新用户的操作节点、输入用户名和密码节点、登录成功节点。
2. 使用判断形状展示‘检查用户是否已注册’节点。
3. 节点之间使用箭头 --> 表示步骤之间的连接关系。
4. 在‘注册新用户’节点下方创建一个子图，展示输入邮箱、设置密码、确认注册的流程。
5. 格式化输出代码，便于阅读。

输出 Mermaid 代码：

---

2. 序列图 (Sequence Diagram)

示例 Prompt：

生成一个 Mermaid 序列图，展示用户登录系统的消息传递过程。图中包含以下元素：
1. 实体：用户、前端应用、后端服务器、数据库。
2. 用户发送登录请求给前端应用，前端转发请求给后端服务器，后端服务器查询数据库验证用户信息。
3. 当验证成功时，数据库返回成功信息给服务器，服务器再返回登录成功消息给前端应用，最后前端应用通知用户。
4. 高亮用户发送登录请求和服务器验证成功的消息。
5. 格式化输出 Mermaid 代码。

输出 Mermaid 代码：

---

3. 类图 (Class Diagram)

示例 Prompt：

生成一个 Mermaid 类图，展示图书管理系统中的类关系。包括：
1. 类：Book、Author、Library、Member。
2. 类 Book 包含属性 title、author 和方法 borrow()。
3. 类 Member 实现接口 Person，包含 name 和 membershipID 属性。
4. 类之间的关系：Library 拥有多个 Book，Member 可以借阅 Book。
5. 格式化输出代码，清晰展示类结构和关系。

输出 Mermaid 代码：

---

4. 甘特图 (Gantt Chart)

示例 Prompt：

生成一个 Mermaid 甘特图，展示软件开发项目的时间安排。包括：
1. 项目时间范围从 2024 年 9 月 1 日到 2024 年 12 月 31 日。
2. 任务：需求分析、设计、开发、测试、上线。
3. 需求分析从 9 月 1 日开始，设计从 9 月 15 日开始，开发从 10 月 1 日开始，测试从 11 月 15 日开始，上线从 12 月 20 日开始。
4. 设计任务依赖于需求分析的完成，开发依赖设计完成。
5. 输出代码，展示任务和时间安排。

输出 Mermaid 代码：

---

5. 状态图 (State Diagram)

示例 Prompt：

生成一个 Mermaid 状态图，展示订单系统的订单状态变化。包括：
1. 状态：创建、待支付、支付成功、发货、完成、取消。
2. 状态之间的转移条件，如待支付状态可转移到支付成功或取消状态。
3. 标记创建为起始状态，完成和取消为终止状态。
4. 高亮显示支付成功到发货的状态转移过程。
5. 格式化输出代码。

输出 Mermaid 代码：

---

6. 用户旅程图 (User Journey Diagram)

示例 Prompt：

生成一个 Mermaid 用户旅程图，展示用户在电商平台的购物体验。包括：
1. 步骤：登录、浏览商品、加入购物车、结算、支付成功、收到商品。
2. 用户在浏览商品时情绪为“满意”，支付成功后情绪为“高兴”。
3. 旅程分为探索、选择、购买三个阶段。
4. 在结算时添加用户反馈节点，建议增加支付方式。
5. 格式化输出代码，使其清晰易懂。

输出 Mermaid 代码：

---

7、半结构化语言

在 LLM 的视角来看，结构化的信息和非结构化的自然语言一样重要。半结构化自然语言既可以看作以自然语言给予结构化数据补充，也可以看作结构化数据赋予自然语言结构。而从赋予自然语言结构的角度，就能够解锁更多对于 LLM 应用的巧思。可以使用注释来帮助大模型理解。

总结

以上为针对不同类型 Mermaid 图表的编写 prompt 示例及对应输出结果。这些示例展示了从描述场景到实际 Mermaid 代码生成的全过程，帮助理解每种图表如何通过明确的 prompt 描述进行有效生成。通过练习这些模板，你可以更好地引导 ChatGPT 为不同场景生成合适的 Mermaid 图表代码。