CN104750817A - 一种基于数据广播通信的页面模块刷新方法和装置 - Google Patents

Abstract

本发明实施例提供一种基于数据广播通信的页面模块刷新方法和装置，所述方法包括：当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播；当其他页面模块中的某一页面模块监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。上述技术方案使页面分步输出，改善用户体验；使页面结构化，提高可读性，更加便于维护。

Description

一种基于数据广播通信的页面模块刷新方法和装置

技术领域

本发明涉及网络技术领域，尤其涉及一种基于数据广播通信的页面模块刷新方法和装置。

背景技术

一个经常访问的网站，每次打开它的页面都要要花费6秒；同时另外一个网站提供了相似的服务，但响应时间只需3秒，那么用户会如何选择呢？数据表明，如果用户打开一个网站，等待3～4秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要，比如，对于拥有遍布全球的几亿用户的大型网站，有着大量并发请求、海量数据等客观情况，速度就成了必须攻克的难题之一。

传统的网站渲染方式为瀑布流方式加载。即先加载CSS(Cascading Style Sheets，级联样式表)，等加载完CSS后，浏览器HTML(Hyper Text Markup Language，超文本标记语言)解析器解析HTML节点渲染在浏览器上，最后加载JS(javascript，脚本语言)脚本并执行脚本和绑定事件。传统的页面渲染在加载CSS样式完成前页面一直为空白，需要等待JS脚本加载完成后才能与页面做相应交互，页面之间各个模块耦合度高，页面功能不可控(模块无法按配置输出)，不同页面相同模块代码不能复用，代码复用率不高甚至没有，这导致现有的网络浏览器内容打开很慢，服务器响应时间长，影响用户体验。

发明内容

本发明实施例提供一种基于数据广播通信的页面模块刷新方法和装置，以缩短服务器响应时间，加快网站渲染速度，优化用户体验。

一方面，本发明实施例提供了一种基于数据广播通信的页面模块刷新方法，所述方法包括：

当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播；

当其他页面模块中的某一页面模块监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。

另一方面，本发明实施例提供了一种基于数据广播通信的页面模块刷新装置，所述装置包括：

页面模块划分单元，用于当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块，用于执行任务，并在完成业务时，发出第一频道的广播；

其他页面模块中的某一页面模块当监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。

上述技术方案具有如下有益效果：使页面分步输出，改善用户体验；使页面结构化，提高可读性，更加便于维护；页面模块自闭合，减少页面模块之间的耦合。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一种基于数据广播通信的页面模块刷新方法流程图；

图2为本发明实施例一种基于数据广播通信的页面模块刷新装置结构示意图；

图3为本发明应用实例服务器和浏览器交互式意图；

图4为本发明应用实例浏览器页面模块加载示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，为本发明实施例一种基于数据广播通信的页面模块刷新方法流程图，所述方法包括：

101、当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

102、第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播；

103、当其他页面模块中的某一页面模块监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。

优选的，所述将对应的页面刷新业务分为多个页面模块的业务，包括：将对应的页面刷新业务，按照模块功能划分为不同的页面模块的业务。

优选的，所述第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播，包括：若所述第一页面模块执行并完成业务，所述第一页面模块通过脚本语言模拟广播频道，发出第一频道的广播。

优选的，所述第一页面模块发出的第一频道的广播中附加所述第一页面模块对应完成的业务数据。

优选的，所述其他页面模块中的各页面模块通过轮询检测的方式监听是否有某个频道的广播对应的触发业务。

对应于上述方法实施例，如图2所示，为本发明实施例一种基于数据广播通信的页面模块刷新装置结构示意图，所述装置包括：

页面模块划分单元21，用于当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块22，用于执行任务，并在完成业务时，发出第一频道的广播；

其他页面模块23中的某一页面模块当监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕

优选的，所述页面模块划分单元21，具体用于将对应的页面刷新业务，按照模块功能划分为不同的页面模块的业务。

优选的，所述第一页面模块22若执行并完成业务，所述第一页面模块通过脚本语言模拟广播频道，发出第一频道的广播。

优选的，所述第一页面模块22若执行并完成业务，所述第一页面模块发出的第一频道的广播中附加所述第一页面模块对应完成的业务数据。

优选的，所述其他页面模块中的各页面模块通过轮询检测的方式监听是否有某个频道的广播对应的触发业务。

上述技术方案具有如下有益效果：使页面分步输出，改善用户体验；使页面结构化，提高可读性，更加便于维护；页面模块自闭合，减少页面模块之间的耦合。

以下结合应用实例对本发明实施例上述技术方案进行详细说明：

