CN102411625A - 一种渐进式输出显示方法及装置 - Google Patents
一种渐进式输出显示方法及装置 Download PDFInfo
- Publication number
- CN102411625A CN102411625A CN2011104071657A CN201110407165A CN102411625A CN 102411625 A CN102411625 A CN 102411625A CN 2011104071657 A CN2011104071657 A CN 2011104071657A CN 201110407165 A CN201110407165 A CN 201110407165A CN 102411625 A CN102411625 A CN 102411625A
- Authority
- CN
- China
- Prior art keywords
- module
- priority
- source user
- level
- modules
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种渐进式输出显示方法及装置,技术方案如下:服务器根据获取的源用户设置,对页面中划分后的多个模块设置优先级并根据所述优先级,显示并存储优先级高的模块;加载低一级的模块并取出已存储的模块,显示加载的低一级的模块并存储,直至完成所有模块的加载和显示。其中,存储的方式包括但不限于:将加载的低一级的模块存储、将已存储模块和加载的低一级的模块一起存储。本发明去除了等待时间并使得网站模块显示获得更高控制和操作,用户的体验大大增强。
Description
技术领域
本发明属于互联网技术领域,尤其涉及一种渐进式输出显示方法及装置。
背景技术
在互联网的发展道路上,最初的网页只是一些静态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等)来访问页面,向网页服务器端发送请求。
步骤102:网页服务器根据获取的源用户设置进行初始状态的判断,如用户的网速快慢、用户的喜好设置等。
这些设置可能来自用户存放在cookie里的信息,可能来自flash里的信息,或者是来自网页服务器的设置。
步骤103:网页服务器根据初始状态的判断,将网页的结构或者页面的布局,将页面分成多个模块,可以使用多了iframe或div来存放这些模块。
例如:划分为模块1、模块2、模块3。
步骤104:网页服务器通过分析步骤102,将步骤103得出的模块分配相应的优先级;即对这些模块给予一些优先级,可以分配一些整数或者是放置在某个队列里,方便根据这些优先级来进行下个步骤。
例如:模块1、模块2、模块3的优先级依次递减。
步骤105:加载A里优先级高的对应的模块,进行显示并存储;
加载模块1,进行显示并存储。
步骤106:显示与存储成功后,加载A里优先级低一级的对应的模块,取出已存储的模块,放至当前加载的低一级的模块中,显示当前加载的低一级的模块并存储;
其中,存储的方式包括但不限于:将新加载的低一级的模块存储或者将已存储模块和新加载的低一级的模块一起存储。
加载模块2,取出已存储的模块1,组成模块1、模块2;模块1直接显示,显示加载的模块2并存储模块2。
步骤107:依次加载完所有的模块,最终页面平滑过度到最终的完全页;
按照上述方法,加载完模块3后,最终平滑过度到最终的完全页:模块1、模块2、模块3。
步骤108:页面最终显示完成后将所有存储过的数据进行清空,完成网页渐进式输出过程,即实现网页渐进式输出。
清空已存储的模块1、模块2、模块3。
图2是本发明装置的结构图,本装置包括:优先级设置及显示模块201、加载显示模块202、删除模块203。
优先级设置及显示模块201,用于根据获取的源用户设置,对页面中划分后的多个模块设置优先级并根据所述优先级,显示并存储优先级高的模块;
加载显示模块202,用于加载低一级的模块并取出已存储的模块,显示加载的低一级的模块并存储,直至完成所有模块的加载和显示。
删除模块203,用于完成所有模块的加载和显示后,删除存储的模块。
所述优先级设置及显示模块进一步用于:根据获取的源用户设置,进行初始状态的判断,其中,所述初始状态包括但不限于:源用户的网速快慢、源用户的喜好。
本发明去除了等待时间并使得网站模块显示获得更高控制和操作,用户的体验大大增强。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围内。
Claims (10)
1.一种渐进式输出显示方法,其特征在于:
服务器根据获取的源用户设置,对页面中划分后的多个模块设置优先级并根据所述优先级,显示并存储优先级高的模块;
加载低一级的模块并取出已存储的模块,显示加载的低一级的模块并存储,直至完成所有模块的加载和显示。
2.根据权利要求1所述的方法,其特征在于:
存储的方式包括但不限于:将加载的低一级的模块存储、将已存储模块和加载的低一级的模块一起存储。
3.根据权利要求1所述的方法,其特征在于:服务器根据获取的源用户设置,对页面中划分后的多个模块设置优先级并根据所述优先级,显示并存储优先级高的模块之前,还包括:
所述源用户打开网页,从服务器端开始加载网页内容。
4.根据权利要求1所述的方法,其特征在于:服务器根据获取的源用户设置,进行初始状态的判断,其中,所述初始状态包括但不限于:源用户的网速快慢、源用户的喜好。
5.根据权利要求4所述的方法,其特征在于:所述源用户设置包括但不限于以下方式:预先设在服务器、所述源用户请求时,在请求消息中携带源用户设置信息。
6.根据权利要求4所述的方法,其特征在于:服务器根据初始状态的判断、网页的结构、页面的布局,将页面划分成多个模块。
7.一种渐进式输出显示装置,其特征在于:该装置包括:
优先级设置及显示模块,用于根据获取的源用户设置,对页面中划分后的多个模块设置优先级并根据所述优先级,显示并存储优先级高的模块;
加载显示模块,用于加载低一级的模块并取出已存储的模块,显示加载的低一级的模块并存储,直至完成所有模块的加载和显示;其中,存储的方式包括但不限于:将加载的低一级的模块存储、将已存储模块和加载的低一级的模块一起存储。
8.根据权利要求7所述的装置,其特征在于,所述优先级设置及显示模块进一步用于:根据获取的源用户设置,进行初始状态的判断,其中,所述初始状态包括但不限于:源用户的网速快慢、源用户的喜好。
9.根据权利要求7所述的装置,其特征在于,所述优先级设置及显示模块进一步用于:根据初始状态的判断、网页的结构、页面的布局,将页面划分成多个模块。
10.根据权利要求7或8或9所述的装置,其特征在于,还包括:删除模块,用于完成所有模块的加载和显示后,删除存储的模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011104071657A CN102411625A (zh) | 2011-03-21 | 2011-12-09 | 一种渐进式输出显示方法及装置 |
Applications Claiming Priority (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110066818 | 2011-03-21 | ||
CN201110066826 | 2011-03-21 | ||
CN201110066826.4 | 2011-03-21 | ||
CN201110066818.X | 2011-03-21 | ||
CN2011104071657A CN102411625A (zh) | 2011-03-21 | 2011-12-09 | 一种渐进式输出显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102411625A true CN102411625A (zh) | 2012-04-11 |
Family
ID=45913696
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011104071657A Pending CN102411625A (zh) | 2011-03-21 | 2011-12-09 | 一种渐进式输出显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102411625A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930034A (zh) * | 2012-11-09 | 2013-02-13 | 北京奇虎科技有限公司 | 页面加载***和方法 |
CN104077333A (zh) * | 2013-03-29 | 2014-10-01 | 北京千橡网景科技发展有限公司 | Web页面内容填充顺序调整方法及装置 |
CN104133869A (zh) * | 2014-07-21 | 2014-11-05 | 深圳市金立通信设备有限公司 | 一种网页页面刷新方法 |
CN104917731A (zh) * | 2014-03-12 | 2015-09-16 | 深圳中兴网信科技有限公司 | 一种提高数据显示速度的方法及***、服务器、浏览器 |
CN105468613A (zh) * | 2014-09-01 | 2016-04-06 | 深圳富泰宏精密工业有限公司 | 智能调整运算资源的***及方法 |
WO2016155525A1 (zh) * | 2015-03-27 | 2016-10-06 | 阿里巴巴集团控股有限公司 | 一种加载页面模块的方法和设备 |
CN106210146A (zh) * | 2016-09-13 | 2016-12-07 | 郑州云海信息技术有限公司 | 基于b/s架构的文件加载方法、装置、服务器及*** |
CN107203971A (zh) * | 2017-07-28 | 2017-09-26 | 彭志勇 | 采样图像渐进式加载方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101226525A (zh) * | 2007-01-19 | 2008-07-23 | 国际商业机器公司 | 控制web页面的下载和显示的方法、服务器、客户端及*** |
WO2008132706A1 (en) * | 2007-04-26 | 2008-11-06 | Markport Limited | A web browsing method and system |
CN101551819A (zh) * | 2009-04-30 | 2009-10-07 | 用友软件股份有限公司 | 渲染大型Web页面的方法 |
JP2010092128A (ja) * | 2008-10-03 | 2010-04-22 | Nifty Corp | サイト情報変換装置、サイト情報変換方法及びサイト情報変換プログラム |
-
2011
- 2011-12-09 CN CN2011104071657A patent/CN102411625A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101226525A (zh) * | 2007-01-19 | 2008-07-23 | 国际商业机器公司 | 控制web页面的下载和显示的方法、服务器、客户端及*** |
WO2008132706A1 (en) * | 2007-04-26 | 2008-11-06 | Markport Limited | A web browsing method and system |
JP2010092128A (ja) * | 2008-10-03 | 2010-04-22 | Nifty Corp | サイト情報変換装置、サイト情報変換方法及びサイト情報変換プログラム |
CN101551819A (zh) * | 2009-04-30 | 2009-10-07 | 用友软件股份有限公司 | 渲染大型Web页面的方法 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930034B (zh) * | 2012-11-09 | 2015-09-02 | 北京奇虎科技有限公司 | 页面加载***和方法 |
CN102930034A (zh) * | 2012-11-09 | 2013-02-13 | 北京奇虎科技有限公司 | 页面加载***和方法 |
CN104077333A (zh) * | 2013-03-29 | 2014-10-01 | 北京千橡网景科技发展有限公司 | Web页面内容填充顺序调整方法及装置 |
CN104917731A (zh) * | 2014-03-12 | 2015-09-16 | 深圳中兴网信科技有限公司 | 一种提高数据显示速度的方法及***、服务器、浏览器 |
CN104917731B (zh) * | 2014-03-12 | 2019-04-26 | 深圳中兴网信科技有限公司 | 一种提高数据显示速度的方法及***、服务器、浏览器 |
CN104133869B (zh) * | 2014-07-21 | 2017-12-15 | 深圳市金立通信设备有限公司 | 一种网页页面刷新方法 |
CN104133869A (zh) * | 2014-07-21 | 2014-11-05 | 深圳市金立通信设备有限公司 | 一种网页页面刷新方法 |
CN105468613A (zh) * | 2014-09-01 | 2016-04-06 | 深圳富泰宏精密工业有限公司 | 智能调整运算资源的***及方法 |
WO2016155525A1 (zh) * | 2015-03-27 | 2016-10-06 | 阿里巴巴集团控股有限公司 | 一种加载页面模块的方法和设备 |
CN106156054A (zh) * | 2015-03-27 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种加载页面模块的方法和设备 |
CN106156054B (zh) * | 2015-03-27 | 2019-08-30 | 阿里巴巴集团控股有限公司 | 一种加载页面模块的方法和设备 |
CN106210146A (zh) * | 2016-09-13 | 2016-12-07 | 郑州云海信息技术有限公司 | 基于b/s架构的文件加载方法、装置、服务器及*** |
CN107203971A (zh) * | 2017-07-28 | 2017-09-26 | 彭志勇 | 采样图像渐进式加载方法 |
CN107203971B (zh) * | 2017-07-28 | 2021-03-12 | 彭志勇 | 采样图像渐进式加载方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102411625A (zh) | 一种渐进式输出显示方法及装置 | |
CN100462964C (zh) | 一种网页数据的更新显示方法 | |
JP6488508B2 (ja) | ウェブページのアクセス方法、装置、デバイス及びプログラム | |
CN104158836B (zh) | 一种通过数据渲染移动应用界面的方法 | |
CN101122921B (zh) | 基于ajax与html标记形成树形显示结构的方法 | |
CN111143725A (zh) | 页面生成方法、装置和电子设备 | |
CN111143729B (zh) | 基于单页面应用的优化方法、装置、设备及存储介质 | |
CN104820589B (zh) | 一种动态适配网页的方法及其装置 | |
CN108228282A (zh) | 用于网站页面加载的方法及装置 | |
CN107229633A (zh) | 静态页面生成方法、网页访问方法及装置 | |
CN106339414A (zh) | 网页渲染方法及装置 | |
CN103699674A (zh) | 网页保存、网页打开方法及装置和网页浏览*** | |
CN104601691A (zh) | 提高Web站点资源加载速度的方法及*** | |
US11182536B2 (en) | System and method for dynamic webpage rendering with no flicker or flash of original content | |
CN105094786A (zh) | 基于JavaScript定制页面的方法及*** | |
CN102999336A (zh) | 应用界面实现方法和*** | |
CN102298599A (zh) | 离线浏览网页方法及其*** | |
CN104254849B (zh) | 支持网络文档的高速网络滚动的用户终端装置和方法 | |
CN106886530A (zh) | 一种动态数据分别编辑更新方法及*** | |
US10956658B2 (en) | Digital content editing of a document object model (DOM) based on object model comparison | |
CN103150172A (zh) | 一种实现个性化场景的方法和设备 | |
CN106708479B (zh) | 一种页面渲染方法及装置 | |
CN106294760A (zh) | 表单处理方法及服务器、客户端 | |
CN109460227A (zh) | 一种网站前端的开发方法、装置、设备及介质 | |
CN109857473A (zh) | 一种页面数据的加载方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20120411 |