輕鬆理解UML用例圖時序圖類圖的教程

寫在前面

當你老大扔給你這樣的圖,或者你需要完成某些功能而去看文檔的時候發現以下類似這樣的圖會不會不(一)知(臉)所(懵)措(逼):

UML 用例圖

(圖片來至wikipedia

UML 時序圖

(圖片來至微信內網頁支付時序圖

UML 類圖

(圖片來至wikipedia

如果你看了都不會一臉懵逼,那麼可以出門左轉啦,這篇文章就是來說明這些圖的意思,讓你在工作交流中,或者在看一些文檔,或者看我的一些關於設計模式的文章,甚至架構建模中,都能輕鬆理解,毫無壓力!

  • Will be replaced with the ToC, excluding the “Contents” header
    {:toc}

UML的用例圖

剛剛我們看到的第一張圖片就是用例圖,用例圖有以下幾個東東:

  • 用例
  • 參與者
  • 關聯
  • 系統邊界

用例使用橢圓來表示,橢圓裏邊寫上用例的名稱:

UML use case

參與者用一個小人兒,在小人兒下面寫上參與者名稱,例如學生:

UML actor

關聯用一條線兒表示:

UML relation

把用例圍起來,系統邊界就用個矩形啦:

UML boundary

舉個例子:

UML usecase

我們可以看到這個

系統叫做 「購物系統」 ;
有註冊賬號、登錄系統、生成訂單的用例(這裏只列舉幾個用例,其它用例省略);
參與者有顧客和管理員;
顧客關聯到了註冊賬號和登錄系統的用例;
管理員關聯到了登錄系統和生成訂單的用例!

UML的時序圖

時序圖就是我們剛剛看到的第二個圖,時序圖有以下幾個東東:

  • 對象
  • 生命線
  • 活動條
  • 消息
  • 控制流
    • 順序
    • 分支
    • 循環

對象在矩形裏邊,左邊是對象名稱,右邊是對象類型,下方還有一條線:

UML 時序圖

用虛線代表的是對象的生命線:

UML 時序圖

活動條是一個豎着的矩形,當接收到消息的時候,這個對象就會有活動條:

UML 時序圖

消息用一根箭頭,箭頭上面寫上消息信息,例如一個登錄方法 login(userName,passWord):

UML 時序圖

控制流有三種,普通就是按順序的一個流程,還有分支就相當於if else:

UML 時序圖

矩形裏邊有一條虛線,左上角用ALT表示,當C爲true的時候,就執行虛線上方的內容,當C爲false的時候就執行虛線下方的內容。

循環控制流:

UML loop

左上角有LOOP表示循環,當C爲true的時候,就循環執行方框裏邊的內容!

舉個UML時序圖例子:

UML sequence diagram

可以看到,每個對象都有它們的生命線(虛線);

  1. 一開始用戶給類型爲GUI(界面)的Login對象發送一個登錄信息 「 login(userName,passWord)」 ;

  2. Login這個對象接收到了就會產生活動條,這時候Login這個界面會給類型爲Controller的loginController發送登錄信息「 login(userName,passWord)」 ;

  3. 此時loginController接收到信息產生活動條,這時候loginController去找類型爲DB的UserDao,給它發送了一個獲取用戶密碼的信息 「getUserPassword(userName)」;

  4. UserDao接收到信息後產生活動條,返回用戶的密碼;

  5. 此時loginController接收到信息(用戶的密碼 userPassword),loginController此刻將信息發送給自己,通過verify去校驗密碼並且用result接收結果;

  6. 校驗就產生了分支控制流,當resul爲true的時候loginController會發送success給Login,當result爲false的時候,loginController會發送failure給Login;

  7. 最後Login最後給用戶發送messag信息。

好了,當你看到這裏的時候,你就會發現,以後關於這類的時序圖對你來說已經不在話下了。例如本文一開始的第二張圖。

UML的類圖

類圖有以下幾個東東:

  • 類名
  • 屬性
  • 方法
  • 可見性
  • 數據類型
  • 關聯關係
  • 依賴關係
  • 繼承/實現關係
  • 組合/聚合關係

類名、屬性、方法在一個矩形中,分爲上中下:

UML class

可見性:

  • private的時候在前方用 - 表示
  • public的時候在前方用 + 表示
  • protected的時候在前方用 # 表示

數據類型表示形式:

名字 : 類型

例如:

uml

userName 和 passWord 這兩個屬性是protected修飾的,數據類型都是String;
login() 和 register() 這兩個方法是public修飾的,數據類型都是boolean;

關聯關係,用實線表示,例如A關聯B:

uml 關聯關係

依賴關係,用虛線表示,例如A依賴B:

uml 依賴關係

繼承關係,用一個△ + 一條實線表示,例如A繼承B:

uml 繼承關係

依賴關係,用過一個△ + 一條虛線表示,例如A實現B:

uml 依賴關係

組合關係,用一個 ♦ + 一條實線表示,例如A組合B:

uml 組合關係

聚合關係,用一個 ◇ + 一條實線表示,例如A組合B:

uml 聚合關係

聚合:表示兩個對象之間是整體和部分的弱關係,部分的生命週期可以超越整體。如電腦和鼠標。

組合:表示兩個對象之間是整體和部分的強關係,部分的生命週期不能超越整體,或者說不能脫離整體而存在。組合關係的“部分”,是不能在整體之間進行共享的。

類圖舉例子:

UML 類圖

可以看到,有User類,Customer類,Address類,Role類,Payment類,aliPay類,wechatPay類。

其中Customer 繼承 User,User類的userName 和 passWord 這兩個屬性是protected修飾的,數據類型都是String;
login() 和 register() 這兩個方法是public修飾的,數據類型都是boolean;

Address和Role聚合User;

Customer依賴Payment;

aliPay 和 wechatPay 實現了 Payment!

以上,就是關於UML的用例圖,時序圖,類圖!當然可以自己手動畫幾個試試,感覺挺不錯哦,相信你在工作交流中,或者在看一些文檔,或者看我的一些關於設計模式的文章,甚至架構建模中,都能輕鬆理解,毫無壓力!

相關文章

肯定會

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章