码迷,mamicode.com
首页 > 其他好文 > 详细

【UML 建模】在线UML建模工具 ProcessOn 使用详解

时间:2015-08-17 23:41:28      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:uml



总结 : 

-- 推荐理由 : 最近从 Windows 操作系统 转到 MAC 上, 正在看设计模式 和 重构, 找不到好用的 UML 工具, 因此在网上找了一款可以在线使用的 UML 工具, 用起来发现还不错, 推荐给大家;

-- 工具地址 : https://www.processon.com/ ;




一. UML 使用流程



1. 创建 UML 图



创建 UML 图 : 点击主页的右上角的 "+" 按钮, 即可弹出创建页面;

-- 创建按钮 : 

技术分享

-- 创建页面 : 

技术分享

-- 选择模板 : 

技术分享

-- 输入文件名, 并选择公开或者私有 : 

技术分享

-- UML 编辑界面 : 

技术分享



2. UML 编辑界面简介



(1) 菜单栏介绍


菜单栏 : 

技术分享

-- 文件 : 

技术分享

-- 编辑 : 

技术分享

-- 视图 : 

技术分享

-- 插入 : 

技术分享

-- 页面 : 

技术分享

-- 排列 : 

技术分享

-- 帮助 : 

技术分享



(2) 组件栏介绍


组件栏 : 

技术分享




二. UML 类图创建



UML 类图详解见博客 : http://blog.csdn.net/shulianghan/article/details/17578603 ;


1. UML 类图元素简介



UML 类图元素 : 

技术分享

-- 类 : 

技术分享

-- 简单类 : 

技术分享

-- 活动类 : 

技术分享

-- 接口 : 

技术分享



2. UML 类图关系设置



(1) 类图关系设置



依赖关系设置 : 

-- 设置类连线 : 

技术分享

-- 点击箭头进入箭头编辑模式 : 进入箭头编辑模式之后, 会有红色阴影;

技术分享

-- 设置连线类型 : 

技术分享

-- 设置起点 : 

技术分享

-- 设置终点 : 

技术分享



(2) 依赖关系设置



设置依赖关系 : 类 A 依赖 类 B, 即 类 A 中使用了 类 B;

-- 设置曲线样式 : 

技术分享

-- 设置终点 : 

技术分享

-- 最终效果 : 

技术分享




(3) 泛化关系设置



泛华关系 : 类 A 是子类, 类 B 是父类 ;

-- 设置实线 : 

技术分享

-- 设置空心箭头 : 

技术分享

-- 设置成果 : 

技术分享



(4) 关联关系设置



关联关系 : 

-- 设置实线 : 

技术分享

-- 设置起点 : 

技术分享

-- 设置终点 : 

技术分享

-- 设置效果 : 

技术分享




(5) 实现关系设置



实线关系 : 

-- 设置线条样式 : 

技术分享

-- 设置终点 : 

技术分享

-- 设置效果 : 

技术分享




版权声明:本文为博主原创文章,未经博主允许不得转载。

【UML 建模】在线UML建模工具 ProcessOn 使用详解

标签:uml

原文地址:http://blog.csdn.net/shulianghan/article/details/47684729

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!