如图3所示，为本发明应用实例服务器和浏览器交互式意图。本发明应用实例可以采用bigbipe(按页面模块加载)技术，其是一个重新设计的基础动态网页服务体系。网页按功能分解成页面模块(Pagelets块：页面模块A、页面模块B……页面模块E)，然后通过Web服务器和浏览器建立管道并管理他们在不同阶段的运行。这是类似于大多数现代微处理器的流水线执行过程：多重指令管线通过不同的处理器执行单元，以达到性能的最佳。

如图4所示，为本发明应用实例浏览器页面模块加载示意图。网页按功能分解成页面模块(Pagelets块：页面模块A、页面模块B……页面模块E)，Pagelet中的单个页面模块称为一个pagelets页面模块。页面模块通过框架提供的注册方法将页面模块注册进内存并执行。框架提供方法register(注册)(ns(参数)：页面模块标示；domid(参数)：容器标示；html(参数)：页面模块渲染字符串,；JS(参数)：脚本地址；CSS(参数)：样式地址)，来完成页面模块的样式加载、页面渲染、执行脚本的步骤。每个页面模块可以提供destroy(销毁方法)，便于在切换页面时，框架将不使用的页面模块销毁，释放占用的内存。比如，微博可以采用bigpipe按页面模块输出，只要页面模块加载完成后，就可以与其他页面模块交互，页面模块间不耦合。流程如下：

当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播(广播：是多点投递的最普遍的形式，它向每一个目的站投递一个分组的拷贝。它可以通过多个单次分组的投递完成，也可以通过单独的连接传递分组的拷贝，直到每个接收方均收到一个拷贝为止。频道：不同广播通过频道来区分。)；

当其他页面模块中的某一页面模块监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；若没有所述第一频道的广播对应的触发业务，则通过轮询检测的方式继续监听是否有某个频道的广播对应的触发业务；

类似的，针对未执行业务的页面模块，当某一页面模块监听到所述第二频道的广播，若有所述第二频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第三频道的广播；若没有所述第二频道的广播对应的触发业务，则通过轮询检测的方式继续监听是否有其他某个频道的广播对应的触发业务；

类似的，针对未执行业务的页面模块，当某一页面模块监听到所述第三频道的广播，若有所述第三频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第四频道的广播；若没有所述第三频道的广播对应的触发业务，则通过轮询检测的方式继续监听是否有其他某个频道的广播对应的触发业务；如此重复下去，直至所有的页面模块的业务执行完毕。

bagpipe技术实现多页面模块并行和可控输出。增加页面模块(也可以简称模块)的可复用率。页面模块之间不耦合，没有依赖顺序出现的顺序。只要chunked(基本方法是将大块数据分解成多块小数据)输出完成，就完成渲染。实现页面模块并行加载，加快网站渲染速度，优化用户体验。由于页面模块之间零耦合，A页面模块不知道B页面模块的存在，如何实现页面模块之间数据交互？本发明应用实例通过拟物广播电台。采用广播通讯机制，通过js模拟广播频道，实现广播数据、监听广播、移除监听广播的方法，来实现页面模块数据之间数据通讯。

本发明应用实例采用JS对象属性动态可添加的特性，实现观察者模式(监听器模式)。抛出注册频道(register)、广播频道(fire)、移除监听频道(remove)等方法。内部通过轮询检测的方式监听是否有频道广播对应的触发业务。例如：微博发布器页面模块A和微博feed页面模块B。页面中A页面模块不知道B页面模块存在。A页面模块完成自己的业务发送一条微博，并发出频道C的广播(将对应完成的业务数据附加，即微博数据)。B页面模块通过监听这个频道的广播，如果有C频道发出，则B页面模块就执行业务，实现假写逻辑(C广播的数据)，其他页面模块没有监听广播C或者没有频道C的广播对应的触发业务，该页面模块不执行业务。

本发明应用实例相比现有技术的技术优点：1、使页面分步输出，改善用户体验；2、使页面结构化，提高可读性，更加便于维护；3、页面模块自闭合，减少页面模块之间的耦合。

本领域技术人员还可以了解到本发明实施例列出的各种说明性逻辑块(illustrativelogical block)，单元，和步骤可以通过电子硬件、电脑软件，或两者的结合进行实现。为清楚展示硬件和软件的可替换性(interchangeability)，上述的各种说明性部件(illustrativecomponents)，单元和步骤已经通用地描述了它们的功能。这样的功能是通过硬件还是软件来实现取决于特定的应用和整个系统的设计要求。本领域技术人员可以对于每种特定的应用，可以使用各种方法实现所述的功能，但这种实现不应被理解为超出本发明实施例保护的范围。

本发明实施例中所描述的各种说明性的逻辑块，或单元都可以通过通用处理器，数字信号处理器，专用集成电路(ASIC)，现场可编程门阵列或其它可编程逻辑装置，离散门或晶体管逻辑，离散硬件部件，或上述任何组合的设计来实现或操作所描述的功能。通用处理器可以为微处理器，可选地，该通用处理器也可以为任何传统的处理器、控制器、微控制器或状态机。处理器也可以通过计算装置的组合来实现，例如数字信号处理器和微处理器，多个微处理器，一个或多个微处理器联合一个数字信号处理器核，或任何其它类似的配置来实现。

