方案概述:使用可视化和建模更改设计

若要,确保您的软件系统满足用户需求,请使用可视化和建模工具在 Visual Studio 旗舰版 帮助您更新或更改系统的设计。这些工具包括统一建模语言 (UML) 关系图、层关系图、基于代码的依赖项关系图、过程和表选件类图。例如,可以使用这些工具执行以下任务:

  • 阐明用户需求和业务流程。

  • 直观显示和浏览现有代码。

  • 描述对现有系统所做的更改。

  • 验证系统是否满足其要求。

  • 使代码与设计保持一致。

本演练使用一个示例方案以实现以下目的:

  • 重点概述一些工具以及它们为软件项目带来的好处。

  • 说明两个团队如何在示例方案中使用这些工具(无论它们的开发方法如何)。

有关这些工具及其支持的方案的更多信息,请参见:

主题内容

描述

方案概述

描述示例方案及其参与者。

体系结构关系图和建模图在软件开发中的角色

描述这些工具在软件开发生命周期中可扮演的角色。

了解和传达系统相关信息

重点概述参与者在此方案中使用这些工具的方式。

通过可视化和建模更新系统

更详细深入地介绍每个工具及其在此方案中的使用方法。

方案概述

此方案介绍了 Dinner Now 和 Lucerne Publishing 这两家虚构公司的软件开发周期中的各个阶段。Dinner Now 在西雅图提供基于 Web 的送餐服务。客户可以在 Dinner Now 网站上订餐和付费。订单随后会发送给相应的本地餐馆以便其配送餐点。Lucerne Publishing 是一家位于纽约的公司,在网上和网下经营了多项业务。例如,他们运营了一家网站,客户可以在这个网站上发表自己对餐馆的评论。

Lucerne 最近收购了 Dinner Now,并希望进行以下变革:

  • 通过将餐馆评论功能添加到 Dinner Now 来整合其网站。

  • 将 Dinner Now 的支付系统更换为 Lucerne 的系统。

  • 整数个区域现在展开 dinner now 服务范围。

Dinner Now 使用 SCRUM 和 eXtreme Programming。他们的测试覆盖率非常高,不受支持的代码非常少。他们通过创建小巧而有效的系统版本,然后逐步添加功能,从而最大程度地减小风险。他们通过短期而频繁的迭代来开发代码。这样一来,他们便自信地接受更改、经常重构代码并避免“初期进行大量设计”。

Lucerne 保留了一组很复杂的大型系统,其中有一些系统已有 40 年以上的历史了。由于旧版代码很复杂,因此他们对更改非常谨慎。他们遵循一个更严格的开发过程,希望设计详细的解决方案并记录开发过程中进行的设计和更改。

这两个团队都使用 Visual Studio 旗舰版中的建模图来帮助自己开发满足用户需求的系统。它们使用同其他工具的 Team Foundation server 帮助他们计划,组织和管理其工作。

Team Foundation server 的更多信息,请参见:

  • 计划和跟踪工作

  • 测试、验证和检查更新的代码

体系结构关系图和建模图在软件开发中的角色

下表说明了这些工具在软件开发生命周期的各个阶段中可扮演的角色:

用户需求建模

业务流程建模

系统体系结构和设计

代码可视化和浏览

确认

用例图 (UML)

活动图 (UML)

类图 (UML)

组件图 (UML)

序列图 (UML)

域特定语言 (DSL) 图

层关系图,层验证

依赖项关系图(基于代码)

序列图(基于代码)

类设计器(基于代码)

体系结构资源管理器

若要绘制 UML 关系图和层关系图,您必须将建模项目创建为现有解决方案的一部分或创建一个新的建模项目。这些关系图必须在建模项目内创建。UML 关系图上的项是某个常见模型的一部分,而 UML 关系图是该模型的视图。层关系图上的项位于建模项目中,但未存储在常见模型中。基于代码的依赖项关系图、序列图和类图通常存在于建模项目外部。

请参见:

若要显示体系结构的替代视图,您可以在多个或不同的关系图上重用同一模型中的某些元素。例如,您可以将一个组件拖动到另一个组件图或一个序列图上,这样该组件便可作为一个参与者。请参见 如何:编辑 UML 模型和关系图

这两个团队还使用层验证来确保正在开发的代码与设计保持一致。

请参见:

  • 使代码与设计保持一致

  • 描述逻辑体系结构:层关系图

  • 用层关系图验证代码

    说明说明

    Visual Studio 高级专业版 支持层验证和这些图形或图表的只读版本以进行可视化和建模。

了解和传达系统相关信息

由于没有规定 Visual Studio 旗舰版建模图的使用顺序,因此您可以根据自己的需求和方法来使用它们。通常,团队会在整个项目中反复而频繁地重新访问其模型。每个关系图都有自己的长处,可帮助您理解、描述和沟通正在开发的系统的各方面问题。

Dinner Now 和 Lucerne 通过将关系图作为其公共语言来互相沟通以及与项目利益干系人沟通。例如,Dinner Now 使用关系图执行以下任务:

  • 可视化现有代码。

  • 就新的用户情景或更新的用户情景与 Lucerne 进行沟通。

  • 确定支持新的用户情景或更新的用户情景必需的更改。

