一种局部刷新页面模块的方法、客户端、服务器及系统的制作方法
【技术领域】
[0001]本发明涉及互联网技术领域，尤其涉及一种局部刷新页面模块的方法、客户端、月艮务器及系统。
【背景技术】
[0002]页面刷新技术是互联网时代广泛被使用的一种技术，页面状态或者数据会实时发生变化，想要获取最新的状态或者数据，需要通过不断的刷新页面或者页面模块来获取最新数据或者状态。
[0003]页面刷新一般有两种情况:一种情况为刷新页面URL地址不会发生变化，该情况下，页面状态保持不变，只是当前页面数据可能发生了变化；另外一种情况则为页面URL (Uniform Resource Locator,统一资源定位符)会发生变化，该情况下，页面的数据和状态均会发生变化。
[0004]页面模块刷新属于页面刷新的一部分，即当只有页面中的部分模块数据需要更新时的一种刷新行为。
[0005]对于页面模块刷新目前有两种解决方案:第一种方案是当页面个别模块需要更新时，浏览器向Web服务器发出访问请求，服务端对当前页面的所有模块进行计算并返回给浏览器端，这种方案是互联网诞生至今，最为传统的一种解决方案，也是过去经常使用的一种方案；另一种方案则为当只需要对页面中的个别模块进行刷新时，会为刷新的模块开发出相应的 AJAX (Asynchronous Javascript And XML，异步 JavaScript (脚本语言)和XML (Extensible Markup Language,可扩展标记语言))接口，然后前端脚本触发刷新时，会向服务器请求相关接口，接口重新计算并渲染完相关模块数据后返回给浏览器，并展示给用户，这种方案由于不需要对所有模块进行重新计算，大大提升了用户体验以及减少了服务器运算时间，在近几年也是被使用最多的一种方案。
[0006]现有的两种方案都有各自的优缺点:方案一每次都重新计算页面所有模块，返回给浏览器并展示给用户，该方案的优点就是简单，不需要为刷新工作再额外增加研发成本，但该方案的缺点也比较明显，当用户只希望刷新页面中的部分模块时，不能只针对用户需要查看的模块进行单独运算处理，而是将其它不需要刷新的模块也一起重新进行了计算，从而增加了服务端的运算成本；方案二的优点则为，当用户只需要刷新页面中的部分模块时，通过AJAX请求的方式，明确告诉服务端只运算并渲染指定的模块，页面中其它模块不进行运算，大大减少了服务端的运算开销，从用户的角度讲，只刷新了部分模块，刷新响应时间变短，浏览体验得到了提升，缺点是为了只刷新部分模块，需要为前端AJAX的刷新行为单独开发相关模块的渲染接口，会增加大量的研发成本。
【发明内容】
[0007]本发明实施例提供一种局部刷新页面模块的方法、客户端、服务器及系统，以在不需要额外增加研发成本的前提下实现页面模块的局部刷新。
[0008]一方面，本发明实施例提供了一种局部刷新页面模块的方法，应用于客户端，所述方法包括:
[0009]当浏览器需要刷新部分页面模块时，通过消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端；
[0010]通过消息通道接收所述服务器端反馈的所述部分页面模块的渲染结果；
[0011]利用所述部分页面模块的渲染结果更新所述浏览器上对应的所述部分页面模块。
[0012]另一方面，本发明实施例提供了一种局部刷新页面模块的客户端，所述客户端包括:
[0013]页面模块标识发送单元，用于当浏览器需要刷新部分页面模块时，通过消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端；
[0014]渲染结果接收单元，用于通过消息通道接收所述服务器端反馈的所述部分页面模块的渲染结果；
[0015]部分页面模块更新单元，用于利用所述部分页面模块的渲染结果更新所述浏览器上对应的所述部分页面模块。
[0016]又一方面，本发明实施例提供了一种局部刷新页面模块的方法，应用于服务器端，所述方法包括:
[0017]接收客户端发送的页面刷新请求；
[0018]解析所述页面刷新请求获取需要刷新的部分页面模块标识；
[0019]根据需要刷新的部分页面模块标识，渲染对应的所述部分页面模块，获取渲染结果;
[0020]通过消息通道向客户端发送所述部分页面模块的渲染结果。
[0021]又一方面，本发明实施例提供了一种局部刷新页面模块的服务器，所述服务器包括:
[0022]接收单元，用于接收客户端发送的页面刷新请求；
[0023]解析单元，用于解析所述页面刷新请求获取需要刷新的部分页面模块标识；
[0024]渲染单元，用于根据需要刷新的部分页面模块标识，渲染对应的所述部分页面模块，获取渲染结果；
[0025]发送单元，用于通过消息通道向客户端发送所述部分页面模块的渲染结果。
[0026]再一方面，本发明实施例提供了一种局部刷新页面模块的系统，所述系统包括上述局部刷新页面模块的客户端和上述局部刷新页面模块的服务器。
[0027]上述技术方案具有如下有益效果:1.实现局部页面模块刷新，由于不需要额外渲染其它页面模块，能大大提升刷新的响应时间，以节省服务器端的运算开销。2.由于页面模块的刷新与整个页面的页面地址进行了统一，大大减少了前后端的开发成本，提升了研发效率。3.刷新功能实现更加简单，前后端都做到了标准统一，在增加新的刷新功能时，只需要在刷新的页面地址上指明需要刷新的页面模块名称，即可完成相应的功能开发。
【附图说明】
[0028]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0029]图1为本发明实施例一种局部刷新页面模块的方法流程图；
[0030]图2为本发明实施例一种局部刷新页面模块的客户端结构示意图；
[0031]图3为本发明实施例一种局部刷新页面模块的方法流程图；
[0032]图4为本发明实施例一种局部刷新页面模块的服务器结构示意图；
[0033]图5为本发明应用实例整体交互式意图；
[0034]图6为本发明应用实例消息通道原理示意图；
[0035]图7为本发明应用实例将页面按功能划分成不同的页面模块示意图；
[0036]图8为本发明应用实例服务器端处理流程示意图；
[0037]图9为本发明应用实例客户端与服务器端整体交互流程示意图。
【具体实施方式】
[0038]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0039]如图1所示，为本发明实施例一种局部刷新页面模块的方法流程图，应用于客户端，所述方法包括:
[0040]101、当浏览器需要刷新部分页面模块时，通过消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端；
[0041]102、通过消息通道接收所述服务器端反馈的所述部分页面模块的渲染结果；
[0042]103、利用所述部分页面模块的渲染结果更新所述浏览器上对应的所述部分页面丰旲块。
[0043]优选的，当浏览器需要刷新部分页面模块之前，所述方法还包括:将浏览器上的页面按照功能划分为不同的页面模块。
[0044]优选的，所述当浏览器需要刷新部分页面模块时，通过消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端，包括:当浏览器需要刷新部分页面模块时，通过基于超文本标记语言HTML标签iframe的消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端。
[0045]对应于上述方法实施例，如图2所示，为本发明实施例一种局部刷新页面模块的客户端结构示意图，所述客户端包括:
[0046]页面模块标识发送单元21，用于当浏览器需要刷新部分页面模块时，通过消息通道利用页面刷新请求将需要刷新的部分页面模块标识发送至服务器端；