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

时间:2023-03-08 16:17:43

总结 :

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

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

一. UML 使用流程

1. 创建 UML 图

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

-- 创建按钮 :

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

-- 创建页面 :

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

-- 选择模板 :

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

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

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

-- UML 编辑界面 :

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

2. UML 编辑界面简介

(1) 菜单栏介绍

菜单栏 :

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

-- 文件 :

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

-- 编辑 :

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

-- 视图 :

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

-- 插入 :

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

-- 页面 :

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

-- 排列 :

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

-- 帮助 :

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

(2) 组件栏介绍

组件栏 :

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

二. UML 类图创建

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

1. UML 类图元素简介

UML 类图元素 :

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

-- :

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

-- 简单类 :

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

-- 活动类 :

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

-- 接口 :

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

2. UML 类图关系设置

(1) 类图关系设置

依赖关系设置 :

-- 设置类连线 :

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

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

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

-- 设置连线类型 :

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

-- 设置起点 :

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

-- 设置终点 :

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

(2) 依赖关系设置

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

-- 设置曲线样式 :

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

-- 设置终点 :

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

-- 最终效果 :

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

(3) 泛化关系设置

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

-- 设置实线 :

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

-- 设置空心箭头 :

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

-- 设置成果 :

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

(4) 关联关系设置

关联关系 :

-- 设置实线 :

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

-- 设置起点 :

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

-- 设置终点 :

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

-- 设置效果 :

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

(5) 实现关系设置

实线关系 :

-- 设置线条样式 :

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

-- 设置终点 :

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

-- 设置效果 :

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