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

　　模塊的可伸縮性

　　WEB交互式系統(tǒng)對模塊的可伸縮性同樣表現(xiàn)為：

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

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

　　模塊

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

　　模塊組成

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

• 樣式：定義模塊的效果
• 結構：定義模塊的結構
• 邏輯：實現(xiàn)模塊的功能

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

　　模塊封裝

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

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

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

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

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