使用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

相关文章
|
存储
ASCII码可以表示汉字吗?
ASCII码可以表示汉字吗?
4395 0
|
存储 负载均衡 架构师
Nginx极简入门(七)Nginx的日志管理及配置
前面讲了如何配置Nginx虚拟主机和Nginx负载均衡。我们知道日志对于Nginx非常重要。今天要说的是如何配置Nginx的日志。
Nginx极简入门(七)Nginx的日志管理及配置
|
数据可视化 IDE Java
PlanUML和Mermaid哪个好?
PlanUML和Mermaid哪个好?
2476 0
|
监控 Devops Docker
如何在DevOps中更好地使用python
如何在DevOps中更好地使用python
325 7
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
12月前
|
Java API 数据库
深入探索Java的持久化技术——JPA(Java Persistence API)
【10月更文挑战第10天】深入探索Java的持久化技术——JPA(Java Persistence API)
353 0
|
设计模式 人工智能 JSON
一文掌握大模型提示词技巧:从战略到战术
本文将用通俗易懂的语言,带你从战略(宏观)和战术(微观)两个层次掌握大模型提示词的常见技巧,真正做到理论和实践相结合,占领 AI 运用的先机。
|
应用服务中间件 持续交付 nginx
[nginx]借助nginx实现自动获取本机IP
[nginx]借助nginx实现自动获取本机IP
228 5
|
Linux Go 网络安全
goland 远程调试 remote debug
goland 远程调试 remote debug
490 0
|
Java
Velocity简明教程(1)
Velocity简明教程(1)
391 0