用starUML创建时序图

先说一下时序图相关的基本概念:

时序图(Sequence Diagram),亦称为序列图或循序图,是一种UML行为图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序,当执行一个用例行为时,时序图中的每条消息对应了一个类操作或状态机中引起转换的触发事件。
时序图中包括如下元素:角色,对象,生命线,激活期和消息。

1、角色(Actor)

系统角色,可以是人或者其他系统,子系统。

2、对象(Object)

对象代表时序图中的对象在交互中所扮演的角色,位于时序图顶部和对象代表。
对象一般包含以下三种命名方式:

  1. 第一种方式包含对象名和类名。
  2. 第二种方式只显示类名不显示对象名,即为一个匿名对象。
  3. 第三种方式只显示对象名不显示类名。

3、生命线(Lifeline)

生命线代表时序图中的对象在一段时期内的存在。时序图中每个对象和底部中心都有一条垂直的虚线,这就是对象的生命线,对象间 的消息存在于两条虚线间。

4、激活期(Activation)

激活期代表时序图中的对象执行一项操作的时期,在时序图中每条生命线上的窄的矩形代表活动期。它可以被理解成C语言语义中一对花括号“{}”中的内容。

5、消息(Message)

消息是定义交互和协作中交换信息的类,用于对实体间的通信内容建模,信息用于在实体间传递信息。允许实体请求其他的服务,类角色通过发送和接受信息进行通信。

然后说下画时序图的工具:

1. PowerDesigner:

http://www.sybase.com/products/modelingdevelopment/powerdesigner

2.StartUML:http://staruml.io/

3. Microsoft Visio http://www.ddooo.com/softdown/74207.htm
4.edraw https://www.edrawsoft.com/

5. [ProcessOn - 免费在线作图,实时协作] (https://link.zhihu.com/?target=https%3A//www.processon.com/):

当然推荐使用StartUML了。以下是简单的操作方法。

  1. starUml下载安装比较简单,这里不再赘述。打开starUml

    用starUML创建时序图_第1张图片
    starUML建立时序图

  2. 在Model Explorer 中,在Untitled右键——ADD——Model,取名myuml

  1. 接着,单击myuml,右键——Add Diagram——Sequence Diagram,这里可以取个名字mysd。如果要改名字可以改Properties中的name属性。

    用starUML创建时序图_第2张图片
    starUML建立时序图

  2. 接下来添加一个执行者,myuml右键——Add——Actor,更名为person

  1. 接下来添加一个Object,mydb右键——Add——Object,更名为action

    用starUML创建时序图_第3张图片
    starUML建立时序图

  2. 再将person、和action拖到空白处,用Sequence里的工具线连起来。一个简单的时序图就OK了。复杂的举一反三吧。

    用starUML创建时序图_第4张图片
    starUML建立时序图

然后用它简要画了几个简单的图:

1.基本用例图:

用starUML创建时序图_第5张图片
image.png

2.场景一:基本时序图:

用starUML创建时序图_第6张图片
image.png

3.场景二:简要的另一份时序图:

用starUML创建时序图_第7张图片
image.png

4.场景3:另外一种场景简要描述

用starUML创建时序图_第8张图片
image.png

这里主要说一下关于竖线的问题,很多人不知道这个竖线怎么来的。其实在用例图上面,右键,选择 Add Diagram --> Sequence Diagram ,然后在新的标签下,建立相应的 Object 之类的,就可以了

用starUML创建时序图_第9张图片
image.png

也就是你要注意下面这两副图片的区别:

用starUML创建时序图_第10张图片
image.png
用starUML创建时序图_第11张图片
image.png

在用例图模式下,和序列分布模式左侧的是不同的。

当然,如果你想了解更多的关于 StarUML 应用的东西,可以参考:http://wenku.baidu.com/view/196c5a4c69eae009581bec69.html

另外,这位大神在6年前写的文章更为实用: http://www.cnblogs.com/daizhj/archive/2008/04/14/1153121.html

还有这份文档,步骤写得比较详细:http://wenku.baidu.com/view/2a67901efc4ffe473368ab08.html

你可能感兴趣的:(用starUML创建时序图)