Lucerne 使用关系图执行以下任务:

  • 了解 Dinner Now 的业务流程。

  • 了解系统的设计。

  • 就新的用户需求或更新的用户需求与 Dinner Now 进行沟通。

  • 记录对系统进行的更新。

关系图集成与 Team Foundation server,以便团队可以计划,管理和更轻松地跟踪其工作。例如,他们可使用模型来确定测试用例和开发任务以及评估其工作。lucerne 链接 Team Foundation server 模型元素的工作项,以便可以监视进度,并确保系统满足用户需求。例如,他们将用例链接到测试用例工作项,这样在所有测试通过之后时,他们便能知道用例满足要求。

团队在检查其更改之前,会运行包含层验证和自动测试的生成来对测试和设计验证代码。这有助于确保更新的代码不会与设计发生冲突且不会中断之前运行的功能。

请参见:

  • 了解系统在业务流程中的角色

  • 描述新的用户需求或更新的用户需求

  • 从模型创建测试

  • 标识对现有系统所做的更改

  • 使代码与设计保持一致

  • 创建和使用模型的一般提示

  • 计划和跟踪工作

  • 测试、验证和检查更新的代码

Ff183189.collapse_all(zh-cn,VS.110).gif了解系统在业务流程中的角色

Lucerne 希望了解有关 Dinner Now 业务流程的更多信息。他们创建了以下关系图,以便更轻松地阐明他们所掌握的有关 Dinner Now 的信息:

关系图

描述

用例图 (UML)

请参见:

  • Dinner Now 系统支持的活动

  • 执行这些活动的人员和外部系统

  • 系统中支持每个活动的主要组件

  • 当前系统范围之外的业务流程的部分(例如,送餐)

活动图 (UML)

请参见:

客户创建订单时发生的步骤流

类图 (UML)

请参见:

讨论中使用的业务实体和术语以及这些实体之间的关系。例如,在此方案中,订单和菜单项是词汇表的一部分。

例如,Lucerne 创建了以下用例图,以便理解 Dinner Now 网站上执行的任务及其执行者:

UML 用例图

UML 用例图

下面的活动图介绍客户在 Dinner Now 网站上创建订单时的步骤流。在此版本中,注释元素用于识别角色,行用于创建泳道,而泳道可按角色组织步骤:

UML 活动图

UML 活动图

下面的类图介绍了参与订购过程的实体:

UML 类图

UML 类图

Ff183189.collapse_all(zh-cn,VS.110).gif描述新的用户需求或更新的用户需求

Lucerne 希望向 Dinner Now 系统添加相关功能,以便客户能阅读和发表餐馆评论。他们更新了以下关系图,以便能描述此新需求并与 Dinner Now 进行讨论:

关系图

描述

用例图 (UML)

请参见:

针对“写餐馆评论”的新用例

活动图 (UML)

请参见:

客户希望写餐馆评论时出现的步骤流

类图 (UML)

请参见:

存储评论必需的数据

例如,下面的用例图包含新的“写评论”用例以表示新要求。为了更加便于识别,它在关系图上突出显示为橙色:

UML 用例图

UML 用例图

下面的活动图包含显示为橙色的新元素,以描述新用例中的步骤流:

UML 活动图

UML 活动图

下面的类图包含一个新的 Review 类以及它与其他类的关系,以便团队能讨论其详细信息。请注意,一位客户和一家餐馆可以有多条评论:

UML 类图

UML 类图

Ff183189.collapse_all(zh-cn,VS.110).gif从模型创建测试

两个团队都同意,他们在进行任何更改前都需要对系统及其组件进行一套完整的测试。Lucerne 安排了一个专业团队来执行系统和组件级测试。他们会重用由 Dinner Now 创建的测试并使用 UML 关系图构建这些测试:

  • 每个用例都由一个或多个测试表示。在测试用例在 Team Foundation server 的工作项的用例图链接的元素。

  • 活动图或系统级序列图上的每个流至少要链接到一个测试。测试团队能系统地确保他们对活动图中每条可能的路径进行测试。

  • 用于描述测试的术语基于由用例、类和活动图定义的术语。

由于需求发生了更改,并且已更新关系图来反映这些更改,因此也会更新测试。只有通过了测试,才会认为已满足需求。在可能或可行的情况下,将在实现开始之前根据 UML 关系图定义测试。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif标识对现有系统所做的更改

Dinner Now 必须估计满足新的要求所需的成本。这部分取决于此更改将对系统的其他部件造成的影响的程度。为了帮助他们了解这一点,Dinner Now 的一位开发人员从现有代码创建了以下图形或图表:

图形或图表

显示

依赖项关系图

请参见:

依赖项和其他关系。代码。

例如,Dinner Now 首先会查看程序集依赖项关系图,大致了解这些程序集及其依赖关系。他们可以深入探讨该关系图,浏览这些程序集中的命名空间和类。

dinner now 还可以创建关系图来浏览特定区域和其他代码中的关系。它们使用体系结构资源管理器或解决方案资源管理器查找和选择感兴趣的区域和关系。

