Question

uml图在线绘制-如何绘制UML类图？

Answer 1

推荐ProcessOn，在线绘制流程图、思维导图、原型图、网络拓扑图和UML等

2019-07-03遇到的一点小问题

工作需要绘制流程图,网上找了下,看到一个在线绘制的。虽然使用中遇到不少BUG,但还是顺利完成任务了。

网址是这个:

介绍:ProcessOn隶属于北京大麦地信息技术有限公司,是一款专业在线作图工具和分享社区。它支持流程图、思维导图、原型图、网络拓扑图和UML等多种类型的绘制。

记录一下。

如何绘制UML类图？

类图的属性和方法是指类本身的属性和行为,类及其属性和方法是在程序设计过程中产生的,类图只是用Visio绘制出来,用于项目团队成员间或项目干系人之间的沟通和交流。例如:如果要设计一个关于销售苹果的程序,苹果就可以看作一个实体(类),其基本属性有颜色、形状、味道、种类等,行为有开花、落果、膨大、成熟等行为。

下面给出绘制苹果类图的方法和步骤:

第一步:启动Visio2010或更高版本,如下图:

第二步:在模板类别中选择“软件和数据库”,进入选择模板窗口,如下图:

第三步:选择“UML模型图”,并用鼠标双击“UML模型图”图标,进入UML绘图窗口,如下图:

第四步:选择“UML静态结构”,如下图:

第五步:按下鼠标左键,拖动“类图标”,到工作区域窗口,如下图:

第六步:双击工作区域窗口的类框图,如下图:

第七步:在UML类属性窗口,可以修改类的名称,添加属性(特性)和操作(方法)

第八步:在UML类属性窗口,修改类名为“苹果”,如下图:

第九步:在UML类属性窗口,选择特性,分别输入苹果的颜色、形状、味道等属性,类型为数据类型,可以选择字符串、整型等,如下图:

第十步:在UML类属性窗口,选择操作,分别输入苹果的行为开花、落果、膨大、成熟方法,样例中方法名称用的中文,实际应用应该采用英文,如下图:

绘制完成的UML类图

如何绘制UML顺序图

1.在VP官网下载。

2.在VisualParadigm中打开已下载的vpp文件。通过工具栏中的Project>Open可打开这个项目。

3.打开类图Registration,通过对图表内容的查看,我们了解到这里有三个类——RegistrationUI、RegistrationController和User。

4.现在我们想要对在运行时这些类的对象实例间的交互进行建模。由于控制器类负责控制登记流程,因此添加一个它的子顺序图。将鼠标指针移动到RegistrationController,点击底部右下角的资源图标然后从弹出菜单中选择NewDiagram...。

5.在NewDiagram窗口,选择SequenceDiagram,然后点击Next。保持默认图标名称不变,然后点击OK进行确认。

6.一个空的UML顺序图创建以后,从图表工具栏中选择BoundaryLifeLine(B)。

7.点击图表创建生命线的分界线。

8.输入registrationUI作为生命线名称,然后敲击回车键进行确认。

9.右键点击生命线,然后从弹出菜单中选择electClass>SelectClass...。

10.在SelectClass窗口,选择RegistrationUI类,然后点击OK进行确认。

然后所绘制的生命线就:

11.创建一个控制生命线(ControlLifeLine):registrationController:RegistrationController和一个实体生命线(EntityLifeLine):user:User。不要忘了为它们选择合适的类。所绘制的图表如下图所示:

12.让我们为生命线之间所调用的方法进行建模,将鼠标指针移动到生命线registrationUI。

13.按住资源ResourceCatalog,然后进行拖动。

14.移动到生命线registrationController,然后释放鼠标按钮。

15.从ResourceCatalog中选择Message。

16.这会弹出一个可供你选择的新的序列信息的列表名称。你可以看到这些选项都是classRegistrationController的操作,在其中选择createUser(name,password)。

17.关联生命线registrationController和user,我们可以看到是registrationController创建了user生命线。因此,我们需要创建一条信息来关联这两者。将鼠标指针移动激活生命线registrationController。

18.按住资源ResourceCatalog进行拖动。

19.在生命线user处放开鼠标指针。

20.从ResourceCatalog中选择CreateMessage。

于是信息就被创建好了,所得的图像如下图所示:

21.创建从生命线registrationController到user的信息setName和setPassword,到目前为止,图表如下图所示:

22.您还可以指定操作的参数,以信息createUser(name,password)为例。右键点击它,然后从下拉菜单中选择OpenSpecification...。

23.通过点击按钮上的省略号对行为属性进行编辑,跳转到Actiontype。

24.在CallActionSpecification窗口,点击Add>Text...添加参数。在本例中,点击Add>Text...添加参数peter。再次点击Add>Text...添加参数mypwd。注意,这里的两个参数指的是两个通过操作赋予的参数,如果你再添加第三个参数,它将被自动忽略(因为只定义了两个操作)。

25.点击OK关闭窗口,然后返回图表。添加的参数被呈现在了图表上