千家信息网

Markdown写出高大上时序图

发表于:2024-10-02 作者:千家信息网编辑
千家信息网最后更新 2024年10月02日,上一篇文章分享了如何使用Markdown写流程图,继续挖掘md毫不含糊的功能,再分享一个md格式的时序图。语法图时序图4类元素title: 标题participant:定义参与的成员,as定义别名流向
千家信息网最后更新 2024年10月02日Markdown写出高大上时序图

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

语法图

时序图4类元素

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

示例

title: Web服务缓存更新时序图participant 数据中台 as apiparticipant 缓存 as cacheparticipant 消息队列 as mqparticipant 数据服务 as srvapi->cache: 读取缓存cache-->api: 返回缓存Note over api: 如果没有读到缓存,就调用数据服务api->>mq: 请求更新缓存mq->>srv: 触发更新缓存srv-->cache: 更新缓存

显示效果

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

0