Markdown写出高大上时序图

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

语法图

时序图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: 更新缓存

显示效果

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