使用typora生成时序图

简介: 掌握生产力工具,使用typora和mermaid生成时序图

详细使用说明,请参考以下连接:https://cloud.tencent.com/developer/article/1334691
https://zhuanlan.zhihu.com/p/627356428
Typora 的制图功能是由 Mermaid 强力驱动,如果你使用过 PlantUML,那么 Mermaid 也非常容易上手。

Mermaid
Mermaid是一种简单的类似 Markdown 的脚本语言,通过 JavaScript 编程语言,将文本转换为图片。因此,真正实现画图功能的并不是 Typora 本身,它只是内置了对 Mermaid 的支持。
Mermaid 支持绘制非常多种类的图,常见的有时序图、流程图、类图、甘特图等等。下面分享一下如何绘制这些图,语法非常容易掌握。

先在 Typora 中,输入 ```mermaid 然后敲击回车,即可初始化一张空白图。
时序图
语法解释:->> 代表实线箭头,-->> 则代表虚线。

sequenceDiagram
    participant Client
    participant KongAPIGateway
    participant BackendServer1
    participant BackendServer2

    Client ->> KongAPIGateway: 发送TCP请求
    KongAPIGateway ->> BackendServer1: 转发TCP请求
    BackendServer1 -->> KongAPIGateway: 返回TCP响应
    KongAPIGateway -->> Client: 将TCP响应返回给客户端

    alt 其他后端服务器
        KongAPIGateway ->> BackendServer2: 转发TCP请求
        BackendServer2 -->> KongAPIGateway: 返回TCP响应
        KongAPIGateway -->> Client: 将TCP响应返回给客户端
    end

Back.png

相关文章
|
网络协议 Windows
两步带你解决IDEA 插件下载安装慢、超时、不成功问题
这篇文章提供了解决IDEA插件下载慢或超时问题的方案,通过查找国内插件节点IP地址并修改本地hosts文件来加速下载。
两步带你解决IDEA 插件下载安装慢、超时、不成功问题
|
Linux 虚拟化
VMware虚拟机 用共享文件夹方式 与主机传输文件(图文)
VMware虚拟机 用共享文件夹方式 与主机传输文件(图文)
VMware虚拟机 用共享文件夹方式 与主机传输文件(图文)
|
6月前
|
存储 人工智能 API
阿里 Qoder 新升级,Repo Wiki 支持共享、编辑和导出
Qoder 是阿里巴巴推出的 Agentic 编程平台,集成顶尖编程模型,具备强大上下文工程能力,可一次检索10万代码文件,大幅提升软件开发效率。其 Repo Wiki 功能自动生成结构化文档,支持共享、编辑与导出,助力知识沉淀与团队协作。
|
Cloud Native Java C++
Springboot3新特性:开发第一个 GraalVM 本机应用程序(完整教程)
文章介绍如何在Spring Boot 3中利用GraalVM将Java应用程序编译成独立的本机二进制文件,从而提高启动速度、减少内存占用,并实现不依赖JVM运行。
2342 1
Springboot3新特性:开发第一个 GraalVM 本机应用程序(完整教程)
|
9月前
|
JSON IDE Java
20 款 IDEA 主题任你选!(快来看看你最喜欢那个~)
我是小假 期待与你的下一次相遇 ~
5111 1
Typora——如何画流程图 | mermaid-js
Typora——如何画流程图 | mermaid-js
795 0
|
数据可视化 IDE Java
PlanUML和Mermaid哪个好?
PlanUML和Mermaid哪个好?
4118 0

热门文章

最新文章