如何绘制「UML类图」?附内容详解和优质实例分析!
人人都是产品经理
2023-10-27 01:20:17
0

原标题:如何绘制「UML类图」?附内容详解和优质实例分析!

下面这篇文章是笔者整理分析的关于如何绘制「UML类图」的相关内容,大家一起来看看吧!

UML图有很多种,但是并非必须掌握所有的UML图,才能完整系统分析和设计工作。一般说来,在UML图中,只要掌握类图、用例图、时序图的使用,就能完成大部分的工作。也就是说,掌握UML的20%,就能做80%的事情。

对于程序员来说,最频繁使用的莫过于类图。因此,这里我们只讲解UML类图。至于其它UML图,请在以后的工作中参阅更多UML学习资料继续学习。

类图是面向对象系统建模中最常用和最重要的图,是定义其它图的基础。类图主要是用来显示系统中的类、接口以及它们之间的静态结构和关系的一种静态模型。类图中最基本的元素是类、接口。软件设计师设计出类图后,程序员就可以用代码实现类图中包含的内容。

一、UML类图简介

类图以反映类的结构(属性、操作)以及类之间的关系为主要目的,描述了软件系统的结构,是一种静态建模方法。类图用来描述系统中有意义的概念,包括具体的概念、抽象的概念、实现方面的概念等,是对现实世界中事物的抽象。

类图的主要作用是对系统的词汇进行建模、对简单的协作进行建模和对逻辑数据库模式进行建模。

二、类图基本属性

类图概括起来主要由两部分组成:类和类之间的关系,其中对类的定义如下图所示,主要由三部分组成,它们分别是类名、类的属性、类的方法,对应图中的三个分区内容。

类名:图中最上面的矩形框中为类名。如果字体为斜体,表示为抽象类

  • 类的属性:类名下方的区域
  • 类的方法:图中的下面部分

*符号解释

说明:属性和方法前面的“+”“-”和“#”表示访问级别,以下对这些符号进行解释说明。

  • +:public,公用的,对所有类可见
  • -:private,私有的,只对该类本身可用
  • #:protected,受保护的,对该类的子孙可见
  • ~:package,包的,只对同一包声明的其他类可见
  • =:表示默认值
  • 下划线:static
  • 斜体:抽象 (注意也可以用两个尖括号包裹来表示抽象,比如 —— <>)

冒号前是方法名/变量名(根据有无括号区分),冒号后是返回参数/变量类型(根据有无括号区分),如果没有冒号的话表示方法返回空(也有人通过:void表示返空)

三、类图中具体类、抽象、接口和包的表示法

UML类图中具体类、抽象类、接口和包有不同的表示方法。

1. 在UML类图中表示具体类

具体类在类图中用矩形框表示,矩形框分为三层:

  • 第一层是类名字。
  • 第二层是类的成员变量。
  • 第三层是类的方法。

成员变量以及方法前的访问修饰符用符号来表示:

  • “+”表示 public;
  • “-”表示 private;
  • “#”表示 protected;
  • 不带符号表示 default。
2. 在UML类图中表示抽象类

抽象类在UML类图中同样用矩形框表示,但是抽象类的类名以及抽象方法的名字都用斜体字表示。

3. 在UML类图中表示接口

接口在类图中也是用矩形框表示,但是与类的表示法不同的是,接口在类图中的第一层顶端用构造型 <>表示,下面是接口的名字,第二层是方法。此外,接口还有另一种表示法,俗称棒棒糖表示法,就是类上面的一根棒棒糖(圆圈+实线)。圆圈旁为接口名称,接口方法在实现类中出现。

4. 在UML类图中表示包

类和接口一般都出现在包中,UML类图中包的表示形式。

四、类之间的关系

类之间的关系主要包括泛化(继承)、依赖、关联、聚合、组合和实现6种关系,下面对它们进行一一阐释。

1. 泛化关系

泛化关系是一种继承关系,子类继承父类的所有行为和属性,子类可以新增新的功能或者重写父类功能。

表示方法:空心三角+实线,箭头指向父类

2. 依赖关系

依赖关系表示一个类使用(依赖)另一个类的服务或信息。当一个类的改变会影响到另一个类时,两个类之间存在依赖关系。一般来说,依赖总是单向的,不应该存在双向依赖。

表示方法:尖括号+虚线

3. 关联关系

关联关系是一种拥有的关系,它使一个类知道另一个类的属性和方法。它体现不同类的一种强依赖关系,比如我和我的朋友,这种关系比依赖更强,不存在依赖关系中的偶然性,关系也不是临时的,一般是长期性的。

关联关系分为单向关联或双向关联,也可以有多重性(一对多),双向的关联可以有两个箭头或者没有箭头,单向的关联有一个箭头。

表示方法:尖括号+实线,箭头指向被拥有者

4. 聚合关系

聚合关系是关联关系的一种,表示一种“弱”的“拥有”关系,是整体与部分的关系,且部分可以离开整体而单独存在,如车和轮胎是整体和部分的关系,轮胎离开车仍然可以单独存在。

表示方法:空心菱形+实线,菱形指向整体

5. 组合关系

组合关系也是关联关系的一种,是比聚合关系还要强的关系,是整体与个体的关系,但个体不能离开整体而单独存在。如公司和部门是整体和部分的关系,没有公司就不存在部门。它要求普通的聚合关系中代表整体的对象负责代表部分的对象的生命周期。

表示方法:实心菱形+实线

6. 实现关系

实现关系是一种类与接口的关系,表示类是接口所有特征和行为的实现。

