UML类图工具mermaid教程

写在开始

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

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

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

定义类

classDiagram
    class Animal
    Vehicle <|-- Car

定义类成员

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

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

`+`: Public

`-`: Private

`#`: Protected

`~`: Package/Internal

`*`: Abstract e.g.: someAbstractMethod()*

`$`: Static e.g.: someStaticMethod()$

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

classDiagram
    class BankAccount
        BankAccount : +String owner
        BankAccount : +BigDecimal balance
        BankAccount : +deposit(amount) Boolean
        BankAccount : +withdrawal(amount)

或者使用 {} 来增加成员

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

定义类之间关系

[classA][Arrow][ClassB]:LabelText

关系类型

Dependency依赖

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

下图应该为虚线连接

classDiagram
	学生 ..> 电脑