Mermaid 类图速查表

类型、它们的成员，以及它们之间的关系。

这个页面上的每一张图都由

Mernyx——macOS 上的原生 Mermaid 编辑器绘制。不是浏览器里跑的 Mermaid.js，而是 App 画布用的同一个渲染器。

定义一个类

成员前面加可见性标记：+ 公有，- 私有。

classDiagram
  class Animal {
    +String name
    +int age
    +isMammal() bool
  }

六种关系，各有自己的箭头。左边两个是 UML 里的经典款。

classDiagram
  Animal <|-- Duck
  Car *-- Wheel
  Team o-- Member
  User --> Order
  Order ..> Invoice

关系后面的冒号后面就是两个类型之间的动词。

classDiagram
  Keeper "1" --> "*" Animal : feeds
  Animal "1" --> "0..*" Leg : has

每端引号里的数字说明涉及多少个该类型的实例。

classDiagram
  Customer "1" --> "*" Order : places
  Order "1" *-- "1..*" LineItem : contains

类体里的尖括号标出它的种类。

classDiagram
  class Shape {
    <<interface>>
    +draw() void
  }
  Circle ..|> Shape

和流程图同一个关键字。默认自上而下。

classDiagram
  direction LR
  Animal <|-- Duck
  Animal <|-- Fish