基于代码的序列图

请参见 通过生成序列图来可视化代码

实例间的交互的序列。

序列图是从方法定义生成的,可帮助了解代码实现方法行为的方式。

基于代码的类图

请参见 如何:向项目中添加类图(类设计器)

代码中的现有类

例如,开发人员使用体系结构资源管理器来选择她要关注并从代码中创建依赖项关系图的命名空间。该开发人员调整了其范围以侧重于将受新方案影响的区域。关系图上选择并突出显示了这些区域:

命名空间依赖项关系图

命名空间依赖项关系图

开发人员展开选定命名空间以查看其类、方法和关系:

展开的命名空间依赖项关系图

带可见跨组链接的已展开的命名空间依赖项关系图

开发人员检查代码以查找受影响的类和方法。该开发人员从代码生成序列图和类图以描述和讨论更改。请参见 可视化和了解代码

提示提示

若要在进行更改的同时查看所做每个更改的影响,请在做出每项更改后从代码重新生成依赖项关系图和序列图。

若要描述对系统其他部分(如组件或交互)进行的更改,团队可以在白板上绘制这些元素。它们还可以在中绘制在 Visual Studio 的以下关系图,以便详细信息可以由两个团队访问,管理和理解:

关系图

描述

活动图 (UML)

请参见:

系统通知客户重新从餐馆下订单时出现的步骤流,用于提示客户写评论。

类图 (UML)

请参见:

逻辑类及其关系。例如,添加一个新类来描述“评论”以及它与其他实体(如“旅馆”“菜单”“客户”)的关系。

若要将评论与客户关联,系统必须存储客户详细信息。UML 类图可帮助阐明这些详细信息。

基于代码的类图

请参见 如何:向项目中添加类图(类设计器)

代码中的现有类。

组件图 (UML)

请参见:

系统的高级部分,如 Dinner Now 网站及其接口。这些接口定义组件如何通过他们提供和使用的方法或服务来互相交互。

序列图 (UML)

请参见:

实例间的交互的序列。

例如,下面的组件图演示了新组件,该组件是 Dinner Now 网站组件的一部分。ReviewProcessing 组件可处理用于创建评论的功能,该组件突出显示为橙色。

UML 组件图

UML 组件图

下面的序列图演示了交互的序列,这些交互是在 Dinner Now 网站检查客户之前是否已从餐馆下单时出现的。如果客户之前已从餐馆下单,该网站会要求客户创建评论,该评论随后会发送给餐馆并发布到网站上。

UML 序列图

UML 序列图

Ff183189.collapse_all(zh-cn,VS.110).gif使代码与设计保持一致

Dinner Now 必须确保更新的代码与设计保持一致。他们创建了描述系统中的功能层的层关系图,指定了这些层之间可存在的依赖关系,并将解决方案项目关联到了这些层。

关系图

描述

层关系图

请参见:

代码的逻辑体系结构。

层关系图会将 Visual Studio 解决方案中的项目组织并映射到名为“层”的抽象组中。这些层可标识这些项目在系统中执行的角色、任务或功能。

层关系图可用于描述系统的预期设计并对该设计验证相关代码。

若要创建层,请从解决方案资源管理器、依赖项关系图或体系结构资源管理器中拖动项。若要绘制新层,请使用工具箱或右击关系图图面。

若要查看现有依赖关系,请右击层关系图图面,然后单击“生成依赖项”。若要指定预期的依赖关系,请绘制新的依赖关系。

例如,下面的层关系图描述了各个层之间的依赖关系以及每个层关联的项目数。

集成的支付系统的层关系图

层关系图

若要,以确保代码开发过程中,不与设计发生冲突时,团队使用在 Team Foundation build 运行的生成使用层验证。他们还创建自定义 MSBuild 任务需要在其签入操作的层验证。他们使用生成报告来收集验证错误。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif创建和使用模型的一般提示

  • 大多数关系图是由用线连接的节点组成的。对于每种关系图类型,工具箱提供了不同类型的节点和线。

    若要打开工具箱,请在**“视图”菜单上单击“工具箱”**。

  • 若要创建节点,请将它从工具箱拖动到关系图上。必须将某些类型的节点拖动到现有节点上。例如,在组件图上,必须将新端口添加到现有组件。

  • 若要创建线或连接,请在工具箱中单击相应的工具,再单击源节点,然后单击目标节点。一些线只能在某些类型的节点之间创建。当您将指针移动到可能的源或目标上方时,指针会指示您是否能创建连接。

  • 当您在 UML 关系图上创建项时,也会将这些项添加到常见模型。一个建模项目中的 UML 关系图是该模型的多种视图。层关系图上的项是建模项目的一部分,即使它们未存储在常见模型中。

    若要查看模型中,体系结构 菜单上,指向 窗口,然后单击 UML 模型资源管理器

  • 有时,您可以从 UML 模型资源管理器 的某些项目到 UML 关系图。可在多个或不同的关系图上使用同一模型中的某些元素,来显示体系架构的替代视图。例如,您可以将组件拖动到另一个组件图或一个序列图上,以作为参与者使用。

  • 最终的 Visual Studio 支持 UML 2.1.2。本概述此版本中的 UML 关系图的仅主要功能,但是,有详细讨论 UML 及其使用的众多书籍。

