UML、mermaid在代码中的表现形式

UML类图中类与类之间的关系如下所示:

classDiagram classA --|> classB : Inheritance classC --* classD : Composition classE --o classF : Aggregation classG --> classH : Association classI -- classJ : Link(Solid) classK ..> classL : Dependency classM ..|> classN : Realization

Inheritance( 继承、泛化关系 )

classDiagram classA --|> classB : Inheritance

很简单,A继承于B

ts 复制代码
class classB { }
class classA extends classB { }

Composition( 组合 )

classDiagram classC --* classD : Composition

实心的菱形,代表整体与部分中的组合关系。组合表示整体与部分的关系,且部分不能脱离整体而存在。通常在整体类中直接实例化部分类,并在整体类销毁时,部分类也会销毁。简单的举例:公司与部门的关系。公司死,部门肯定也不存在了,且部门不能独立于公司存在。

ts 复制代码
class classD { }
class classC {
  private d: classD;
  constructor() {
    this.d = new classD();
  }
}

Aggregation( 聚合 )

空心菱形。同样是表达整体与部分的关系。但是两者之间可以独立存在。

classDiagram classE --o classF : Aggregation
ts 复制代码
class classF {}
class classE {
    constructor(public f: classF) {} // classF 从外部注入,独立存在
}

// 使用示例
const f = new classF();
const e = new classE(f);  // classF 可独立于 classE 存在

Association( 关联 )

classDiagram classG --> classH : Association

简单的引用关系(无所有权)。此处代码表示和聚合非常相似。但是两者的语义不一样。

特性 聚合 (Aggregation) 关联 (Association)
关系本质 整体-部分关系(Whole-Part) 对象间平等协作
生命周期依赖 部分可独立于整体存在 完全独立
代码特征 引用来自外部(构造函数/方法传入) 引用可以是任意方式建立
UML语义 ◇ 空心菱形 (整体端) 普通箭头或直线
设计意图 "由...组成"(has-a) "使用..."/"链接..." (uses-a)
典型例子 汽车和轮子,学校和教师 学生选课程,用户使用支付服务
ts 复制代码
class classH {}
class classG {
    constructor(public h?: classH) {} // 可选关联
}

// 使用示例
const h = new classH();
const g = new classG(h);  // classG 持有 classH 的引用

Link-Solid其实是Association关联关系的一种表现形式,Association通常代表单向的关联,而Link-Solid代表双向。

classDiagram classI -- classJ : Link(Solid)
ts 复制代码
class classJ {}
class classI {
    j: classJ;  // 双向关联
    linkJ(target: classJ) {
        this.j = target;
    }
}

Dependency( 依赖 )

classDiagram classK ..> classL : Dependency

临时性依赖(无持久化引用)

ts 复制代码
class classL {}
class classK {
    doSomething(param: classL) {  // 临时依赖(参数/局部变量)
        const temp = new classL(); // 或局部创建
    }
}

Realization( 实现 )

虚线箭头代表实现关系。

classDiagram classM ..|> classN : Realization
ts 复制代码
interface classN {}       // 接口定义
class classM implements classN {}  // classM 实现 classN 的接口
相关推荐
疯狂打码的少年2 天前
UML类图究竟是什么?—— 软件开发中的“建筑蓝图”
uml
rolt2 天前
[幻灯片]分析设计高阶-02结构(2)-202604更新
ddd·架构师·uml·ooad
a里啊里啊4 天前
软考-软件评测师:知识点整理(七)——软件工程
设计模式·软件工程·软考·uml·结构化开发·软件评测师·软件模型
Warren2Lynch5 天前
[特殊字符]️ 综合指南:结合使用 C4 模型与 UML
uml·c4
Ting.~5 天前
软件设计师备考笔记【day2】-UML 图解 | 面向对象 | 设计模式
笔记·设计模式·uml
清钟沁桐8 天前
编程设计之三 -- UML
uml
choke2338 天前
深度分析系统建模:从UML基础到类图和对象图的实际应用
大数据·软件工程·uml
黄昏回响10 天前
UML与SysML深度解析:从软件工程到系统工程的建模语言进化之路
程序人生·软件工程·uml·改行学it
雪碧聊技术11 天前
UML相关知识点精讲
uml
Warren2Lynch12 天前
Visual Paradigm UML 平台 6 个月深度使用的真实评测
uml