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

     分类 [产品经理]
2023/7/7 9:47:35 浏览量  1079 喜欢  79
导读:UML类图的绘制方法,每一个产品经理都应该掌握~

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

之前已经分享过UML家族中的部署图、时序图和用例图,今天我们来学习一下类图。
什么是类图 ?类图有哪些绘制规则?类图如何画?为方便大家学习,在这里小编提炼总结了一下,希望大家看完后,可以对类图有一个基本了解。
 
一、UML类图简介
类图以反映类的结构(属性、操作)以及类之间的关系为主要目的,描述了软件系统的结构,是一种静态建模方法。类图用来描述系统中有意义的概念,包括具体的概念、抽象的概念、实现方面的概念等,是对现实世界中事物的抽象。
类图的主要作用是对系统的词汇进行建模、对简单的协作进行建模和对逻辑数据库模式进行建模。
 
二、类图基本属性
类图概括起来主要由两部分组成:类和类之间的关系,其中对类的定义如下图所示,主要由三部分组成,它们分别是类名、类的属性、类的方法,对应图中的三个分区内容。
如何绘制「UML类图」?附内容详解和优质实例分析!
·类名:图中最上面的矩形框中为类名。如果字体为斜体,表示为抽象类
·类的属性:类名下方的区域
·类的方法:图中的下面部分
*符号解释
说明:属性和方法前面的“+”“-”和“#”表示访问级别,以下对这些符号进行解释说明。
+:public,公用的,对所有类可见
-:private,私有的,只对该类本身可用
#:protected,受保护的,对该类的子孙可见
~:package,包的,只对同一包声明的其他类可见
=:表示默认值
下划线:static
斜体:抽象 (注意也可以用两个尖括号包裹来表示抽象,比如 —— <<我是抽象类or接口>>)
冒号前是方法名/变量名(根据有无括号区分),冒号后是返回参数/变量类型(根据有无括号区分),如果没有冒号的话表示方法返回空(也有人通过:void表示返空)
 
三、类之间的关系
类之间的关系主要包括泛化(继承)、依赖、关联、聚合、组合和实现6种关系,下面对它们进行一一阐释。
如何绘制「UML类图」?附内容详解和优质实例分析!
1、泛化关系
泛化关系是一种继承关系,子类继承父类的所有行为和属性,子类可以新增新的功能或者重写父类功能。
表示方法:空心三角+实线,箭头指向父类
如何绘制「UML类图」?附内容详解和优质实例分析!
2、依赖关系
依赖关系表示一个类使用(依赖)另一个类的服务或信息。当一个类的改变会影响到另一个类时,两个类之间存在依赖关系。一般来说,依赖总是单向的,不应该存在双向依赖。
表示方法:尖括号+虚线
如何绘制「UML类图」?附内容详解和优质实例分析!
3、关联关系
关联关系是一种拥有的关系,它使一个类知道另一个类的属性和方法。它体现不同类的一种强依赖关系,比如我和我的朋友,这种关系比依赖更强,不存在依赖关系中的偶然性,关系也不是临时的,一般是长期性的。
关联关系分为单向关联或双向关联,也可以有多重性(一对多),双向的关联可以有两个箭头或者没有箭头,单向的关联有一个箭头。
表示方法:尖括号+实线,箭头指向被拥有者
如何绘制「UML类图」?附内容详解和优质实例分析!
4、聚合关系
聚合关系是关联关系的一种,表示一种“弱”的“拥有”关系,是整体与部分的关系,且部分可以离开整体而单独存在,如车和轮胎是整体和部分的关系,轮胎离开车仍然可以单独存在。
表示方法:空心菱形+实线,菱形指向整体
如何绘制「UML类图」?附内容详解和优质实例分析!
5、组合关系
组合关系也是关联关系的一种,是比聚合关系还要强的关系,是整体与个体的关系,但个体不能离开整体而单独存在。如公司和部门是整体和部分的关系,没有公司就不存在部门。它要求普通的聚合关系中代表整体的对象负责代表部分的对象的生命周期。
表示方法:实心菱形+实线
如何绘制「UML类图」?附内容详解和优质实例分析!
6、实现关系
实现关系是一种类与接口的关系,表示类是接口所有特征和行为的实现。
表示方法:空心三角+虚线
如何绘制「UML类图」?附内容详解和优质实例分析!
四、类图模板案例
为了帮助大家更好的理解类之间的6种关系,下面使用例子辅助大家学习和消化吸收。
1、汽车类图
如何绘制「UML类图」?附内容详解和优质实例分析!
点击查看模板高清原图
汽车类图说明:
  • 车与小汽车和自行车之间是「实现」 关系,使用带空心箭头的虚线表示;
  • 小汽车与SUV之间的关系为泛化关系,使用带空心箭头的实线表示;
  • 小汽车与发动机和轮胎之间是「组合」 关系,使用实心菱形箭头的实线表示;
  • 学生上学需要用到自行车,与自行车是一种「依赖」 关系,使用带箭头的虚线表示。
  • 学生与班级之间是「聚合」 关系,使用带空心菱形箭头的实线表示;
  • 学生与身份证之间为「关联」 关系,使用尖箭头的实线表示;
2、动物UML类图
如何绘制「UML类图」?附内容详解和优质实例分析!
点击查看模板高清原图
3、学生上网UML类图
如何绘制「UML类图」?附内容详解和优质实例分析!
点击查看模板高清原图
4、微信支付类图
如何绘制「UML类图」?附内容详解和优质实例分析!
点击查看模板高清原图
如果你能快速的看懂并理解以上案例,说明你基本上已经把类图弄懂了,再去多结合一些代码和对应的类图巩固一下,以后再看到类图就不会懵了。
 
五、如何绘制类图?
ProcessOn支持多种图形的绘制,当然也包括UML图啦,用ProcessOn绘制类图的方法很简单,只要掌握了类图绘制的知识点,研究明白了小编分享的类图案例,相信每个人都可以快速学会画类图。
Step1:注册登录ProcessOn,新建UML图形
Step2:在左侧工具栏中选择类的标志,拖拽到右侧编辑区,写上类名、属性和方法
Step3:根据类之间的关系,标注箭头和线
如何绘制「UML类图」?附内容详解和优质实例分析!
注:ProcessOn每个图标之间的连线默认都是实线箭头,大家根据需要可以在上方工具栏中调整连线样式、连线类型、连线颜色、箭头方向和箭头样式等。
如果你想让自己的图更美观一些,可以把文本、图标、线条等填充不同颜色、相同的图标尽可能大小相同。

 

标签

微信扫一扫,分享到朋友圈

微信公众号

相关推荐