在《构建高可伸缩性的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交互式系统（中），转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。