首页 > 其他分享 >用文字“画出”时序图:用 AI+Mermaid.js 解决交互过程中的问题

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

时间:2024-11-01 17:00:10浏览次数:2  
标签:right AI SYN Server note -- Client js Mermaid

什么是时序图

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

什么是Mermaid

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

什么是中文Mermaid

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

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

Mermaid时序图的示例

文本代码

sequenceDiagram
  participant Client
  participant Server

  Client ->> Server:SYN
  note right of Client:发送SYN请求
  Server -->> Client:SYN-ACK
  note right of Server:回复SYN-ACK
  Client ->> Server:ACK
  note right of Client:确认SYN-ACK

  note over Client,Server:TCP连接已建立

  Client -->> Server:数据传输
  note right of Client:发送数据
  Server -->> Client:数据传输
  note right of Server:接收数据

  Client -->> Server:FIN
  note right of Client:发送FIN请求
  Server -->> Client:ACK
  note right of Server:确认FIN请求
  Server -->> Client:FIN
  note right of Server:发送FIN请求
  Client -->> Server:ACK
  note right of Client:确认FIN请求

  note over Client,Server:TCP连接已关闭

由代码绘制出来的图表

sequenceDiagram participant Client participant Server Client ->> Server:SYN note right of Client:发送SYN请求 Server -->> Client:SYN-ACK note right of Server:回复SYN-ACK Client ->> Server:ACK note right of Client:确认SYN-ACK note over Client,Server:TCP连接已建立 Client -->> Server:数据传输 note right of Client:发送数据 Server -->> Client:数据传输 note right of Server:接收数据 Client -->> Server:FIN note right of Client:发送FIN请求 Server -->> Client:ACK note right of Server:确认FIN请求 Server -->> Client:FIN note right of Server:发送FIN请求 Client -->> Server:ACK note right of Client:确认FIN请求 note over Client,Server:TCP连接已关闭

上图完整地展示了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 来自动生成时序图。

标签:right,AI,SYN,Server,note,--,Client,js,Mermaid
From: https://www.cnblogs.com/min2k/p/18520824

相关文章

  • JS里的this
    用来访问对象的this不可靠的外部变量名访问letuser={name:"John",age:30,sayHi(){alert(user.name);//"user"外部变量名}};user.sayHi();//TypeError:Cannotreadproperty'name'ofnull如果我们决定将user复制给另一个变量,例如admin......
  • AI作文批阅,AI素材管理……璞华集团携多款明星产品亮相智能社会治理论坛
    2024年10月25日,金秋十月的璀璨时节,备受瞩目的第二届智能社会治理论坛暨中国光谷人工智能艺术大会在中国光谷盛大启幕。此次论坛汇聚了人工智能领域的顶尖智慧,共同探讨人工智能技术的最新突破与智能社会治理模式的创新路径,同时强调了科技与文化融合的无限可能。璞华集团,作为AI实践......
  • 基于nodejs+vue基于的农贸市场网站的设计与实现[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于农贸市场网站的设计与实现问题的研究,现有研究主要以农贸市场的实体运营、传统管理模式为主,专门针对基于特定功能的农贸市场网站设计与实现的研究较......
  • 基于nodejs+vue基于的汽车租赁系统[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于汽车租赁系统的研究,现有研究多集中在系统的基本功能构建与运营模式方面,如迪蒙汽车租赁系统,其主要关注如何通过多网融合来拓展业务模式,提高运营效率......
  • 基于nodejs+vue基于的社区问答网站与设计[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于社区问答网站的研究,现有研究多集中在其社交性和信息传播方面1。在国外,社区问答网站发展较早,技术和运营模式相对成熟,注重用户体验和信息的个性化推荐......
  • 【昌哥IT课堂】MySQL8.3 EXPLAIN中的新JSON格式(译)
    MySQL提供了两个用于分析查询计划的强大工具:EXPLAIN和EXPLAINANALYZE。EXPLAIN显示优化器选择的执行计划,并在执行之前停止,而EXPLAINANALYZE实际执行查询并收集有关每个操作的处理时间和返回行数的统计信息。输出格式可以是表格形式(TRADITIONAL)、树形结构或JSON。前两种格式适用......
  • 学习threejs,导入OBJ格式和MTL的格式的模型
    ......
  • 车辆违停视频分析网关AI智能分析车辆检测算法在车辆智能管控场景中的应用
    随着人工智能技术的快速发展,视频AI智能分析网关在车辆检测与车牌识别领域的应用越来越广泛。尤其在智能交通管理领域,这一技术正发挥着至关重要的作用。视频分析网关AI智能分析车辆检测算法,基于深度学习技术,通过训练大量标注数据,实现了对视频中车辆的快速、准确检测与车牌识别。这......
  • 离岗检测视频分析网关AI智能分析在岗离岗检测算法的原理与应用
    在岗离岗检测算法是一项利用计算机视觉和深度学习技术的应用,它通过解析监控视频流来辨认和追踪人员,进而确定他们是否处于特定的工作区域内。算法网关视频分析网关在众多领域中都有着重要的应用价值,特别是在那些需要确认员工在岗状态的场景中,例如在工厂、仓库、银行、医院等场所。......
  • 智慧工地算法视频分析服务器区域入侵检测AI视频分析技术在煤矿的实战应用
    智慧煤矿中应用的智慧矿山算法视频分析服务器,依托于人工智能算法对矿井下的视频资料进行深入的分析与处理。这项技术能够利用图像识别和模式识别等方法,实时监测视频中的重要信息,包括工作人员的行为、设备运行状况以及环境指标等,为煤矿的安全作业和预防事故提供了强有力的技术支......