表示方法:空心三角+虚线

五、类图案例分析

为了帮助大家更好的理解类之间的6种关系,下面使用例子辅助大家学习和消化吸收。

汽车类图

汽车类图说明:

  • 车与小汽车和自行车之间是「实现」】关系,使用带空心箭头的虚线表示。
  • 小汽车与SUV之间的关系为泛化关系,使用带空心箭头的实线表示。
  • 小汽车与发动机和轮胎之间是「组合」】关系,使用实心菱形箭头的实线表示。
  • 学生上学需要用到自行车,与自行车是一种「依赖」】关系,使用带箭头的虚线表示。
  • 学生与班级之间是「聚合」】关系,使用带空心菱形箭头的实线表示。
  • 学生与身份证之间为「关联」】关系,使用尖箭头的实线表示。

如果你能快速的看懂并理解以上案例,说明你基本上已经把类图弄懂了,再去多结合一些代码和对应的类图巩固一下,以后再看到类图就不会懵了。

六、如何绘制类图?

ProcessOn支持多种图形的绘制,当然也包括UML图啦,用ProcessOn绘制类图的方法很简单,只要掌握了类图绘制的知识点,研究明白了类图案例,相信每个人都可以快速学会画类图。

  • Step1:注册登录ProcessOn,新建UML图形。
  • Step2:在左侧工具栏中选择类的标志,拖拽到右侧编辑区,写上类名、属性和方法。
  • Step3:根据类之间的关系,标注箭头和线。

注:ProcessOn每个图标之间的连线默认都是实线箭头,大家根据需要可以在上方工具栏中调整连线样式、连线类型、连线颜色、箭头方向和箭头样式等。如果你想让自己的图更美观一些,可以把文本、图标、线条等填充不同颜色、相同的图标尽可能大小相同。

本文由 @观察月亮的小白羊 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

相关内容

热门资讯

游戏!微信金花房卡充值,大厅房... KrofbaH7从核心配置来看,这款OPPO Reno9手机搭载了高通骁龙778G处理器,采用了更先...
游戏!牛牛房卡在哪里买便宜,金... P1GBOPPO原来的系统确实做得一般,但是近几年已经有了很大的改善,流畅了很多,比如OPPO Re...
游戏指南!金花房卡价格表,微信... y6d对于预算不算充足或者说对14系列不满意的朋友来说,如今正在打折促销的苹果手机产品都是值得入手的...
游戏知识!正规房卡出售平台,正... kUQQXQ比如说iPhone 14Pro版的两款机型将采用全新的ID设计,即网友所说的“感叹号”打...
游戏推荐微信大厅房卡充值,游戏... Rm5TWoiV因此在高通骁龙7+ Gen2的加持下,该机的核心性能将会非常的极致。并且该机配备了4...
游戏!牛牛房卡怎么获得,牛牛房... qQM3Hvg在核心硬件方面,据悉这款realme GT3采用了高通骁龙8 Gen3移动平台,作为高...
游戏推荐正版房卡批发大厅,金花... DKL3O而且有消息称iPhone14系列中的标准版和新增的Max版本都将搭载A15处理器,又或者是...
游戏金花房卡在哪里买,牛牛房卡... p曝光iPhone15标准版与iPhone15 Pro系列的屏幕配置还是有所区别,其中iPhone1...
游戏知识!微信房卡神兽大厅,牛... nwIz尤其是高通骁龙7+ Gen2以及IP68等核心硬件和技术的加入,使得该机的综合硬件配置诚意满...
游戏推荐如何找房卡平台,房卡牛... B3D9T3独家:iPhone 15 Plus 渲染图揭示新设计独家:这是 iPhone 15 Pr...
游戏!金花房卡购买联系方式,房... glkS3dl尽管iPhone14大概率会在今年9月某一天发布,但配置相对iPhone13而言,可以...
游戏知识!牛牛房卡批发市场,牛... 3ZYekk在血雨腥风的手机市场,一款产品要想存活下来,就一定要有差异化的产品设计。摩托罗拉手机是一...
游戏!大厅房卡哪里有卖,牛牛房... KCOwewI强得有些离谱!上述曝光的这款realme GT3,更惊艳的极边微孔直屏的全面屏设计带来...
游戏游戏购买房卡,微信大厅房卡... R毕竟有热度的消息,大家都愿意去挖。也有一些推特博主,也会爆料苹果的新机。所以新机还在孵化中,但是不...
游戏介绍!牛牛房卡批发价格,牛... 1kPcACkC本月早些时候,9to5Mac独家报道称,即将推出的 iPhone 15 Pro 将拥...
游戏知识!微信金花房卡充值,斗... A2TiWTWH毕竟有热度的消息,大家都愿意去挖。也有一些推特博主,也会爆料苹果的新机。所以新机还在...
游戏牛牛卖房卡多少钱一张,金花... hiphone14系列整体改变较大,搭载的最新的A16芯片,目前手机主流市场依旧是以火龙为主导,A1...
游戏!房卡怎么购买,金花房卡购... mkDGq更高档的一款华为P60 Pro其实配置相比华为P60的区别不大,绝大多数配置都一模一样,包...
游戏正规房卡出售平台,牛牛房卡... zuzDfs提到OPPO,大家都是很熟悉的,使用过OPPO手机的用户都知道,OPPO手机外观非常大气...
游戏金花房卡怎么购买,金花房卡... EoYIUbiPhone 14 Pro最新渲染图,由平面设计师Ian Zelbo制作,基于早些时候业...