在《構建高可伸縮性的WEB交互式系統》的第一篇，我們介紹了Web交互式系統中平臺的可伸縮性。本文將描述模塊的可伸縮性。

　　模塊的可伸縮性

　　WEB交互式系統對模塊的可伸縮性同樣表現為：

• 可擴展性：對于系統新增的功能需求能夠快速響應支持
• 可縮減性：對于系統退化的模塊能夠以最小的修改方式剔除

　　這里我們提供一套模塊調度的系統架構模式，用于支持單頁富應用系統的設計架構、模塊拆分、模塊重組、調度管理等功能。

　　模塊

　　我們定義的模塊是指：從系統中拆分出來的、可與用戶進行交互完成一部分完整功能的獨立單元。

　　模塊組成

　　因為這里描述的模塊可獨立與用戶完成交互功能，因此模塊會包含以下元素：

• 樣式：定義模塊的效果
• 結構：定義模塊的結構
• 邏輯：實現模塊的功能

　　以上元素對于一個WEB系統開發者來說并不陌生，而我們只需要尋求一種形式將這些內容封裝起來即可。

　　模塊封裝

　　從模塊的組成我們可以看到系統中分離出來的模塊可能會長成這個樣子，比如module.html就是我們分離出來的一個模塊。

　　當然這里也可以用腳本文件封裝，樣式和結構采用注入形式。下面以html文件封裝舉例：

<!-- 模塊樣式 --><style>    .m-mdl-1 .a{color:#aaa;}    .m-mdl-1 .b{color:#bbb;}    /* 此處省略若干內容 */</style><!-- 模塊結構 --><div class="m-mdl-1">  <p class="a">aaaaaaaaaaaaaaaaaaa</p>  <p class="b">bbbbbbbbbbbbbbbbbbb</p>  <!-- 此處省略若干內容 --></div><!-- 模塊邏輯 --><script>    (function(){        var a = 'aaa';        var b = 'bbb';        // 此處省略若干內容    })();</script>

it知識庫：構建高可伸縮性的WEB交互式系統（中），轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。