Markdown写出高大上时序图

上一篇文章分享了如何使用Markdown写流程图,继续挖掘md毫不含糊的功能,再分享一个md格式的时序图。

创新互联专业为企业提供公主岭网站建设、公主岭做网站、公主岭网站设计、公主岭网站制作等企业网站建设、网页设计与制作、公主岭企业网站模板建站服务,十载公主岭做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

语法图

Markdown写出高大上时序图

时序图4类元素

  • title: 标题
  • participant:定义参与的成员,as定义别名
  • 流向箭头
    • ->:实线黑体箭头,同步调用
    • -->:虚线黑体箭头,返回结果
    • ->>:实线空箭头,异步消息
    • -->>:虚线空箭头,返回结果
  • 注释
    • note over:注释,悬浮在成员上
    • note left of:注释,成员左边
    • note right of:注释,成员右边

示例

title: Web服务缓存更新时序图
participant 数据中台 as api
participant 缓存 as cache
participant 消息队列 as mq
participant 数据服务 as srv

api->cache: 读取缓存
cache-->api: 返回缓存
Note over api: 如果没有读到缓存,就调用数据服务
api->>mq: 请求更新缓存
mq->>srv: 触发更新缓存
srv-->cache: 更新缓存

显示效果

Markdown写出高大上时序图

md在线编辑器:https://www.mdeditor.com/


网站名称:Markdown写出高大上时序图
文章转载:http://ybzwz.com/article/picdpe.html