1. 程式人生 > >【UML 建模】在線UML建模工具 ProcessOn 使用具體解釋

【UML 建模】在線UML建模工具 ProcessOn 使用具體解釋

lan span https family div roc add 公開 watermark



總結 :

-- 推薦理由 : 近期從 Windows 操作系統 轉到 MAC 上, 正在看設計模式 和 重構, 找不到好用的 UML 工具, 因此在網上找了一款能夠在線使用的 UML 工具, 用起來發現還不錯, 推薦給大家;

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




一. UML 使用流程



1. 創建 UML 圖



創建 UML 圖 : 點擊主頁的右上角的 "+" button, 就可以彈出創建頁面;

-- 創建button :

技術分享

-- 創建頁面 :

技術分享

-- 選擇模板 :

技術分享

-- 輸入文件名稱, 並選擇公開或者私有 :

技術分享

-- 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 使用具體解釋