请参见 开发软件设计模型

Ff183189.collapse_all(zh-cn,VS.110).gif计划和跟踪工作

Visual Studio 最终建模图集成与 Team Foundation server,以便您可以更轻松地计划,管理和跟踪工作。这两个团队都使用模型来确定测试用例和开发任务以及评估其工作。lucerne 创建并链接到 Team Foundation server 的工作项到模型元素,如用例或组件。这有助于他们监视进度和跟踪为满足用户需求所做的工作。这有助于他们确保所做的更改仍能满足这些需求。

在开展工作时,团队会更新其工作项以反映他们在各自的任务上所花费的时间。使用以下 Team Foundation server 功能,但它们来监视和报告工作状态:

  • 每日燃尽报表,显示他们是否将在预期时间完成计划的工作。它们会从 Team Foundation server 的其他类似的报表来跟踪 bug 的进度。

  • 使用 Microsoft Excel 帮助团队监视和平衡在其成员之间进行调整的 迭代工作表。在它们的常规进度会议,此工作表与 Team Foundation server 已链接并为讨论提供焦点。

  • 使用 Office project 让 开发控件以 通知重要的项目信息。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif测试、验证和签入代码

当团队完成每个任务,来检查其代码添加到 Team Foundation 版本控制并接收来自 Team Foundation server 的提醒;如果不同,忘记。在 Team Foundation server 接受其签入之前,团队运行单元测试和层验证验证代码它们的测试用例与设计。它们使用 Team Foundation server 运行生成,自动单元定期测试和层验证。这有助于确保代码满足以下条件:

  • 有效。

  • 不会损坏之前运行的代码。

  • 不会与设计发生冲突。

Dinner Now 提供了大批自动测试,Lucerne 可以重用这些测试,因为它们几乎都仍适用。Lucerne 也可以基于这些测试进行生成并添加新测试以涵盖新的功能。两个团队都使用最终的 Visual Studio 运行手动测试。

若要,以确保代码符合该模型,团队配置它们在 Team Foundation build 生成包含层验证。如果发生任何冲突,报表生成的详细信息。

请参见:

通过可视化和建模更新系统

Lucerne 和 Dinner Now 必须将其支付系统集成。以下各节说明中最终的 Visual Studio 建模图可帮助团队执行此任务:

  • 了解用户需求:用例图

  • 了解业务流程:活动图

  • 描述系统结构:组件图

  • 描述交互:序列图

  • 可视化现有代码:依赖项关系图

  • 定义类型的术语表:类图

  • 描述逻辑体系结构:层关系图

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif了解用户需求:用例图

用例图汇总了系统支持的活动以及这些活动的执行者。Lucerne 通过用例图来了解有关 Dinner Now 系统的以下信息:

  • 客户创建订单。

  • 餐馆接收订单。

  • Dinner Now 支付系统用来验证支付的外部支付处理器网关超出了网站的范围。

该关系图还演示了如何将某些主要用例划分为较小的用例。Lucerne 希望使用自己的支付系统。他们用不同的颜色突出显示“处理付款”用例以指示该用例需要更改:

在用例图上突出显示“处理付款”

在用例图上突出显示“处理付款”

如果开发时间较短,则团队可能会讨论是否要让客户直接付款给餐馆。为了说明这一点,他们会将“处理付款”用例替换为一个 Dinner Now 系统边界外的用例。然后,他们会将客户直接转到餐馆,指示 Dinner Now 只处理订单:

重新指定用例图上“支付餐费”的范围

重新指定用例图上的支付餐馆的范围

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制用例图

用例图具有以下主要功能:

  • 参与者表示由人员、组织、机器或软件系统扮演的角色。例如,“客户”、“餐馆”和“Dinner Now 支付系统”都是参与者。

  • 用例表示参与者和正在开发的系统之间的交互。从一次鼠标单击或一条消息到延续多天的事务,它们能表示任何范围的交互。

  • 关联将参与者与用例链接在一起。

  • 一个大型用例可包含多个小型用例,例如“创建订单”包含“选择餐馆”。您可以扩展用例(这将向扩展后的用例添加目标和步骤)以指示用例仅在某些条件下出现。用例也可以相互继承。

  • 子系统表示正在开发的软件系统或该系统的某个组件。它是一个包含用例的大型框。用例图阐明了子系统边界内部或外部的内容。若要指明用户必须以其他方式完成特定目标,可在子系统边界外部绘制这些用例。

  • 项目将关系图上的元素链接到其他关系图或文档。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:用例图的优点

用例图可帮助您可视化:

  • 系统支持或不支持的活动

  • 执行这些活动的人员和外部系统

  • 系统中支持每个活动的主要组件,可以将其表示为嵌套在父系统中的子系统。

  • 如何将用例划分为较小的用例或变体

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

活动图

用例中的步骤流和该用例中这些步骤的执行者。

