在线UML Component Diagram 组件图工具

https://blog.csdn.net/chktsang/article/details/79700269

组件图提供了一个大型系统的简化的高阶视图。将组的类分类为组件支持代码的互换性和重用性。此图表记录了这些组件如何组成以及它们如何在系统中进行交互。

(一键即时打开使用)

组件图示例

UML中的组件图是什么?

组件图的主要目的是显示系统组件之间的结构关系。在UML中,组件由软件对象组成,这些对象已被分类以用于类似目的。组件被认为是提供一个或多个接口的系统或子系统内的自治封装单元。通过将一组类分类为组件,整个系统变得更加模块化,因为组件可以互换和重用。组件图记载了组件的封装以及组件通过接口进行交互的方式。

尝试一下!

查找在线组件图工具?只需点击下面的绘图按钮即可在线创建组件图。Visual Paradigm Online是免费*且直观的。在开始之前,您还可以通过此组件图教程了解组件图。

现在画
 

组件图符号

零件

一个组件被绘制成一个矩形,可选隔间垂直堆叠。一个组件可以用组件名称和组件原型文本和/或图标来表示为一个矩形。组件原型的文本是“<< component”,组件原型图标是一个矩形,其左侧有两个较小的矩形。

UML组件符号

组件接口

提供接口

提供的接口定义了“一组必须由实现给定接口的类提供的公共属性和操作”。

必需的接口

所需的接口定义了“依赖给定接口的类所需的一组公共属性和操作”。

提供和需要的接口

组件装配

通过使用球窝关节,组件可以“连接”在一起,形成子系统。

组件图球窝关节

港口

端口(定义)指示组件本身不提供所需的接口(例如,必需的或提供的)。相反,组件将接口委托给一个内部类。

UML组件图端口

何时绘制组件图?

  1. 在将系统划分为组件并希望通过接口显示其相互关系时使用组件图。
  2. 组件分解成更低级别的结构。

如何绘制组件图?

  1. 决定该图的目的
  2. 将组件添加到图中,并在适当的情况下将它们分组到其他组件中
  3. 向图中添加其他元素,例如类,对象和接口
  4. 添加图表元素之间的依赖关系

你也可以:

  1. 绘制用于组件逻辑分类的子系统 
    UML组件图示例:证券交易

组件图示例

订单处理系统组件关系图示例

组件图的一个主要优点是如何简化系统的高级视图。下图是对在线商店涉及的内容的更大观点。通过使用组件图,我们将系统看作一组几乎独立的组件或子系统,它们以特定的方式相互交互。

UML组件图示例:订单处理系统

每个组件负责其所命名的操作以及它提供的接口。只要保持这些要求,对一个组件的更改不会渗透到其他组件。

门票销售系统组件图示例

有一个售票员组件可以顺序处理售票系统和售票员的请求。处理信用卡收费的组件; 和包含票据信息的数据库。

UML组件图示例:门票销售系统

组件示例 - 存储组件 - 嵌套组件结构

要显示嵌套的组件结构,只需绘制比正常情况更大的组件,并将内部部件放置在环绕组件的名称隔间内。下图显示了Store的组件嵌套结构。

UML组件图示例:存储组件

组件图示例 - 组件的白盒视图

在前面的例子中,这些组件图被称为黑盒视图。端口显示为与组件边界的正方形,这些指示组件的接口如何在内部使用。通过端口接收实现所需接口的对象,并通过端口共享实现提供的接口的对象。

在这个例子中,组件的内部组成也可以使用组件图建模,因为我们可以在里面看到,所以这被称为图的白盒视图。

UML组件图白盒视图

  1. 端口显示为与组件边界的正方形,这些指示组件的接口如何在内部使用。
  2. 通过端口接收实现所需接口的对象,并通过端口共享实现提供的接口的对象。

组件关系图示例 - 部署图中的组件

使用UML部署图模拟软件组件的物理部署。在部署图中,硬件组件(例如Web服务器,邮件服务器,应用程序服务器)以节点的形式呈现,其中硬件组件内部运行的软件组件呈现为工件。

部署图中的UML组件

许多图表 (了解更多)

UML

DFD

AWSAzureITIL

 
原文地址:https://www.cnblogs.com/carl2380/p/15018765.html