引言

在软件架构和系统设计的复杂世界中，统一建模语言（UML）作为一种通用的蓝图语言，帮助团队可视化、规范、构建和记录软件系统。在十三种 UML 图类型中，有两种在结构建模方面尤为重要：类图和组件图。

虽然这两种图都描述静态结构，但它们服务于根本不同的目的，并在不同的抽象层次上运作。类图聚焦于代码的内部逻辑——定义类、属性、操作及其关系。而组件图则拉远视角，展示系统的模块化组件如何组合、交互并在现实世界中部署。

理解何时使用每种图类型——以及它们如何相辅相成——对于开发人员、架构师、业务分析师和利益相关者之间的有效沟通至关重要。本综合指南将深入解析这两种图类型，探讨其核心概念，并提供实用指导，帮助您为建模需求选择合适的工具。

---

什么是类图？

在软件工程中，统一建模语言（UML） 中的类图是一种静态结构图，通过展示系统的类、属性、操作（或方法）以及对象之间的关系来描述系统结构。

类图的目的

1. 展示系统中分类器的静态结构

2. 为 UML 规定的其他结构图提供基本表示法

3. 对开发人员和其他团队成员都有帮助

4. 业务分析师可以使用类图从业务角度对系统进行建模

UML 类图由以下部分组成：

• 一组类

• 类之间的一组关系

什么是类

类是对系统中具有相似角色的一组对象的描述，包含：

• 结构特征（属性）：定义类的对象"知道什么"

  • 表示类中对象的状态

  • 描述类的结构或静态特征

• 行为特征（操作）：定义类的对象"能做什么"

  • 定义对象之间可能交互的方式

  • 操作描述类的行为或动态特征

类的表示法

类的表示法由三部分组成：

1. 类名

   • 类名显示在第一分区。

2. 类属性

   • 属性显示在第二分区。

   • 属性类型在冒号后显示。

   • 属性映射到代码中的成员变量（数据成员）。

3. 类操作（方法）

   • 操作显示在第三分区。它们是类提供的服务。

   • 方法的返回类型在方法签名末尾的冒号后显示。

   • 方法参数的返回类型在参数名后的冒号后显示。

   • 操作映射到代码中的类方法

上图所示类 MyClass 的图形表示：

• MyClass 有 3 个属性和 3 个操作

• op2 的参数 p3 类型为 int

• op2 返回 float 类型

• op3 返回指向 Class6 的指针（用 * 表示）

类之间的关系

一个类可能与一个或多个其他类存在关系。关系可以是以下类型之一：（请参考右侧图示了解关系的图形表示）。

关系类型	图形表示
继承（或泛化）： 表示"是一个"关系。 抽象类名用斜体显示。 SubClass1 和 SubClass2 是 Super Class 的特化。 从子类指向父类的实线空心箭头
简单关联： 两个对等类之间的结构链接。 Class1 和 Class2 之间存在关联 连接两个类的实线
聚合： 关联的特殊类型。表示"部分-整体"关系。 Class2 是 Class1 的一部分。 Class2 的多个实例（用 * 表示）可以与 Class1 关联。 Class1 和 Class2 的对象具有独立的生命周期。 实线，在组合类一端有空心菱形
组合： 聚合的特殊类型，当整体被销毁时部分也被销毁。 Class2 的对象与 Class1 共存亡。 Class2 不能独立存在。 实线，在组合类一端有实心菱形
依赖： 如果更改一个类的定义可能导致另一个类发生变化（但反之不成立），则两个类之间存在依赖关系。 Class1 依赖于 Class2 带开放箭头的虚线

关系名称

• 关系名称写在关联线的中间。

• 好的关系名称在朗读时应有意义：

  • "每个电子表格包含若干单元格"

  • "一个表达式求值为一个值"

• 它们通常有小箭头指示读取关系的方向，例如：表达式求值为值，但值不求值为表达式。

关系 - 角色

• 角色是关联的方向性目的。

• 角色写在关联线的两端，描述该类在关系中扮演的目的。

  • 例如：单元格与表达式相关。关系的本质是表达式是单元格的公式。

导航性

箭头指示：给定参与关系的一个实例，是否可以确定与之相关的另一个类的实例。
上图表明：