频繁镜像活动图中的步骤的用例的名称。支持决策、合并、输入和输出、并发流等元素的活动图。

请参见:

序列图

用例中参与者之间的交互的序列。

请参见:

类图 (UML)

参与用例的实体或类型。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif了解业务流程:活动图

活动图描述业务流程中的步骤流并提供沟通工作流的简单方法。开发项目可以包含多个活动图。通常,活动包含从一个外部操作产生的所有操作,如订餐、更新菜单或将新餐馆添加到业务。活动也可以描述复杂操作的详细信息。

Lucerne 更新以下活动图来演示 Lucerne 如何处理付款并向餐馆付款。他们将 Dinner Now 支付系统替换为 Lucerne 支付系统,如突显部分所示:

活动图上的 Lucerne 支付系统

替换活动图上的 Dinner Now 支付系统

更新的关系图可帮助 Lucerne 和 Dinner Now 可视化 Lucerne 支付系统适用于业务流程中的哪个步骤。在此版本中,注释用于标识执行步骤的角色。行用于创建泳道,而泳道可以按角色组织步骤。

团队也可以考虑讨论一种替代情景,即客户在发送订单后改为直接向餐馆付款。这将对软件系统提出不同的要求。

以前,Dinner Now 在白板上或 PowerPoint 中绘制这些关系图。他们现在还使用最终的 Visual Studio 来绘制这些关系图,以便两个团队都能访问,了解和管理详细信息。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制活动图

活动图具有以下主要功能:

  • 初始节点,可指示活动的第一个操作。

    关系图应始终具有这些节点中的某个节点。

  • 操作,可描述用户或软件在哪一个步骤中执行任务。

  • 控制流,可显示操作之间的流。

  • 决策节点,可表示流中的条件分支。

  • 分叉节点,可将单个流划分为并发流。

  • 活动最终节点,可指示活动的结束。

    尽管这些节点是可选的,但将它们包含在关系图上来显示活动的结束位置会很有用。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:活动图的优点

活动图可帮助您可视化和描述业务、系统或程序的操作之间的控制流和信息。当与他人进行沟通时,通过此方式描述工作流既简单又实用。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

用例图

汇总每个参与者执行的活动。

请参见:

组件图

将系统可视化为一个可重用部件的集合,这些部件通过一组定义完善的接口来提供或使用行为。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif描述系统结构:组件图

组件图将系统描述为一个可分离部件的集合,这些部件通过一组定义完善的接口来提供或使用行为。可以对部件进行任意缩放,并且可以通过任何方式对部件进行连接。

为了帮助 Lucerne 和 Dinner Now 可视化和讨论系统的组件及其接口,他们创建了以下组件图:

支付系统中的外部组件

Dinner Now 支付系统的组件

此关系图显示不同的组件类型及其依赖关系。例如,Dinner Now 网站和 Lucerne 支付系统都需要外部支付处理器网关来验证付款。各个组件之间的箭头表示依赖关系,这些依赖关系指示哪些组件需要其他组件的功能。

若要使用 Lucerne 支付系统,则必须将 Dinner Now 网站更新为使用 Lucerne 支付系统上的 PaymentApproval 和 PayableInsertion 接口。

下面的关系图显示了 Dinner Now 网站的组件的特定配置。此配置指示网站的任何实例都包含以下四个部件:

  • CustomerProcessing

  • OrderProcessing

  • ReviewProcessing

  • PaymentProcessing

这些部件是指定组件类型的实例,并将按以下方式连接:

Dinner Now 网站内的组件

Dinner Now 网站内的组件

Dinner Now 网站将其行为委托给这些部件,而这些部件将控制网站的功能。父组件与其成员组件之间的箭头显示委托,而委托指示哪些部件处理父组件通过其接口接收或发送的消息。

在此配置中,PaymentProcessing 组件将处理客户付款。因此,必须更新此组件以便与 Lucerne 的支付系统集成。在其他方案中,同一个父组件中可能有某个组件类型的多个实例。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制组件图

组件图具有以下主要功能:

  • 组件,可表示系统功能的可分离项。

  • 提供的接口端口,可表示组件实现的并由其他组件或外部系统使用的消息或调用组。

  • 必需的接口端口,可表示组件发送给其他组件或外部系统的消息或调用组。此类端口描述了一个组件至少期望从其他组件或外部系统获得的操作。

  • 部件是组件的成员,并且通常是其他组件的实例。部件是父组件的内部设计的一部分。

  • 依赖关系,可指示组件需要其他组件的功能。

  • 委托,可指示组件中用于处理由父组件发送或接收的消息的部件。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:组件图的优点

组件图可帮助您可视化:

  • 作为一个可分离部件的集合的系统,无论其实现语言或样式如何。

  • 带有定义完善的接口的组件,使设计更易于理解,并在需要更改时更易于更新。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

依赖项关系图

可视化现有代码中的组织和关系。

若要标识候选组件,请创建依赖项关系图并按项在系统中的功能对其进行分组。

请参见:

序列图

可视化组件或组件内的部件之间的交互的序列。