本发明实施例中所描述的方法或算法的步骤可以直接嵌入硬件、处理器执行的软件模块、或者这两者的结合。软件模块可以存储于RAM存储器、闪存、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动磁盘、CD-ROM或本领域中其它任意形式的存储媒介中。示例性地，存储媒介可以与处理器连接，以使得处理器可以从存储媒介中读取信息，并可以向存储媒介存写信息。可选地，存储媒介还可以集成到处理器中。处理器和存储媒介可以设置于ASIC中，ASIC可以设置于用户终端中。可选地，处理器和存储媒介也可以设置于用户终端中的不同的部件中。

在一个或多个示例性的设计中，本发明实施例所描述的上述功能可以在硬件、软件、固件或这三者的任意组合来实现。如果在软件中实现，这些功能可以存储与电脑可读的媒介上，或以一个或多个指令或代码形式传输于电脑可读的媒介上。电脑可读媒介包括电脑存储媒介和便于使得让电脑程序从一个地方转移到其它地方的通信媒介。存储媒介可以是任何通用或特殊电脑可以接入访问的可用媒体。例如，这样的电脑可读媒体可以包括但不限于RAM、ROM、EEPROM、CD-ROM或其它光盘存储、磁盘存储或其它磁性存储装置，或其它任何可以用于承载或存储以指令或数据结构和其它可被通用或特殊电脑、或通用或特殊处理器读取形式的程序代码的媒介。此外，任何连接都可以被适当地定义为电脑可读媒介，例如，如果软件是从一个网站站点、服务器或其它远程资源通过一个同轴电缆、光纤电缆、双绞线、数字用户线(DSL)或以例如红外、无线和微波等无线方式传输的也被包含在所定义的电脑可读媒介中。所述的碟片(disk)和磁盘(disc)包括压缩磁盘、镭射盘、光盘、DVD、软盘和蓝光光盘，磁盘通常以磁性复制数据，而碟片通常以激光进行光学复制数据。上述的组合也可以包含在电脑可读媒介中。

以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种基于数据广播通信的页面模块刷新方法，其特征在于，所述方法包括：

当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播；

当其他页面模块中的某一页面模块监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。

2.如权利要求1所述基于数据广播通信的页面模块刷新方法，其特征在于，所述将对应的页面刷新业务分为多个页面模块的业务，包括：

将对应的页面刷新业务，按照模块功能划分为不同的页面模块的业务。

3.如权利要求1所述基于数据广播通信的页面模块刷新方法，其特征在于，所述第一页面模块执行任务，并在所述第一页面模块完成业务时，所述第一页面模块发出第一频道的广播，包括：

若所述第一页面模块执行并完成业务，所述第一页面模块通过脚本语言模拟广播频道，发出第一频道的广播。

4.如权利要求1或3所述基于数据广播通信的页面模块刷新方法，其特征在于，所述第一页面模块发出的第一频道的广播中附加所述第一页面模块对应完成的业务数据。

5.如权利要求1所述基于数据广播通信的页面模块刷新方法，其特征在于，所述其他页面模块中的各页面模块通过轮询检测的方式监听是否有某个频道的广播对应的触发业务。

6.一种基于数据广播通信的页面模块刷新装置，其特征在于，所述装置包括：

页面模块划分单元，用于当一服务器响应客户端的页面刷新请求，需要反馈页面刷新数据时，将对应的页面刷新业务分为多个页面模块的业务；

第一页面模块，用于执行任务，并在完成业务时，发出第一频道的广播；

其他页面模块中的某一页面模块，用于当监听到所述第一频道的广播，若有所述第一频道的广播对应的触发业务，则该页面模块执行业务，并在该页面模块完成业务时，发出第二频道的广播；如此重复下去，直至所有的页面模块的业务执行完毕。

7.如权利要求6所述基于数据广播通信的页面模块刷新装置，其特征在于，

所述页面模块划分单元，具体用于将对应的页面刷新业务，按照模块功能划分为不同的页面模块的业务。

8.如权利要求6所述基于数据广播通信的页面模块刷新装置，其特征在于，

所述第一页面模块，具体用于若执行并完成业务，通过脚本语言模拟广播频道，发出第一频道的广播。

9.如权利要求6或8所述基于数据广播通信的页面模块刷新装置，其特征在于，

所述第一页面模块发出的第一频道的广播中附加所述第一页面模块对应完成的业务数据。

10.如权利要求6所述基于数据广播通信的页面模块刷新装置，其特征在于，

所述其他页面模块中的各页面模块通过轮询检测的方式监听是否有某个频道的广播对应的触发业务。