• 给定一个电子表格，我们可以定位它包含的所有单元格，但

  • 从单元格无法确定它属于哪个电子表格。

• 给定一个单元格，我们可以获取相关的表达式和值，但

  • 给定值（或表达式），我们无法找到它们所属的单元格。

类属性和操作的可见性

在面向对象设计中，属性和操作有可见性表示法。UML 定义了四种可见性类型：公共、保护、私有和包。
类中属性和操作名称前的 +、-、# 和 ~ 符号表示其可见性。

• • 表示公共属性或操作

• - 表示私有属性或操作

• # 表示保护属性或操作

• ~ 表示包属性或操作

类可见性示例

在上例中：

• MyClassName 的 attribute1 和 op1 是公共的

• attribute3 和 op3 是保护的

• attribute2 和 op2 是私有的

各类成员对这些可见性类型的访问权限如下表所示：

访问权限	公共 (+)	私有 (-)	保护 (#)	包 (~)
同一类的成员	是	是	是	是
派生类的成员	是	否	是	是
任何其他类的成员	是	否	否	同包内

多重性

每个类的多少个对象参与关系，多重性可表示为：

• 恰好一个 - 1

• 零个或一个 - 0..1

• 多个 - 0..* 或 *

• 一个或多个 - 1..*

• 精确数字 - 例如 3..4 或 6

• 或复杂关系 - 例如 0..1, 3..4, 6..* 表示除 2 或 5 外的任意数量对象

多重性示例

• 需求：一个学生可以选修多门课程，多个学生可以注册同一门课程。

• 在下例中，类图（左侧）描述了上述需求的静态模型，而对象图（右侧）显示了课程注册的快照（类图的实例），分别针对软件工程和数据库管理两门课程）

聚合示例 - 计算机及其部件

• 聚合是关联的特殊情况，表示"由...组成"的层次结构

• 聚合体是父类，组件是子类

继承示例 - 单元格分类

• 继承是关联的另一种特殊情况，表示"是一种"的层次结构

• 继承通过引入分类法简化分析模型

• 子类继承父类的属性和操作

类图 - 图示工具示例

类图也可以附加注释到类或关系上。注释以灰色显示。

在上例中，我们可以通过阅读以下要点来理解该类图的含义：

1. Shape 是抽象类，以斜体显示。

2. Shape 是父类。Circle、Rectangle 和 Polygon 派生自 Shape。换句话说，Circle 是一种 Shape。这是泛化/继承关系。

3. DialogBox 和 DataController 之间存在关联。

4. Shape 是 Window 的一部分。这是聚合关系。Shape 可以独立于 Window 存在。

5. Point 是 Circle 的一部分。这是组合关系。Point 不能独立于 Circle 存在。

6. Window 依赖于 Event。但 Event 不依赖于 Window。

7. Circle 的属性是 radius 和 center。这是一个实体类。

8. Circle 的方法名是 area()、circum()、setCenter() 和 setRadius()。

9. Circle 中的参数 radius 是 float 类型的输入参数。

10. Circle 类的 area() 方法返回 double 类型的值。

11. Rectangle 的属性和方法名被隐藏。图中其他一些类的属性和方法名也被隐藏。

使用 Visual Paradigm AI 加速类图绘制

构建稳健的静态结构不必从零开始。无论您使用我们的桌面版建模器进行精确编辑，还是使用我们的AI 生态系统进行快速生成，Visual Paradigm 都能自动化从需求到类图的路径。

多平台 AI 支持

• VP 桌面版：通过 AI 生成类图，并使用我们的专业建模套件进行高级优化。

• AI 聊天机器人：只需描述您的领域，让 AI 聊天机器人 生成并完善您的类结构。

• OpenDocs：将 AI 生成的类图直接嵌入您的 OpenDocs 页面，实现实时文档化。

专业类图应用

⚡ AI 类图向导： 逐步辅助创建类、属性和操作。
🔄 用例工作室： 自动从行为描述中提取领域类。
🚀 Agilien： 将用户故事/史诗直接桥接到结构化 UML 模型。
💾 数据库建模器 AI： 为数据库设计生成概念领域类图。
🏛️ MVC 架构： 生成专门的控制器类图。

探索如何使用 AI 掌握类图：
AI 类图指南 完整 AI 生态系统

处理复杂系统 - 使用多个还是单个类图？

不可避免的是，如果您正在建模大型系统或大型业务领域，将有大量实体需要考虑。我们应该使用多个还是单个类图来建模问题？答案是：

• 与其在单个类图上建模每个实体及其关系，不如使用多个类图。

• 将系统划分为多个类图使系统更易于理解，特别是当每个图是系统特定部分的图形表示时。

类图在软件开发生命周期中的视角

我们可以在 软件开发生命周期 的不同开发阶段使用类图，通常通过三种不同视角（详细程度）逐步建模类图：

概念视角：图被解释为描述现实世界中的事物。因此，如果您采用概念视角，您绘制的图表示所研究领域中的概念。这些概念自然与实现它们的类相关。概念视角被认为与语言无关。

规范视角：图被解释为描述具有规范和接口但不对特定实现做出承诺的软件抽象或组件。因此，如果您采用规范视角，我们关注软件的接口，而非实现。

实现视角：图被解释为描述特定技术和 语言 中的软件实现。因此，如果您采用实现视角，我们关注软件实现。

---

什么是组件图？

UML 组件图用于建模面向对象的系统的物理方面，用于可视化、规范化和记录基于组件的系统，并通过正向和反向工程构建可执行系统。组件图本质上是专注于系统组件的类图，通常用于建模系统的静态实现视图。

更快、更好、更轻松地学习 UML

您是否正在寻找一款免费的 UML 工具来更快、更轻松、更迅速地学习 UML？Visual Paradigm 社区版是一款支持所有 UML 图类型的 UML 软件。它是国际获奖的 UML 建模器，同时又易于使用、直观且完全免费。
免费下载

组件图概览

组件图将正在开发的实际系统分解为各种高级功能。每个组件在整个系统中负责一个明确的目标，并且仅在需要时与其他基本元素交互。

上图展示了较大组件的内部组件：

• 数据（账户和检查 ID）通过右侧的端口流入组件，并转换为内部组件可使用的格式。右侧的接口称为所需接口，表示组件执行其职责所需的服务。

• 数据然后通过各种连接传递并经过其他几个组件，最后从左侧的端口输出。左侧的接口称为提供接口，表示由展示组件交付的服务。

• 重要的是要注意，内部组件被一个大的"框"包围，这个框可以是整个系统本身（此时右上角不会有组件符号），也可以是整个系统的子系统或组件（此时"框"本身就是一个组件）。

组件图的基本概念

组件表示系统的模块化部分，封装其内容，并且其表现形式在环境中是可替换的。在 UML 2 中，组件绘制为带有可选垂直堆叠分区的矩形。UML 2 中组件的高级抽象视图可以建模为：

1. 带有组件名称的矩形

2. 带有组件图标的矩形

3. 带有构造型文本和/或图标的矩形

使用 AI 构建模块化系统架构

组件图可视化系统的模块化部分和物理表现形式。使用 Visual Paradigm 的 AI 聊天机器人，您可以通过简单的对话界面即时构思系统架构、识别提供/所需接口，并生成初始组件图。

现已推出：AI 聊天机器人 - 您的设计伙伴

只需向聊天机器人描述您的模块、微服务或数据库结构。它将帮助您定义：

• 模块边界：识别系统的哪些部分应封装为组件。

• 依赖映射：可视化不同可执行文件和库在发布版本中的交互方式。

立即与 AI 聊天

了解更多关于我们的 AI 驱动建模生态系统：
AI 组件指南 所有 AI 工具

接口

下图展示了两种类型的组件接口：

提供接口符号末端为完整圆圈，表示组件提供的接口——这个"棒棒糖"符号是实现接口分类器关系的简写。

所需接口符号末端为半圆（也称为插槽），表示组件所需的接口（在这两种情况下，接口名称都放置在接口符号附近）。

组件图示例 - 使用接口（订单系统）

子系统

子系统分类器是组件分类器的特化版本。因此，子系统表示法元素继承与组件表示法元素相同的所有规则。唯一区别是子系统表示法元素使用关键字"subsystem"而非"component"。

端口

端口使用沿系统或组件边缘的方块表示。端口通常用于帮助暴露组件的所需和提供接口。

关系

从图形上看，组件图是顶点和弧的集合，通常包含组件、接口以及依赖、聚合、约束、泛化、关联和实现关系。它也可能包含注释和约束。

关系	表示法
关联： 关联指定可以在类型化实例之间发生的语义关系。 它至少有两个端点，由属性表示，每个端点连接到端点的类型。关联的多个端点可以具有相同类型。
组合： 组合聚合是一种强形式的聚合，要求部分实例在任何时候最多包含在一个组合中。 如果组合被删除，其所有部分通常也会被删除。
聚合 一种关联，其一端标记为共享作为聚合类型，表示它具有共享聚合。
约束 以自然语言文本或机器可读语言表达的条件或限制，用于声明元素的某些语义。
依赖 依赖是一种关系，表示单个或多个模型元素需要其他模型元素进行规范或实现。 这意味着依赖元素的完整语义在语义或结构上依赖于供应元素（一个或多个）的定义。
链接： 泛化是更通用分类器和更特定分类器之间的分类关系。 特定分类器的每个实例也是通用分类器的间接实例。 因此，特定分类器继承更通用分类器的特征。

建模源代码

• 通过正向或反向工程，识别感兴趣的源代码文件集，并将它们建模为构造型为文件的组件。

• 对于大型系统，使用包来显示源代码文件组。

• 考虑暴露标记值，指示源代码文件的版本号、作者和最后更改日期等信息。使用工具管理此标记的值。

• 使用依赖关系建模这些文件之间的编译依赖。同样，使用工具帮助生成和管理这些依赖关系。

组件示例 - Java 源代码

组件图示例 - 带版本控制的 C++ 代码

建模可执行发布版本

• 识别您想要建模的组件集。通常，这将涉及驻留在一个节点上的一些或所有组件，或者这些组件集在系统中所有节点上的分布。

• 考虑此集合中每个组件的构造型。对于大多数系统，您会发现少量不同类型的组件（如可执行文件、库、表、文件和文档）。您可以使用 UML 的扩展机制为这些构造型提供视觉提示。

• 对于此集合中的每个组件，考虑其与邻居的关系。最常见的是，这将涉及由某些组件导出（实现）然后由其他组件导入（使用）的接口。如果您想暴露系统的接缝，请显式建模这些接口。如果您希望模型处于更高的抽象级别，则可以通过仅显示组件之间的依赖关系来省略这些关系。

建模物理数据库

• 识别模型中表示逻辑数据库模式的类。

• 选择将这些类映射到表的策略。您还需要考虑数据库的物理分布。您的映射策略将受您希望数据在部署系统中驻留位置的影响。

• 为了可视化、规范、构建和记录您的映射，创建一个包含构造型为表的组件的组件图。

• 在可能的情况下，使用工具帮助您将逻辑设计转换为物理设计。

---

类图 vs 组件图：何时使用哪种？

主要区别在于抽象层次：类图描述系统的内部结构和逻辑（编码的"蓝图"），而组件图描述高级物理或功能模块以及它们如何交互（架构的"构建块"）。

关键概念

类图（静态结构）

• 目的：展示单个对象的属性、方法和关系。

• 元素：类、接口、枚举。

• 关系：关联、聚合、组合、泛化（继承）。

组件图（实现视图）

• 目的：展示系统如何划分为物理组件（如 DLL、可执行文件或微服务）以及它们之间的依赖关系。

• 元素：组件（用侧面带两个小矩形的框表示）、端口、接口。

• 关系："提供"接口（棒棒糖）和"所需"接口（插槽）。

有效建模指南

1. 类图：聚焦领域逻辑。使用它们传达代码的"什么"和"如何"。避免用每个私有辅助方法使它们过于复杂；坚持使用公共 API 和关键关系。

2. 组件图：聚焦系统架构。使用它们展示系统的不同部分如何部署或第三方库如何集成。它们非常适合向利益相关者解释高级依赖关系。

3. 可追溯性：确保您的组件可以映射回类。单个组件通常封装一组相关的类。

Visual Paradigm 中的工具支持

Visual Paradigm 提供特定功能来简化这两种类型：

• 模型浏览器：使用它来维护单一的"事实来源"。您可以将类从浏览器拖放到多个图中，而无需重复数据。

• 资源目录：选择元素时，点击右上角的小图标可快速拖出并创建相关元素（如接口或子类）。

• 代码工程：您可以使用 Java/C++ 代码生成 工具将类图直接转换为源代码，或将现有代码反向工程回图中。

• 子图：您可以通过右键单击组件并创建类图作为子图来"深入"，以显示其内部实现。

决策框架：您应该使用哪种图？

场景	推荐图	原因
设计面向对象代码结构	类图	在代码级别捕获类、属性、方法和关系
规划系统模块化或微服务	组件图	展示独立模块如何交互和相互依赖
记录团队间的 API 契约	组件图	接口和端口清晰定义服务边界
重构遗留代码	类图	帮助可视化现有类关系并识别耦合
规划部署架构	组件图	将组件映射到物理或逻辑部署单元
教授 OOP 概念	类图	清晰展示继承、多态和封装
集成第三方库	组件图	显示外部依赖和接口要求
数据库模式设计（概念）	类图	在物理映射之前建模实体和关系
数据库模式设计（物理）	组件图	将逻辑类映射到物理表和存储组件

---

结论

在类图和组件图之间进行选择，不是挑选"更好"的选项，而是为您要解决的问题选择合适的视角。当您需要设计、记录或在代码级别沟通软件的内部逻辑时，类图表现出色。它们对于面向对象设计、API 规范以及确保代码库保持清晰的关系和职责不可或缺。

另一方面，当您需要架构、部署或解释系统的较大部分如何组合在一起时，组件图则大放异彩。它们对于微服务设计、集成规划、发布管理以及向利益相关者沟通系统边界和依赖关系至关重要。

最有效的软件团队会互补地使用这两种图：从概念类图开始建模领域逻辑，然后演化为组件图来规划部署和集成。通过理解每种图类型的独特目的和优势，您可以创建更清晰的文档，促进更好的团队对齐，并构建更可维护、可扩展的系统。

请记住：优秀的架构不仅仅关乎您使用的工具——更关乎在正确的时间使用正确的工具。让类图指导您的代码，让组件图指导您的系统。

---

参考文献

1. 统一建模语言（UML）: Wikipedia 对 UML 的全面概述，这是用于可视化、规范、构建和记录软件系统的标准化建模语言。

2. 什么是类图？: Visual Paradigm 指南，解释类图作为描述系统类、属性、操作和关系的静态结构图。

3. AI 驱动的类图生成: Visual Paradigm 的 AI 聊天机器人，通过自然语言描述生成和完善类结构。

4. AI 类图工具生态系统: Visual Paradigm AI 辅助工具加速类图创建的综合指南。

5. 软件开发生命周期视角: SDLC 阶段概述，类图在其中服务于概念、规范和实现视角。

6. 免费 UML 建模工具: Visual Paradigm 社区版下载页面，一款支持所有图类型的免费 UML 工具。

7. Visual Paradigm 综合 UML 工具: Visual Paradigm 企业级 UML 建模功能概述，适用于敏捷和大型项目。

8. 代码工程功能: 正向和反向工程功能的详细信息，用于从图生成代码或反之。

9. AI 组件图指南: 通过对话界面使用 AI 构思架构并生成组件图的教程。

10. 完整 AI 建模生态系统: 探索 Visual Paradigm 集成 AI 工具，加速所有类型的 UML 和系统建模。

参考文献列表：Visual Paradigm UML 工具与教程

1. 最佳 UML 可视化建模工具：全面介绍 Visual Paradigm 的 UML 建模功能，支持 UML 2.x 标准，涵盖代码工程、敏捷集成、需求追踪、团队协作及 AI 辅助绘图等特性。包含展示工具能力的视觉幻灯片。

2. UML 工具：屡获殊荣的 UML 软件，支持创建全部 14 种 UML 图（用例图、类图、序列图、组件图等），具备模型元素引用、AI 智能建模、与 IDE/数据库/敏捷工作流集成等功能。

3. UML 类图教程：图解类图符号规范，包括类结构（名称、属性、操作）、可见性修饰符、关系类型（继承、关联、聚合、组合、依赖），并提供订单系统、GUI 等实用示例。

4. UML 类图教程（详细指南）：深入讲解类的概念、UML 符号规范、各类关系的视觉示例、三种建模视角（概念/规格/实现），以及 AI 辅助创建类图的工具。包含继承层次与关联多重性示意图。

5. 什么是类图？：类图基础解析，说明其作为静态结构图的用途、类的表示法、关系类型对照表（含图形符号）、可见性规则、多重性示例，以及开发生命周期中的不同视角。附有带注释的类图实例。

6. Visual Paradigm 的 AI 赋能生态系统如何变革 UML 开发：探讨 Visual Paradigm 如何集成 AI 功能（文本分析、AI 图表生成器、AI 聊天机器人），实现从自然语言需求到专业 UML 图的快速转换，贯穿软件开发生命周期。

7. UML 类图初学者综合学习指南：面向初学者的教程，以航空公司常旅客计划为例，讲解类、属性、方法、关系（继承、关联、组合、聚合）及约束条件。包含航空公司常旅客系统类图示意图。

8. 组件图：组件图符号参考，包括组件、接口、依赖、聚合、组合、实现等关系的视觉表示，以表格形式清晰呈现各类符号。

9. 如何在 UML 中绘制组件图？：Visual Paradigm 中创建组件图的分步教程，涵盖组件创建、命名、依赖关系建立及图表完成，配有顺序图解指导。

10. 免费网页版组件图软件：介绍 Visual Paradigm Online 免费版的组件图绘制功能，支持拖放操作、无限图表/形状、多平台使用、多种导出格式，并提供售票系统、网店、订单处理系统等示例图。

11. UML 组件图初学者指南：教育性指南，解释组件图核心概念（组件、接口、依赖、关联、制品）、在 Visual Paradigm Online 中的创建步骤，以及通过模板实例学习的方法。

12. UML 组件图教程：如何使用 Lucidchart 创建自己的组件图：视频教程（1 分 47 秒），演示 UML 组件图基础、接口的"棒棒糖/插座"表示法，以及在 Lucidchart 中逐步创建图表的过程。含时间戳与资源链接。

13. 免费组件图工具：概述 Visual Paradigm Online 的免费组件图编辑器，具备拖放界面、格式化工具、Visio 导入、模板库及实用示例图，便于实践学习。

14. UML 实用指南——掌握 UML 建模所需的一切：综合参考资源，涵盖 UML 用途、4+1 架构视图、全部 14 种 UML 2 图类型（结构图与行为图）示例，以及 AI 建模工具的集成应用。

15. 全面 UML 工具集：中文资源，详细介绍 Visual Paradigm 面向敏捷/企业开发的 UML 工具套件，包括获奖建模能力、高级系统建模、协作式 UML 工作流及跨平台支持。

16. 免费网页版组件图工具：聚焦 VP Online 组件图功能的页面，强调无限访问、形状格式化、对齐辅助线、模板库，以及证券交易、商店组件等示例图。

17. Visual Paradigm 社区版——免费 UML 工具：介绍免费社区版，支持全部 UML 2.x 图、ER 图、序列图、用例建模，具备跨平台兼容性与高效设计。含宣传幻灯片图片。

18. 使用 Visual Paradigm 的类图分步教程：详细的 10 步教程，演示如何创建学术系统类图，涵盖类创建、属性/方法定义、关系建立、继承、多重性设置及文档生成。附有最终示例图。

19. 免费类图工具：VP Online 免费类图编辑器资源，突出内联编辑、连接器吸附、格式化工具、模板示例（销售订单系统、汽车、电话、星型局域网）及多格式导出功能。

20. 在线 UML 工具功能：网页版 UML 编辑器功能展示，包括快速绘图、混合符号支持、语法检查，以及超越 UML 的扩展能力（BPMN、ArchiMate、云架构、流程图等）。

21. 什么是组件图？：组件图基础指南，解释其用于建模系统物理方面的用途，涵盖基本概念、接口表示法（棒棒糖/插座）、端口、子系统、关系类型表，以及实际建模场景（源代码、可执行发布版、数据库）。包含组件架构图及 Java/C++ 代码示例。