若要在序列图上从一个组件创建生命线,请右击该组件,然后单击“创建生命线”

请参见:

类图 (UML)

定义提供的或必需的端口上的接口以及实现组件功能的类。

请参见:

层关系图

描述与组件相关的系统的逻辑体系结构。使用层验证来确保更新的代码与设计保持一致。

请参见:

活动图

可视化组件执行的用于响应传入消息的内部处理。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif可视化现有代码:依赖项关系图

依赖项关系图显示代码中的当前组织和关系。项目由关系图上的 节点 表示,因此,关系由 链接表示。依赖项关系图可帮助您执行以下各类任务:

  • 探究不熟悉的代码。

  • 了解建议的更改的发生位置以及这些更改可能对现有代码产生的影响的程度。

  • 查找复杂区域、自然层或模式或者其他可能从改进中受益的区域。

例如,Dinner Now 必须估计更新 PaymentProcessing 组件所需的成本。这部分取决于此更改将对系统的其他部件造成的影响的程度。为了帮助他们了解这一点,Dinner Now 的一位开发人员从代码生成了依赖项关系图,并调整了范围以侧重于可能受更改影响的区域。

下面的关系图显示了 PaymentProcessing 类和 Dinner Now 系统的其他部件之间的依赖关系,这些关系显示为选定状态:

Dinner Now 支付系统的依赖项关系图

Dinner Now 支付系统的依赖项关系图

开发人员通过扩展 PaymentProcessing 类并选择其成员来浏览关系图,以查看可能受影响的区域:

PaymentProcessing 中的方法及依赖关系

PaymentProcessing 类中的方法及其依赖关系

他们为 Lucerne 支付系统生成以下关系图,以检查其类、方法和依赖关系。团队发现,Lucerne 系统可能也需要与 Dinner Now 的其他部件进行交互:

Lucerne 支付系统的依赖项关系图

Lucerne 支付系统的依赖项关系图

两个团队一起确定了集成两个系统所必需的更改。他们决定重构某些代码以使其更易于更新。PaymentApprover 类将移动到 DinnerNow.Business 命名空间并需要某些新方法。处理事务的 Dinner Now 类将有自己的命名空间。团队创建并使用工作项来计划、组织和跟踪其工作。必要时,他们会将工作项链接到模型元素。

在重组代码后,团队生成了一个新的依赖项关系图以查看更新的结构和关系:

带有重组代码的依赖项关系图

带有经重组的代码的依赖项关系图

此关系图显示 PaymentApprover 类现在位于 DinnerNow.Business 命名空间中,并且此类具有一些新的方法。Dinner Now 事务类现在有了自己的 PaymentSystem 命名空间,这样它稍后便能更轻松地处理代码了。

Ff183189.collapse_all(zh-cn,VS.110).gif创建依赖项关系图

  • 通过按照以下步骤进行操作来生成一个依赖项关系图,可以快速了解源代码:

    体系结构 菜单上,指向 生成依赖项关系图,然后单击 针对解决方案

    若要快速了解编译的代码,请创建一个空白依赖项关系图,然后将程序集文件或到关系图的二进制文件图面。

    请参见 在依赖项关系图上可视化代码依赖项

  • 测试特定代码或解决方案项、使用解决方案资源管理器或体系结构资源管理器来选择要可视化的项和关系。然后,您可以生成新的关系图或向现有关系图添加选定项。

    请参见在依赖项关系图上可视化代码依赖项使用体系结构资源管理器查找代码

  • 为了帮助您浏览关系图,请重新排列布局,使其适合您要执行的各类任务。

    例如,若要可视化代码中的分层,请选择树布局。请参见 浏览和重新排列依赖项关系图

  • 为了帮助您将侧重于关系图的特定区域,请通过筛选出项目或自定义其外观调整其大小。请参见 编辑和自定义依赖项关系图

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:依赖项关系图的优点

依赖项关系图可帮助您:

  • 了解现有代码中的组织和关系。

  • 标识可能受建议的更改影响的区域。

  • 查找复杂区域、模式、层或其他可以通过改进来使代码更易于维护、更改和重用的区域。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

层关系图

系统的逻辑体系结构。使用层验证来确保更新的代码与设计保持一致。

若要帮助您标识现有层或预期层,请创建依赖项关系图并对相关项进行分组。若要创建层关系图,请从关系图或“体系结构资源管理器”中拖动项。

请参见:

组件图

组件、组件的接口以及它们之间的关系。

为了有助于标识组件,请创建依赖项关系图并按项在系统中的功能对其进行分组。

请参见:

类图 (UML)

类、类的特性和操作以及它们之间的关系。

为了有助于标识这些元素,请创建一个显示这些元素的关系图文档。

请参见:

类图(基于代码)

代码中的现有类。

若要可视化和修改代码中的现有类,请使用类设计器。

请参见 如何:向项目中添加类图(类设计器)

Ff183189.collapse_all(zh-cn,VS.110).gif描述交互:序列图

序列图描述系统的各个部件之间的一系列交互。部件的范围不限。例如,从一个程序中的单个对象到大型子系统或外部参与者,都可以作为部件。交互的缩放程度和类型不限。例如,其范围可以从单一消息到扩展的事务,也可以是函数调用或 Web 服务消息。

