typora绘制类图

发表于 | 分类于

typora绘制类图

右键–>【插入】–>【代码块】

代码块右下角类型输入“mermaid”

【示例】代码块内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
classDiagram
	人..>计算机: 依赖关系(此处为标签文本)
	老师--学生: 双向关联
	学生-->课程: 单向关联
	汽车*..引擎: 聚合关系
	汽车*..轮胎: 聚合关系
	鸟*--翅膀: 组合关系
	动物<|..鸟: 继承/泛化关系
	飞翔接口<|--鸟: 实现关系
	class 鸟 {
		- 翅膀
		+ 飞翔()
	}
	class 汽车 {
		- 引擎
		- 轮胎
		+ 行驶()
	}

输出类图如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
classDiagram
	人..>计算机: 依赖关系(此处为标签文本)
	老师--学生: 双向关联
	学生-->课程: 单向关联
	汽车*..引擎: 聚合关系
	汽车*..轮胎: 聚合关系
	鸟*--翅膀: 组合关系
	动物<|..鸟: 继承/泛化关系
	飞翔接口<|--鸟: 实现关系
	class 鸟 {
		- 翅膀
		+ 飞翔()
	}
	class 汽车 {
		- 引擎
		- 轮胎
		+ 行驶()
	}

语法规则：

image-20240227140217563

​ +表示public，-表示private