总结 :
-- 推荐理由 : 近期从 Windows 操作系统 转到 MAC 上, 正在看设计模式 和 重构, 找不到好用的 UML 工具, 因此在网上找了一款能够在线使用的 UML 工具, 用起来发现还不错, 推荐给大家;
-- 工具地址 : https://www.processon.com/ ;
一. UML 使用流程
1. 创建 UML 图
创建 UML 图 : 点击主页的右上角的 "+" button, 就可以弹出创建页面;
-- 创建button :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 创建页面 :
-- 选择模板 :
-- 输入文件名称, 并选择公开或者私有 :
-- UML 编辑界面 :
2. UML 编辑界面简单介绍
(1) 菜单条介绍
菜单条 :
-- 文件 :
-- 编辑 :
-- 视图 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 插入 :
-- 页面 :
-- 排列 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 帮助 :
(2) 组件栏介绍
组件栏 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
二. UML 类图创建
UML 类图具体解释见博客 : http://blog.csdn.net/shulianghan/article/details/17578603 ;
1. UML 类图元素简单介绍
UML 类图元素 :
-- 类 :
-- 简单类 :
-- 活动类 :
-- 接口 :
2. UML 类图关系设置
(1) 类图关系设置
依赖关系设置 :
-- 设置类连线 :
-- 点击箭头进入箭头编辑模式 : 进入箭头编辑模式之后, 会有红色阴影;
-- 设置连线类型 :
-- 设置起点 :
-- 设置终点 :
(2) 依赖关系设置
设置依赖关系 : 类 A 依赖 类 B, 即 类 A 中使用了 类 B;
-- 设置曲线样式 :
-- 设置终点 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 终于效果 :
(3) 泛化关系设置
泛华关系 : 类 A 是子类, 类 B 是父类 ;
-- 设置实线 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 设置空心箭头 :
-- 设置成果 :
(4) 关联关系设置
关联关系 :
-- 设置实线 :
-- 设置起点 :
-- 设置终点 :
-- 设置效果 :
(5) 实现关系设置
实线关系 :
-- 设置线条样式 :
-- 设置终点 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
-- 设置效果 :
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />