如何画好架构图:7种常用类型与示例

2024-08-27 16:24:03 浏览数 (2)

对于众多开发者而言,架构图不仅是一项不可或缺的技能,更是他们理解、规划和构建软件系统的关键工具。然而,面对多样化的系统需求和复杂的业务逻辑,如何画好一张架构图,成为了许多程序员面临的共同挑战。今天,我们特邀了同程旅行资深架构师、腾讯云 TVP 李智慧老师,李老师也是畅销书《高并发架构实战:从需求分析到系统设计》的作者 ,他将以深厚的技术功底和丰富的实战经验,为我们揭开常见架构图的神秘面纱,解析它们在软件设计不同阶段的选用原则与应用场景。

//////////

《如意、悟净、悟能——操作系统界的“黑神话”特性》「鹅厂程序员面对面」本周三晚直播精彩继续,预约观看有机会抢鹅厂周边好礼!

01、引言

在软件开发领域,成为一名架构师是很多程序员的“终极梦想”。架构师所需具备的技术能力是多维度且全面的。但成为架构师,首要的能力一定是绘制架构图,因为系统需要设计,设计就需要架构图,而架构师就是那个画架构图的人。俗话说“一图胜千言”,架构图作为架构师和产品经理、开发工程师、测试工程师等各种角色之间进行沟通的语言和桥梁,其重要性不言而喻。

我们先看一张关于架构的架构图,架构图是描述系统主要组成部分及其关系的图。那么架构自身由哪些部分组成?与其相关联的部分有哪些?这些部分之间的关系是什么?

如上图所示,每个系统都有一个架构,架构由架构元素和元素间关系组成,这些元素和关系又会通过架构文档来展示。架构文档需要满足不同相关方的关注点,比如开发工程师关注代码如何实现;运维工程师关注系统需要多少硬件、网络布局如何;业务方关注实现的功能有哪些;架构文档为了满足不同的关注点,需要通过不同的架构视图来呈现。这些架构视图就是我们常说的架构图,所以,实际工作中,架构师不是要画好一张架构图,而是要根据不同需求,画好很多张架构图。

02、UML 常见的架构图

画架构图的方法有很多,目前最主流的方法依然是 UML,即统一建模语言。UML 包含的图形总共有10种,其中常用的有7种:类图、序列图、组件图、部署图、用例图、状态图和活动图。

  • 类图

类图是最常见的 UML 图形,用来描述类的特性和类之间的静态关系。

一个类包含三个部分:类的名字、类的属性列表和类的方法列表。类之间有6种静态关系:关联、依赖、组合、聚合、继承、泛化。把相关的一组类及其关系用一张图画出来,就是类图,类图示例如下图:

  • 时序图

类图之外,另一种常用的图是时序图,类图描述类之间的静态关系,时序图则用来描述参与者之间的动态调用关系。

从图中可以看出,每个参与者有一条垂直向下的生命线,这条线用虚线表示。而参与者之间的消息从上到下表示其调用的前后顺序关系,这正是“时序图”这个词的由来。每个生命线都有若干个激活条,也就是那些细长的矩形条,只要这个条出现,就表示参与者是激活状态的。

时序图通常用于表示参与者之间的交互,这个参与者可以是类对象,也可以是更大粒度的参与者,比如组件、服务器、子系统等。总之,只要是描述不同参与者之间交互的,都可以使用时序图。

  • 组件图

组件是比类粒度更大的设计元素,一个组件中通常包含很多个类。组件图通常用来描述物理上的组件,比如一个 JAR、一个 DLL 等等。在实践中,我们进行模块设计的时候,用得更多的就是组件图。

组件图描述组件之间的静态关系,主要是依赖关系,如果你想要描述组件之间的动态调用关系,可以使用组件时序图,以组件作为参与者,描述组件之间的消息调用关系。

  • 部署图

部署图描述软件系统的最终部署情况,比如需要部署多少服务器,关键组件都部署在哪些服务器上。

部署图是软件系统最终物理呈现的蓝图,根据部署图,所有相关者,诸如客户、老板、工程师都能清晰地了解到最终运行的系统在物理上是什么样子,和现有的系统服务器的关系,和第三方服务器的关系。根据部署图,还可以估算服务器和第三方软件的采购成本。

因此部署图是整个软件设计模型中,比较宏观的一种图,是在设计早期就需要画的一种模型图。根据部署图,各方可以讨论是否对这个方案认可。只有对部署图达成共识,才能继续后面的细节设计。

  • 用例图

用例图反映用户和软件系统的交互,描述系统的功能需求。

图中小人形象的元素,被称为角色,角色可以是人,也可以是其他的系统。系统的功能可能会很复杂,所以一张用例图可能只包含其中一小部分功能,这些功能被一个矩形框框起来,这个矩形框被称为用例的边界。框里的椭圆表示一个一个的功能,功能之间可以调用依赖,也可以进行功能扩展。

  • 状态图

状态图用来展示单个对象生命周期的状态变迁。

业务系统中,很多重要的领域对象都有比较复杂的状态变迁,比如账号,有创建状态、激活状态、冻结状态、欠费状态等等各种状态。此外,用户、订单、商品、红包这些常见的领域模型都有多种状态。

这些状态的变迁描述可以在用例图中用文字描述,随着角色的各种操作而改变,但是用这种方式描述,状态散乱在各处,不要说开发的时候容易搞错,就是产品经理自己在设计的时候,也容易搞错对象的状态变迁。而 UML 的状态图可以很好地解决这一问题,一张状态图描述一个对象生命周期的各种状态,及其变迁的关系。

如图所示,在一个网约车系统中,订单状态有创单、派单中、已派单、行程中、已取消、待支付、已完成几种,而每种状态之间变迁的原因可以在图中清楚呈现,状态与变迁关系用一张状态图就可以搞定。

  • 活动图

活动图主要用来描述过程逻辑和业务流程。UML 中没有流程图,很多时候,人们用活动图代替流程图。

活动图和早期流程图的图形元素也很接近,实心圆代表流程开始,空心圆代表流程结束,圆角矩形表示活动,菱形表示分支判断。

此外,活动图引入了一个重要的概念——泳道。泳道表示一个领域范围,有时候也被称为子域,如上图中三个领域范围:酒店、区块链、车辆运营公司。活动图可以根据活动的范围,将活动根据领域、系统和角色等划分到不同的泳道中,使流程边界更加清晰。

03、架构图在软件开发周期中的应用场景与时机

在软件开发的过程中,架构图不仅是沟通的工具,更是指导设计与实施的关键蓝图。它们帮助开发团队在需求分析、概要设计、详细设计等各个阶段中,清晰地定义系统结构、功能划分及交互关系。对于这七种常见架构图在软件设计不同阶段的选用原则与应用场景,我根据自己的设计实践,有如下建议:

  1. 在需求分析阶段,主要是通过用例图来描述系统的功能与使用场景;对于关键的业务流程,可以通过活动图描述;如果在需求阶段就提出要和现有的某些子系统整合,那么可以通过时序图描述新系统和原来的子系统的调用关系;可以通过简化的类图进行领域模型抽象,并描述核心领域对象之间的关系;如果某些对象内部会有复杂的状态变化,比如用户、订单这些,可以用状态图进行描述。
  2. 在概要设计阶段,通过部署图描述系统最终的物理蓝图;通过组件图以及组件时序图设计软件主要模块及其关系;还可以通过组件活动图描述组件间的流程逻辑。
  3. 在详细设计阶段,主要输出的就是类图和类的时序图,指导最终的代码开发,如果某个类方法内部有比较复杂的逻辑,那么可以将这个方法的逻辑用活动图进行描述。

04、结语

最后,我想说的是,UML 是一种 language,语言的主要用途有两个:一个是思考,一个是交流。所以,当你在思考软件架构的时候,不妨动手把你的思考画下来;当你想要告诉别人你的架构设计的时候,也不妨画一些架构图给对方。

也正如交流的目的是为了沟通思想,而不是炫耀语法;画架构图的目的也是为了让他人(包括自己)了解架构的设计,而不是画得漂亮。所以画架构图的时候,不必纠结自己画得是不是标准、图形元素是不是使用正确,而是要考虑你的架构图是否准确表达了你的架构设计意图,别人是否能正确理解。

可能你已经发现,我在上面的UML图示例中,就使用了一些不规范的UML模型元素,就像说话一样,即使你发音是有些口音、包含一些方言,但是只要对方能听懂,就没有问题,反而是如果怕发音不标准而不敢说话,才可能会错过整个世界。

这里,我推荐一个简单的在线画图工具:https://app.diagrams.net/ 画下你的第一张架构图,开始你的架构师之旅吧。如果你想参考一些具体的案例,想看看一张架构图是如何具体表达某个设计思路的,而多张架构图又是如何构成一个架构设计文档的,推荐你阅读我写的《高并发架构实战:从需求分析到系统设计》。

作者简介

李智慧,同程旅行交通资深架构师,腾讯云 TVP,长期从事大数据、大型网站架构的研发工作,曾担任阿里巴巴技术专家、Intel 亚太研发中心架构师、宅米和 WiFi 万能钥匙 CTO。Apache Spark 源代码贡献者,著有畅销书《高并发架构实战:从需求分析到系统设计》、《大型网站技术架构:核心原理与案例分析》,极客时间《从零开始学大数据》专栏作者。

-End-

原创作者|李智慧

0 人点赞