欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > 用文字“画出”时序图:用 AI+Mermaid.js 解决交互过程中的问题

用文字“画出”时序图:用 AI+Mermaid.js 解决交互过程中的问题

2025/4/18 13:30:49 来源:https://blog.csdn.net/huangmipi/article/details/143434426  浏览:    关键词:用文字“画出”时序图:用 AI+Mermaid.js 解决交互过程中的问题

什么是时序图

序列图是一种用于描述对象之间在时间上的交互顺序的图表。
它可以展示对象之间是如何相互作用的,以及这些交互的顺序。

什么是Mermaid

Mermaid.js是一个开源项目,它允许你通过简单的文本代码来绘制图表。
无论你是开发者、学生还是普通用户,它都能帮助你将复杂的信息以直观和易懂的方式呈现出来。

什么是中文Mermaid

来自 min2k 的 中文Mermaid 在Mermaid的基础上引入了AI技术,实现了自动生成时序图的功能。
现在的用户只需输入内容,它就会自动将其转化为时序图
这大大地提高了工作效率,省去了手写代码的麻烦。

访问 中文Mermaid 体验 AI + Mermaid,提升你的效率,解决你的问题。

Mermaid的示例

文本代码

sequenceDiagramparticipant Clientparticipant ServerClient ->> Server:SYNnote right of Client:发送SYN请求Server -->> Client:SYN-ACKnote right of Server:回复SYN-ACKClient ->> Server:ACKnote right of Client:确认SYN-ACKnote over Client,Server:TCP连接已建立Client -->> Server:数据传输note right of Client:发送数据Server -->> Client:数据传输note right of Server:接收数据Client -->> Server:FINnote right of Client:发送FIN请求Server -->> Client:ACKnote right of Server:确认FIN请求Server -->> Client:FINnote right of Server:发送FIN请求Client -->> Server:ACKnote right of Client:确认FIN请求note over Client,Server:TCP连接已关闭

由代码绘制出来的图表

Client Server SYN 发送SYN请求 SYN-ACK 回复SYN-ACK ACK 确认SYN-ACK TCP连接已建立 数据传输 发送数据 数据传输 接收数据 FIN 发送FIN请求 ACK 确认FIN请求 FIN 发送FIN请求 ACK 确认FIN请求 TCP连接已关闭 Client Server

上图完整地展示了TCP协议在连接和关闭时的整个交互过程。

Mermaid的语法解释

第1行是图表类型,默认是:sequenceDiagram
接下来的 participant 定义了此次时序图的参与者,分别有 Client 和 Server
接下来的 Client ->> Server:SYN,表示从 Client 绘制一条实心线到 Sever 上,其线的描述为:SYN
接下来的 note right of Client:发送SYN请求,表示添加一个注解,放在 Client 的右侧,内容为:发送SYN请求
最后的 note over Client,Server:TCP连接已关闭,表示添加一个注解,横跨在 Client 和 Sever 之上,内容为:TCP连接已关闭

以上就是Mermaid时序图的常用语法。
若你不想手动编写代码的话,可以使用 min2k 的 中文Mermaid 来自动生图。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词