为了帮助 Lucerne 和 Dinner Now 描述和讨论“处理付款”用例中的步骤,他们从组件图创建了以下序列图。镜像 Dinner Now 网站组件及其部件的生命线。出现在生命线之间的消息将紧跟组件图上的连接:

“处理付款”用例的序列图

“处理付款”用例的序列图

序列图将显示客户创建订单的时间,Dinner Now 网站对 OrderProcessing 的实例调用 ProcessOrder。接下来,OrderProcessing 对 PaymentProcessing 调用 ProcessPayment。此过程将继续,直到外部支付处理器网关验证该支付。仅在此情况下,控制才会返回到 Dinner Now 网站。

Lucerne 必须估计将其支付系统更新为与 Dinner Now 系统集成所需的成本。为了帮助他们了解这一点,他们的一位开发人员从代码生成了一个序列图来可视化现有交互。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制序列图

序列图具有以下主要功能:

  • 垂直生命线,可表示软件对象的参与者或实例。

    若要添加参与者符号(它指示参与者位于正在开发的系统的外部),请单击生命线。在**“属性”窗口中,将“参与者”设置为“True”。如果未打开“属性”**窗口,请按 F4

  • 水平消息,可表示方法调用、Web 服务消息或其他一些通信。执行发生,它是显示在生命线上的带阴影的垂直矩形,并可表示接收对象处理调用的时间段。

  • 在同步消息过程中,发送方对象会等待控件 <<return>>,这与常规函数调用中一样。在异步消息过程中,发送方可以立即继续。

  • 使用 <<create>> 消息来指明一些对象将由其他对象构建。它应是发送给相关对象的第一条消息。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:序列图的优点

序列图可帮助您可视化:

  • 执行用例的过程中在参与者或对象之间传输的控制流。

  • 方法调用或消息的实现。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

类图 (UML)

定义生命线表示的类以及在生命线之间发送的消息中使用的参数和返回值。

若要基于生命线创建类,请右击生命线,然后单击“创建类”“创建接口”。若要基于类图上的某个类型创建生命线,请右击该类型,然后单击“创建生命线”

请参见:

组件图

描述生命线表示的组件以及提供和使用由消息表示的行为的接口。

若要基于组件图创建生命线,请右击该组件,然后单击“创建生命线”

请参见:

用例图

在序列图上汇总用户和组件之间的交互作为一个用例,该用例表示用户的目标。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif定义类型的术语表:类图

类图定义参与系统的实体、术语或概念以及它们之间的关系。例如,可以在开发过程中使用这些关系图来描述每个类的特性和操作,无论其实现语言或样式如何。

为了帮助 Lucerne 描述和讨论参与“处理付款”用例的实体,他们绘制了以下类图:

类图中的“处理付款”实体

类图中的“处理付款”实体

此关系图显示一个“客户”可以有多个订单和不同的订单支付方式。BankAccount 和 CreditCard 都继承自“付款”。

在开发过程中,Lucerne 使用以下类图来描述和讨论每个类的详细信息:

类图中的“处理付款”实体详细信息

类图中的“处理付款”详细信息

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制类图

类图具有以下主要功能:

  • 类、接口和枚举等类型:

    • 类,它是拥有相同的特定结构特征或行为特征的对象的定义。

    • 接口,可定义对象的外部可见行为的一部分。

    • 枚举,它是包含一列文本值的分类器。

  • 特性,它是描述分类器的每个实例的某个类型的值。分类器是类型、组件、用例甚至参与者的一般名称。

  • 操作,它是分类器的实例可执行的方法或函数。

  • 关联 指示两个分类器之间的关系。

    • 聚合,它是指示两个分类器之间的共享所有权的关联。

    • 复合,它是指示分类器之间的整体-部分关系的关联。

    若要显示聚合或复合,请设置关联上的**“聚合”属性。“共享”可显示聚合,“复合”**可显示复合。

  • 依赖关系,它指示更改一个分类器的定义可能会更改另一个分类器的定义。

  • 泛化,它指示特定分类器从通用分类器继承部分定义。实现,它指示类将实现由接口提供的操作和特性。

    若要创建这些关系,请使用**“继承”**工具。也可以将实现表示为棒糖形。

  • 包,它是一组分类器、关联、生命线、组件和其他包。导入关系,它指示一个包中包括另一个包的所有定义。

作为探究和讨论现有类的第一步,您可以使用类设计器来基于代码创建类图。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:类图的优点

类图可帮助您定义:

  • 一个常用术语词汇表,在讨论用户需求和参与系统的实体时将使用它。请参见 用户需求建模

  • 由系统部件使用的类型(如组件),无论其实现如何。请参见 建立软件系统体系结构模型

  • 类型之间的关系,如依赖关系。例如,您可以指明可将一个类型与另一个类型的多个实例关联。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

用例图

定义用于描述用例中的目标和步骤的类型。

请参见:

活动图

定义通过对象节点、输入插针、输出插针和活动参数节点传递的数据的类型。

