跳到正文
Mernyx
打开菜单

Mermaid 用例图速查表

参与者、用例,以及拥有它们的系统。

这个页面上的每一张图都由Mernyx——macOS 上的原生 Mermaid 编辑器绘制。不是浏览器里跑的 Mermaid.js,而是 App 画布用的同一个渲染器。

参与者与用例

参与者是一个名字,用例是括号里的名字。箭头表示该参与者参与其中。

usecase-beta
  actor Customer
  actor Support
  Customer --> Checkout
  Support --> Track
两个参与者 Customer 和 Support,指向两个用例 Checkout 和 Track。放大图表

系统边界

systemBoundary 和 end 之间的都属于系统。边界外的用例不属于。

usecase-beta
  actor Customer
  systemBoundary Storefront
    Browse("Browse catalogue")
    Checkout("Checkout")
  end
  Customer --> Browse
  Customer --> Checkout
一个 Customer 参与者指向一个叫 Storefront 的框,里面装着 Browse catalogue 和 Checkout。放大图表

包含关系

一根虚线箭头,冒号后跟一个词,表示一个用例用到了另一个。

usecase-beta
  actor Customer
  systemBoundary Storefront
    Browse("Browse catalogue")
    Checkout("Checkout")
  end
  Customer --> Browse
  Customer --> Checkout
  Checkout ..> : include Browse
一个 Storefront 边界装着 Browse catalogue 和 Checkout,Checkout 有一根标着 include Browse 的虚线。放大图表

方向

和流程图同一个关键字:TD、TB、BT、LR 和 RL。

usecase-beta
  direction LR
  actor Customer
  systemBoundary Storefront
    Checkout("Checkout")
  end
  Customer --> Checkout
一个 Customer 参与者在左边,指向装着 Checkout 的 Storefront 边界,从左到右排开。放大图表

在 Mernyx 里画出来

打开一个 .mmd 文件,在画布上挪一个节点,源码跟着走。macOS 原生,不经过浏览器。

图表预览