当前位置: 首页 > news >正文

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

has
written by
borrows
Book
-title: String
-author: Author
+borrow()
Author
-name: String
-books: List
Library
-books: List
+addBook(Book)
Member
-name: String
-membershipID: String
+borrowBook(Book)

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 代码

2024-09-01 2024-09-08 2024-09-15 2024-09-22 2024-09-29 2024-10-06 2024-10-13 2024-10-20 2024-10-27 2024-11-03 2024-11-10 2024-11-17 2024-11-24 2024-12-01 2024-12-08 2024-12-15 2024-12-22 需求分析 设计 开发 测试 上线 项目阶段 软件开发项目时间安排

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Github 2024-09-13 Java开源项目日报 Top10
  • SpringBoot用kafka.listener监听接受Kafka消息
  • 计算机图形系统发展的前世今生
  • 计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
  • 【深度学习】【onnxruntime】C++调用onnx
  • 三维动画|创意无限,让品牌传播更精彩!
  • 2024年第十五届蓝桥杯青少组国赛撞期GESP认证、放弃那个?
  • C语言:刷题日志(3)
  • Golang | Leetcode Golang题解之第393题UTF-8编码验证
  • 【系统架构设计师-2015年】案例分析-答案及详解
  • 使用Azure+C#+visual studio开发图像目标检测系统
  • 《黑神话.悟空》与人工智能AI重塑经典与探索未来的交织
  • Android内存知识总结
  • JAVA毕业设计173—基于Java+Springboot+vue3的酒店民宿管理系统(源代码+数据库)
  • 浙大数据结构:03-树2 List Leaves
  • express如何解决request entity too large问题
  • idea + plantuml 画流程图
  • JavaScript创建对象的四种方式
  • Java比较器对数组,集合排序
  • java中具有继承关系的类及其对象初始化顺序
  • JS数组方法汇总
  • Laravel核心解读--Facades
  • learning koa2.x
  • oschina
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • windows下mongoDB的环境配置
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 记一次和乔布斯合作最难忘的经历
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 罗辑思维在全链路压测方面的实践和工作笔记
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 前端设计模式
  • 设计模式(12)迭代器模式(讲解+应用)
  • 深度学习在携程攻略社区的应用
  • 在Mac OS X上安装 Ruby运行环境
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • # AI产品经理的自我修养:既懂用户,更懂技术!
  • # Swust 12th acm 邀请赛# [ K ] 三角形判定 [题解]
  • #etcd#安装时出错
  • #Spring-boot高级
  • #微信小程序:微信小程序常见的配置传值
  • %@ page import=%的用法
  • (1)(1.13) SiK无线电高级配置(五)
  • (1)无线电失控保护(二)
  • (1)虚拟机的安装与使用,linux系统安装
  • (ctrl.obj) : error LNK2038: 检测到“RuntimeLibrary”的不匹配项: 值“MDd_DynamicDebug”不匹配值“
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (亲测有效)推荐2024最新的免费漫画软件app,无广告,聚合全网资源!
  • (转)GCC在C语言中内嵌汇编 asm __volatile__
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • ***详解账号泄露:全球约1亿用户已泄露
  • ./和../以及/和~之间的区别
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .NET 材料检测系统崩溃分析