前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >UML时序图简析[通俗易懂]

UML时序图简析[通俗易懂]

作者头像
全栈程序员站长
发布2022-07-04 10:12:10
2.2K0
发布2022-07-04 10:12:10
举报

大家好,又见面了,我是你们的朋友全栈君。

前言

在嵌入式软件开发中,必然会遇到与其他控制板卡或者服务器通信的情况。比如,制作一个无线远程控制系统。 系统分为,输入设备,云端服务器,执行设备。其中

  • 输入设备,用户可以通过设备上的触摸屏进行交互,控制或者监测远程设备
  • 云端服务器,收发终端,接收输入设备的命令,并将其转换为执行设备可识别的信号发送到可执行设备。
  • 执行设备,执行服务器发送过来的命令,并且反馈当前的设备的一些状态.

简单如下图所示。

在这里插入图片描述
在这里插入图片描述

一般,这样的系统需要多人共同协作完成,输入设备的开发人员负责输入设备开发,云端负责云端,执行端负责执行端。那么必定要制定通信协议,让系统中的各个节点能够相互识别对方的信息。而通信协议都比较专业,涉及很深的技术细节,而且不直观。

怎么样能够简洁的描述这三个设备之间的通信交互过程呢?也方便让团队内部其他人员明白整个的交互过程,更方便于开会评审。

通常我们都会想到用流程图。流程图固然是好的,但还是不够直观,流程图重在表述系统内部的逻辑流程。描述多个设备之间通信交互过程还是不够直观。有没有其他更直观的方式呢。

uml序列图的出现就是为了解决上述问题。先不去了解序列图的相关概念,先看一个小的例子。

ATM机取钱交互流程

大家比较容易理解的一个模型就是ATM取钱模型。采用序列图描述整个流程如下:

在这里插入图片描述
在这里插入图片描述

仔细看下上面的图,哪怕没有任何编程经验的人是不是也能大致看的懂?这个系统实际上是分为3部分。终端ATM,服务器,个人账户数据库。

上述箭头代表了命令或者数据的流动方向。这样图形化的方式,很容易让人理解清楚整个系统的交互流程。接下来,看一下时序图的定义以及制作。

UML时序图定义

定义:时序图(Sequence Diagram),又名序列图、循序图,是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序,当执行一个用例行为时,其中的每条消息对应一个类操作或状态机中引起转换的触发事件。

上述定义来源于百度百科,从定义中可以看出,时序图就是用来描述系统内部多个对象之间交互过程的。

时序图元素

1、 角色(actor)

系统角色可以是人,或者其他系统。上述例子中的的角色就是人。

2、对象(object)

对象位于时序图的顶部,用一个方框标识。

3、生命线(lifeline)

时序图中每个对象底部中心都会绘制一条向下的垂直虚线,这就是对象的生命线。代表对象在一段时间内存在。

4、控制焦点(activation)

控制焦点标识时序图中的西乡执行一项操作的时期,在时序图中每条生命线上以比较窄的巨星代表活动期。

5、消息(message)

消息是对象直接交互的信息流,存在于时序图的两条生命线之间,用带箭头的线标识,箭头方向代表消息的传送方向。实线代表传送的消息(命令),虚线代表对象反馈的消息(返回值)。

组合片段

组合片段用于解决信息交互执行时的条件。比如if,else等条件判断。 初步学习的话只需要了解OPT片段,标识一个可能发生或者可能不发生的序列,可以在临界中指定序列发生的条件。

示例图中的3个方框就是opt。

示例标注如下:

请添加图片描述
请添加图片描述

这样理解起来就更清晰了。制作过程也很简单,找到对应的软件即可。时序图在描述对象之间交互逻辑上还是非常简单直观的。适合用在在写具体代码前,团队内部理清系统各个硬件节点交互逻辑的时候。

这样理清楚后,负责各个模块的都能对这个系统的交互有全面深入的理解。这样开发起来就更顺利,减少了返工,以及写代码过程中发现逻辑有问题,而又要拉团队成员一起再确定交互逻辑的情况。

UML时序图绘制软件drawio

时序图可以用viso,process on等软件绘制,但这些都要收费。这里推荐一款完全免费的作图工具,UML时序图只是其中的一个功能。

这个软件叫做drawio,分为网页版,以及客户端版。完全无需注册,直接就可以使用。 链接如下: 网页版,https://app.diagrams.net/网页版可以将文件保存到本地,格式可以保存为图片格式。 windows桌面版https://github.com/jgraph/drawio-desktop/releases最新版本为16.5.1

在这里插入图片描述
在这里插入图片描述

drawio软件操作

安装完成后,点击桌面图标启动软件。

在这里插入图片描述
在这里插入图片描述

显示界面如下所示

在这里插入图片描述
在这里插入图片描述

点击创建新绘图,选择UML,点击创建,可以玄策其中的模板,然后创建,也可以直接创建空白绘图。在这里创建的是空白绘图。

在这里插入图片描述
在这里插入图片描述

界面如下图所示:

在这里插入图片描述
在这里插入图片描述

可能一开始是左侧是没有UML和UML2.5菜单栏的。这是需要点击左下角的更多图形,进行UML图形添加,具体操作按照下图操作。

在这里插入图片描述
在这里插入图片描述

添加完后,界面上就可以看到左侧有UML,UML2.5图库。

在这里插入图片描述
在这里插入图片描述

直接点击或者拖动对应的图标到界面上就行了。要输入文字就选中要输入文字的对象,然后按enter键,测试过程中发现双击文字不好使。

在这里插入图片描述
在这里插入图片描述

常用快捷键

ctrl + r :切换箭头方向。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/149074.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • ATM机取钱交互流程
  • UML时序图定义
  • 时序图元素
    • 1、 角色(actor)
      • 2、对象(object)
        • 3、生命线(lifeline)
          • 4、控制焦点(activation)
            • 5、消息(message)
            • 组合片段
            • UML时序图绘制软件drawio
            • drawio软件操作
            • 常用快捷键
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档