Mermaid能绘制的内容

关键字图类型关键字图类型
pie饼状图graph
flow流程图gantt甘特图
classDiagram类图stateDiagram状态图
journey用户旅程图

图(Graph)

甘特图(gantt)

其他类型图(pie、stateDiagram、journey)

类图

类间关系

参数含义参数含义
<|--Inheritance,继承--Link(Solid),硬链接
*--Composition,构成<..Dependency,依赖
o--Aggregation,聚合<|..Realization,实现
<--Association,联合..Link(Dashed),虚连接

这些箭头都可以指向右边,如 <|..变为..|>即可。

类成员可见性

参数含义参数含义
+Public-Package/Internal
#Protected~Package/Internal

类方法可见性

参数含义参数含义
*Abstract$Static

类图示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
```mermaid
classDiagram
%% 构建类
class SchoolMember {
+String gender
+int age
~fire()
+pay()
}
class Teacher {
+String Subject
+int salary
+teach()$
}
class Student {
+bool is_graduate
+string classroom
+get_grades()*
}
class 编不出来名字了 {
-float 编不出来类成员了
+编不出来类方法()
}
%% 构建类间关系(1、n之类的表明类之间的对应关系)
SchoolMember "1" <|-- "n" Teacher: 属于
SchoolMember *-- Student: 随便什么
编不出来名字了 "1" ..> "1" SchoolMember: 编不出来