构建高可伸缩性的WEB交互式系统（中）资源-CSDN文库

104 浏览量 2021-02-21 01:57:27 上传评论收藏 532KB PDF 举报

资源推荐

资源详情

资源评论

构建高可伸缩性的构建高可伸缩性的WEB交互式系统（中）交互式系统（中）

在《构建高可伸缩性的WEB交互式系统》的第一篇，我们介绍了Web交互式系统中平台的可伸缩性。本文将描述模块的可伸

缩性。

模块的可伸缩性

WEB交互式系统对模块的可伸缩性同样表现为：

1.可扩展性：对于系统新增的功能需求能够快速响应支持

2.可缩减性：对于系统退化的模块能够以最小的修改方式剔除

这里我们提供一套模块调度的系统架构模式，用于支持单页富应用系统的设计架构、模块拆分、模块重组、调度管理等功能。

模块

我们定义的模块是指：从系统中拆分出来的、可与用户进行交互完成一部分完整功能的独立单元。

模块组成

因为这里描述的模块可独立与用户完成交互功能，因此模块会包含以下元素：

1.样式：定义模块的效果

2.结构：定义模块的结构

3.逻辑：实现模块的功能

以上元素对于一个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>

这个模块在用户需要时加载到客户端，并展现出来跟用户进行交互，完成功能。但是我们会发现，如果系统预加载了此模块或

者模块在parse时，这些内容会被直接执行，而这个结果并不是我们需要的，因此我们需要将模块的各元素文本化处理。文本

化处理有多种方式，如作为文本script、textarea等标签内容，因此module.html里的模块我们可以封装成如下样子，以

textarea举例：

剩余7页未读，继续阅读

内容反馈

weixin_38501299

粉丝: 3
资源: 922

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip