# Mermaid 用例图速查表

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

## 参与者与用例

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

```mermaid
usecase-beta
  actor Customer
  actor Support
  Customer --> Checkout
  Support --> Track
```

![两个参与者 Customer 和 Support，指向两个用例 Checkout 和 Track。](/diagrams/usecase/actors.svg)

## 系统边界

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

```mermaid
usecase-beta
  actor Customer
  systemBoundary Storefront
    Browse("Browse catalogue")
    Checkout("Checkout")
  end
  Customer --> Browse
  Customer --> Checkout
```

![一个 Customer 参与者指向一个叫 Storefront 的框，里面装着 Browse catalogue 和 Checkout。](/diagrams/usecase/boundary.svg)

## 包含关系

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

```mermaid
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 的虚线。](/diagrams/usecase/relations.svg)

## 方向

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

```mermaid
usecase-beta
  direction LR
  actor Customer
  systemBoundary Storefront
    Checkout("Checkout")
  end
  Customer --> Checkout
```

![一个 Customer 参与者在左边，指向装着 Checkout 的 Storefront 边界，从左到右排开。](/diagrams/usecase/direction.svg)

## 在 Mernyx 里画出来

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