|
|
本文是《構(gòu)建高可伸縮性的WEB交互式系統(tǒng)》系列文章的第三篇，以網(wǎng)易的NEJ框架為例，對模塊的可伸縮性進行分析介紹。
實例分析
NEJ框架根據(jù)前兩篇的描述對此套架構(gòu)模式做了實現(xiàn)，下面我們用具體實例講解如何使用NEJ中的模塊調(diào)度系統(tǒng)來拆分一個復(fù)雜系統(tǒng)、開發(fā)測試模塊、整合系統(tǒng)等。
系統(tǒng)分解
繪制層級關(guān)系圖
當我們拿到一個復(fù)雜系統(tǒng)時，根據(jù)交互稿可以繪制出組成系統(tǒng)的模塊的層級關(guān)系圖，并確定系統(tǒng)對外可訪問的模塊。
抽象依賴關(guān)系樹
從模塊的層級關(guān)系圖中，我們可以非常方便的抽象出模塊的依賴關(guān)系樹：
然后，我們將抽象出來的依賴關(guān)系樹根據(jù)UMI規(guī)則進行格式化。格式化的主要操作包括：
- 增加一個名稱為“/”的根結(jié)點（也可將“m”結(jié)點改為“/”）
- 每個結(jié)點增加“/”的子節(jié)點作為默認節(jié)點
至此輸出的依賴關(guān)系樹，具有以下特性：
- 任何一個結(jié)點（除根結(jié)點外）到根結(jié)點路徑上的結(jié)點名稱用“/”分隔組合起來即為結(jié)點的UMI值，如list結(jié)點的UMI值為/m/blog/list
- 任何結(jié)點上的模塊都依賴于他祖先結(jié)點（注冊有模塊）上的模塊存在，如blog結(jié)點和list結(jié)點均注冊有模塊，則list結(jié)點上的模塊顯示必須以blog結(jié)點上的模塊的顯示為先決條件
確定對外模塊注冊節(jié)點
五個對外可訪問的模塊：日志、標簽、基本資料、個人經(jīng)歷、權(quán)限設(shè)置，在依賴關(guān)系樹中找到合適的結(jié)點（葉子結(jié)點，層級關(guān)系樹在依賴關(guān)系樹中對應(yīng)的結(jié)點或“/”結(jié)點）來注冊對外可訪問的模塊：
確定布局模塊注冊節(jié)點
從可訪問模塊注冊的結(jié)點往根結(jié)點遍歷，凡碰到兩模塊交叉的結(jié)點即為布局模塊注冊結(jié)點，系統(tǒng)所需的組件相關(guān)的模塊可注冊到根結(jié)點，這樣任何模塊使用的時候都可以保證這些組件已經(jīng)被載入。
映射模塊功能
原則：結(jié)點的公共父結(jié)點實現(xiàn)結(jié)點上注冊的模塊的公共功能。
舉例：blog結(jié)點和setting結(jié)點的公共父結(jié)點為m結(jié)點，則我們可以通過切換blog模塊和setting模塊識別不變的功能即為m模塊實現(xiàn)的功能，同理其他模塊。
分解復(fù)雜模塊
進一步分解復(fù)雜模塊，一般需要分解的模塊包括：
- 可共用模塊，比如日志列表，可以在日志管理頁面呈現(xiàn)，也可以在彈層中顯示
- 邏輯上無必然聯(lián)系的模塊，如日志模塊中日志列表與右側(cè)的按標簽查看的標簽列表之間沒有必然的聯(lián)系，任何一個模塊的移除或添加都不會影響到另外一個模塊的業(yè)務(wù)邏輯
至此我們可以得到兩棵系統(tǒng)分解后的依賴關(guān)系樹——對外模塊依賴關(guān)系樹：
以及私有模塊依賴關(guān)系樹：
繪制模塊功能規(guī)范表
本例中為了說明分解過程，將所有可分解的模塊都做了分解。實際項目看具體情況，比如這里的/m模塊組合的/?/tab/模塊的功能可以直接在/m模塊中實現(xiàn)，而不需要新建一個/?/tab/模塊來實現(xiàn)這個功能。
規(guī)范表范例如下所示：
構(gòu)建目錄
項目目錄
項目目錄的構(gòu)建如下圖所示：
各目錄說明
webroot 項目前端開發(fā)相關(guān)目錄 |- res 靜態(tài)資源文件目錄，打包時可配置使用到該目錄下的靜態(tài)資源帶版本信息 |- src 前端源碼目錄，最終發(fā)布時該目錄不會部署到線上 |- html |- module 單頁面模塊目錄，系統(tǒng)所有模塊的實現(xiàn)均在此目錄下 |- app.html 單頁面入口文件 it知識庫：構(gòu)建高可伸縮性的WEB交互式系統(tǒng)（下），轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
