【个人博客】使用Mermaid在Markdown中绘制类图

Mermaid能绘制的内容

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

图（Graph）

引用站外地址

【个人博客】使用Mermaid在Markdown中绘制流程图

6Young

甘特图（gantt）

引用站外地址

【个人博客】使用Mermaid在Markdown中绘制甘特图

6Young

其他类型图（pie、stateDiagram、journey）

引用站外地址

【个人博客】使用Mermaid在Markdown中绘制其他类型图

6Young

类图

类间关系

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

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

类成员可见性

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

类方法可见性

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

类图示例

<pre class="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: 编不出来</pre>

{% 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 编不出来类成员了
	    +编不出来类方法()
	}
	%% 构建类间关系
	SchoolMember "1" <|-- "n" teacher: 属于 schoolmember *-- student: 随便什么 编不出来名字了 "1" ..> "1" SchoolMember: 编不出来

{% endmermaid %}