UML类图工具mermaid教程

本文主要是介绍UML类图工具mermaid教程，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

写在开始

mermaid可以用代码的形式来画UML类图,可在VsCode中安装插件直接使用.

UML类图可以清晰地表示类之间的关系,可以帮助程序员的开始敲代码之前进行系统架构,是必须掌握的一门技能.

本文将介绍如何使用开源工具mermaid以代码的形式来画类图.学习UML之间的关系以及mermaid的语法.

定义类

classDiagramclass AnimalVehicle <|-- Car

定义类成员

类成员包括类属性和类方法,mermaid使用()来区别元素是属性还是方法,只有方法后面才会携带括号.

• 类属性相关修饰符的表示

`+`: Public`-`: Private`#`: Protected`~`: Package/Internal`*`: Abstract e.g.: someAbstractMethod()*`$`: Static e.g.: someStaticMethod()$

• 使用类名带 :带成员名称来增加一个成员

classDiagramclass BankAccountBankAccount : +String ownerBankAccount : +BigDecimal balanceBankAccount : +deposit(amount) BooleanBankAccount : +withdrawal(amount)

或者使用 {} 来增加成员

classDiagramclass BankAccount{+String owner+BigDecimal balance+deposit(amount) Boolean+withdrawl(amount)}

定义类之间关系

[classA][Arrow][ClassB]:LabelText

关系类型

Dependency依赖

学生在学习生活中经常使用电脑，于是对电脑产生了依赖。依赖关系是五种关系中耦合最小的一种关系。类A要完成某个功能引用了类B，则类A依赖类B。依赖在代码中主要体现为类A的某个成员函数的返回值、形参、局部变量或静态方法的调用，则表示类A引用了类B。

下图应该为虚线连接

classDiagram学生 ..> 电脑

Association关联

关联关系使用实线加箭头表示，类之间的关系比依赖要强。学生与老师是关联的，学生可以不用电脑，但是学生不能没有老师。

classDiagram学生-->老师

单向关联

classDiagram学生-->老师  

双向关联

classDiagram学生--老师

Aggregation聚合

关联关系的一种,表示拥有has-a的关系.此时整体与部分之间是可分离的，它们可以具有各自的生命周期，部分可以属于多个整体的对象，也可以为多个整体对象共享，比如球员与球队、教练与球队的关系。此时球员和教练确实属于球队,但是并没有那么强的绑定关系,球员和教练都可以转会.

classDiagram球队A o-- 球员小贝球队A o-- 教练

Composition组合

组合也是关联关系的一种特例，它体现的是一种contains-a的关系，这种关系比聚合更强，也称为强聚合。
它同样体现整体与部分间的关系，但此时整体与部分是不可分的，整体的生命周期结束也就意味着部分的生命周期结束，比如小贝和他的头和心脏。

classDiagram球员小贝 *-- 头球员小贝 *-- 心脏

Generalization泛化

泛化是学术名称，通俗来讲，泛化指的是类与类之间的继承关系和类与接口之间的实现关系。

Inheritance继承

继承指的是一个类（称为子类、子接口）继承另外的一个类（称为父类、父接口）的功能.使用空心箭头加实线表示.

classDiagramPerson <|-- Student

Realization实现

类实现接口,使用空心箭头加虚线表示

此处应该使用虚线

classDiagramclass IPayMode{<<interface>>+ pay()}class PasswordPayMode{+pay()}class FacePayMode{+pay()}class FingerprintPayMode{+pay()}IPayMode <|.. PasswordPayModeIPayMode <|.. FacePayModeIPayMode <|.. FingerprintPayMode

类描述

<<Interface>> 表示接口类<<abstract>> 代表抽象类<<Service>> 代表服务等级<<enumeration>> 代表一个枚举

可以在定义类后使用

classDiagramclass Shape<<interface>> Shape

也可以在定义类中使用

classDiagramclass Shape{<<interface>>noOfVerticesdraw()}class Color{<<enumeration>>REDBLUEGREENWHITEBLACK}

注释

注释必须自己一行, 并且必须以 %% (双百分号) 开头.

这篇关于UML类图工具mermaid教程的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---