请参见:

组件图

描述组件、组件的接口以及它们之间的关系。类也可以描述一个完整的组件。

请参见:

层关系图

定义与类相关的系统的逻辑体系结构。

使用层验证来确保更新的代码与设计保持一致。

请参见:

序列图

定义生命线的类型,并为生命线可接收的所有消息定义操作、参数和返回值。

若要基于类图上的某个类型创建生命线,请右击该类型,然后单击“创建生命线”

请参见:

依赖项关系图

可视化现有代码中的组织和关系。

若要标识类、类的关系和类的方法,请创建一个显示这些元素的关系图文档。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif描述逻辑体系结构:层关系图

层关系图通过将解决方案中的项目组织到抽象组或层来描述系统的逻辑体系结构。项目可以为多种元素,如命名空间、项目、类、方法等。层可表示和描述项目在系统中扮演的角色或执行的任务。您也可以将层验证包含在生成和签入操作中,来确保代码与其设计保持一致。

为了使代码和设计保持一致,Dinner Now 和 Lucerne 使用以下层关系图来验证相关代码:

集成的支付系统的层关系图

Dinner Now 与 Lucerne 集成的层关系图

此关系图上的层会链接到相应的 Dinner Now 和 Lucerne 解决方案项目。例如,业务层会链接到 DinnerNow.Business 命名空间及其成员,该层现在包含 PaymentApprover 类。资源访问层会链接到 DinnerNow.Data 命名空间。箭头(或依赖关系)指定只有业务层可以使用资源访问层中的功能。在团队更新其代码时,会定期执行层验证以便在发生冲突时进行捕获,并帮助团队快速解决冲突。

两个团队密切合作,逐步集成并测试这两个系统。他们在处理 PaymentProcessing 之前,会先确保 PaymentApprover 和 Dinner Now 的其他人员成功协作。

下面的依赖项关系图显示了 Dinner Now 与 PaymentApprover 的之间的新调用:

更新后的带有集成系统的依赖项关系图

带有更新的方法调用的依赖项关系图

在确认系统按预期运行后,Dinner Now 会注释掉 PaymentProcessing 代码。层验证报告明确指示,生成的依赖项关系图显示没有其他 PaymentProcessing 依赖关系了:

没有 PaymentProcessing 的依赖项关系图

没有 PaymentProcessing 的依赖项关系图

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif绘制层关系图

层关系图具有以下主要功能:

  • 层,它描述项目的逻辑组。

  • 链接,它是层和项目之间的关联。

    若要基于项目创建层,请从解决方案资源管理器、依赖项关系图或体系结构资源管理器项目中拖动项。若要绘制新层,然后将它们链接到项目,请使用工具箱或右击关系图图面右击以创建层,然后将项拖动到这些层。

    层上的数字显示链接到该层的项目数。这些项目可以是命名空间、项目、类、方法等。在解释层上的项目数时,请记住以下事项:

    • 如果某个层链接到一个包含其他项目的项目,但该层未直接链接到其他项目,则该数字仅包括链接的项目。但是,在层验证过程中其他项目包括在分析范围内。

      例如,如果一个层链接到单个命名空间,则链接的项目数是 1,即使该命名空间包含类也是如此。如果该层还链接到命名空间中的每个类,则该数字将包括链接的类。

    • 如果一个层包含链接到项目的其他层,则容器层也链接到这些项目,即使容器层上的数字不包括这些项目。

    若要查看链接到层的项目,请右击相应的层,然后单击**“查看链接”以打开“层资源管理器”**。

  • 依赖关系,它指示某个层可以使用另一个层中的功能,但反过来行不通。双向依赖关系,它指示某个层可以使用另一个层中的功能,反之亦然。

    若要显示层关系图上的现有依赖关系,请右击层关系图图面,然后单击**“生成依赖项”**。若要描述预期的依赖关系,请绘制新的依赖关系。

请参见:

Ff183189.collapse_all(zh-cn,VS.110).gif摘要:层关系图的优点

层关系图可帮助您:

  • 根据系统项目的功能描述该系统的逻辑体系结构。

  • 确保正在开发的代码与指定的设计保持一致。

Ff183189.collapse_all(zh-cn,VS.110).gif与其他关系图的关系

关系图

描述

依赖项关系图

可视化现有代码中的组织和关系。

若要创建层,请生成一个依赖项关系图,然后将该关系图上的项作为可能的层进行分组。将组从关系图拖动到层关系图。

请参见:

组件图

描述组件、组件的接口以及它们之间的关系。

若要可视化层,请创建一个描述系统中不同组件的功能的组件图。

请参见:

外部资源

类别

链接

论坛

博客

Visual Studio ALM + Team Foundation server 博客

技术文章和日志

The Architecture Journal - Issue 23: Architecture Modeling and Processes(体系结构日志 - 问题 23:体系结构建模和流程)

其他网站

MSDN Architecture Center(MSDN 体系结构中心)

请参见

概念

可视化和了解代码

开发软件设计模型

在开发过程中使用模型

在敏捷开发中使用模型

在开发过程中验证系统

扩展 UML 模型和关系图