常见 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 图表代码。