因為工作需要，這兩天在嘗試着給手裡壹些子產品畫時序圖（Sequence Diagrams），壹般畫這種圖的時候，我們第壹反應會想到安裝 IBM 的 Rational Rose，但是我不想為了畫這種圖就去安裝壹個那麽龐大的企業級應用軟體，不說使用的時候需要價格極其高昂的 License，就算使用盜版，也需要自己去網上到處找安裝包，而公司的 WiFi 網絡實在是太牽強，看看新聞查查 Google 還湊合，如果去用來下載下傳幾百兆的軟體，那就等着吧，不過我手頭的事情還得做，于是就想看看網上有沒有線上畫這種時序圖的工具，搜了下，結果還真有，那就是Web Sequence Diagrams 。
Web Sequence Diagrams 就是專門為畫時序圖而準備的，它的特點就是使用簡單的編碼來控制時序圖的各個細節，非常輕便，非常簡單，很容易上手。進入首頁之後，預設的是壹個橫向分成兩欄的頁面，左側是文本編輯器，右側是生成的時序預覽圖，左側有壹豎欄是各種時序圖元件，點選之後可以在編輯器裡自動為你生成樣例代碼，修改修改就可以用了，并且右上角還有壹個下拉清單可以選擇生成的時序圖的樣式，預設為 napkin，使用這種風格生成的時序圖，其線條會不規則的扭來扭去，實際上就是手繪的草圖，除此之外，還有：
1、Plain UML：白底黑字的标準時序圖（推薦）；
2、Rose：IBM Rational Rose 風格的時序圖，橘黃色偏紅的顔色（推薦）；
3、qsd：文檔報告中經常會用到的黑白時序圖，各種元件四四方方的；
4、VS2010：微軟 Visual Studio 風格的标準時序圖，淡藍色（推薦）；
5、mscgen：把各個元件上的方框去掉了，隻留下了文字的簡化版時序圖；
6、patent：線條加粗加黑的時序圖（推薦）；
7、napkin：線條不規則的扭來扭去，實際上就是生成了壹個手繪的時序圖；
此處還有其它幾種風格，我沒有嘗試，寫的是Colorful，估計生成的時序圖顔色會比較絢麗。其中我比較喜歡的幾種網絡就是 Plain UML，Rose 和 VS2010 這三種風格，因為生成的圖檔是最符合規範的。按照頁面提供的編碼方式，我也嘗試着為手裡的壹個功能子產品畫了個簡單的時序圖，其代碼也非常有特點，使用正号（+）、負号（-）和左箭頭（->）來表示每個流程的執行順序。具體如下：
title XXX業務的時序圖
View->+IService: 發送請求
IService->+ServiceImpl: 服務層處理
ServiceImpl->+Logic:邏輯層處理
Logic->+Dao:持久層處理
Dao->+xxx-sqlMap.xml: 調用指定的SQL語句1
note right of xxx-sqlMap.xml: 與資料庫互動1
xxx-sqlMap.xml->-Dao:與資料庫互動完畢傳回1
Dao->+xxx-sqlMap.xml: 調用指定的SQL語句2
note right of xxx-sqlMap.xml: 與資料庫互動2
xxx-sqlMap.xml->-Dao:與資料庫互動完畢傳回2
Dao->-Logic:持久層互動完畢傳回
Logic->-ServiceImpl: 邏輯層互動完畢傳回
ServiceImpl->IService: 服務層互動完畢傳回
IService->-View: 請求處理完畢，傳回頁面
因為我個人比較偏愛 IBM Rational Rose 風格，是以也單獨生成了該風格的圖檔。
對了，點選右上角的超連結[Link to this image]可以把生成的圖檔下載下傳下來，頁面會先彈出壹個提示框，詢問是否成為付費使用者，不用理會，直接點選提示框中的超連結[Open in new tab]就可以在新的頁籤中看到生成好的時序圖了。
這個服務對于我這種偶爾需要畫畫時序圖的人而言，真是太友善了，完全不用安裝盜版的 IBM Rational Rose，而且還完美的實作了我想要的功能。當然，如果你覺得這個服務對你很有意義，并且願意長期使用的話，那麽付費支付下也是非常推薦的，因為付費帳戶會有更多的功能特性可以使用。另外，強烈建議在 Google Chrome 浏覽器下使用該服務，頁面重新整理時會相比 Firefox 流暢，至于微軟的 IE 浏覽器，隻能呵呵了。