[发明专利]一种渐进式输出显示方法及装置

说明书

技术领域

本发明属于互联网技术领域，尤其涉及一种渐进式输出显示方法及装置。

背景技术

在互联网的发展道路上，最初的网页只是一些静态HTML元素，页面的内容通常需要技术人员手工更新，如果是新闻站，技术人员需要对最新的信息进行实时的添加，而且静态页面往往不利于和用户交互，体验也差。

随着ASP、PHP、JSP等相关技术的推广，动态网页成了网站的首选，诸如新浪，搜狐等网站都用了相应的建站技术，页面的内容也开始丰富起来，丰富的同时也遇到问题，在大量数据从服务器端输出到用户的浏览器时，如果处理不当，用户将会等待很长时间才能看到内容，而如果用户刷新或者进行其他操作时，又将是漫长的等待，因为页面的输出是按照代码里书写顺序输出，这种自上而下、自左而右的传统输出往往不能将最有用以及与用户最直接的信息输送给用户，即使是使用了CSS等前端技术，也只能在前端显示的时候改变页面的结构，不能在服务器端到客户端这个过程中影响页面输出。

AJAX(异步JavaScript和XML)技术的提出和普及大大改善了这种现状，在顺序输出的同时异步加载页面，谷歌地图和谷歌邮箱等使用了这种技术，但是，当页面的结构非常庞杂的时候，页面里会有很多的模块，而如果每个模块内容的输出都是使用了AJAX来异步进行，各个模块显示的顺序将不可控，模块之间的优先级不明确，其中某个模块内容加载失败，留给用户的将会是空白或者是一些提醒的元素，这务必会影响用户体验，在网站模块的可操作性和可控性上也非常困难。

发明内容

本发明提供了一种渐进式输出显示方法及装置，去除了等待时间并使得网站模块显示获得更高控制和操作。

本发明的技术方案如下：

服务器根据获取的源用户设置，对页面中划分后的多个模块设置优先级并根据所述优先级，显示并存储优先级高的模块；

加载低一级的模块并取出已存储的模块，显示加载的低一级的模块并存储，直至完成所有模块的加载和显示。

本发明去除了等待时间并使得网站模块显示获得更高控制和操作，用户的体验大大增强。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的流程图；

图2是本发明装置的结构图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明的技术方案如下：

服务器根据获取的源用户设置，对页面中划分后的多个模块设置优先级并根据所述优先级，显示并存储优先级高的模块；

加载低一级的模块并取出已存储的模块，显示加载的低一级的模块并存储，直至完成所有模块的加载和显示。

其中，存储的方式包括但不限于：将加载的低一级的模块存储、将已存储模块和加载的低一级的模块一起存储。

本发明的技术方案包括以下步骤：

1源用户打开网页，从网页服务器端开始加载网页内容；

2网页服务器根据获取的源用户设置进行初始状态的判断，如用户的网速快慢、用户的喜好设置等；

源用户设置预先设在网页服务器中，也可在源用户请求时，在请求消息中携带源用户设置信息。

3网页服务器根据初始状态的判断，根据网页的结构或者页面的布局，将页面分成多个模块；

4网页服务器通过分析步骤2，将步骤3得出的模块设置相应的优先级；

5网页服务器根据设置的优先级，优先显示并存储优先级高的模块；

6显示完全和存储成功后，转入加载低一级的模块，取出已存储的模块，放至当前加载的低一级的模块中，显示加载的低一级的模块并存储；

其中，存储的方式可以为：将新加载的低一级的模块存储或者将已存储模块和新加载的低一级的模块一起存储。

7依次加载完所有的模块，最终页面平滑过度到最终的完全页；

8页面最终显示完成后将所有存储过的数据进行清空，完成网页渐进式输出过程，即实现网页渐进式输出。

图1是本发明的流程图，包括以下步骤：

步骤101：源用户打开网页，即用户在电脑上打开浏览器(如IE，Firefox等)来访问页面，向网页服务器端发送请求。