CN105989012B - 一种页面显示方法、装置、移动终端和系统 - Google Patents

Abstract

本发明实施例公开了一种页面显示方法，包括：客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数；所述客户端读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。本发明实施例还公开了一种页面显示装置、移动终端和系统。采用本发明，能减少页面的加载时间。

Description

一种页面显示方法、装置、移动终端和系统

技术领域

本发明涉及互联网领域，尤其涉及一种页面显示方法、装置、移动终端和系统。

背景技术

服务器和客户端基于HTTP(Hypertext Transfer Protocol，超文本传输协议，简称HTTP)进行交互，服务器接收到客户端发送的用于请求目标文件的HTTP请求时，服务器向客户端返回包含目标文件的HTTP响应。在现有的页面显示流程中，服务端需要向客户端传输完目标文件的数据后，客户端才会就接收到的目标文件的数据进行排版和绘制，最终在浏览器上显示页面。可以看出，目前的页面显示流程存在的问题是：如果待加载的文件的体积非常大的情况下，服务器向客户端传输文件的时长会很长，页面加载时间会难以忍受。

发明内容

本发明实施例所要解决的技术问题在于，提供一种页面显示方法、装置、移动终端和系统。可解决现有技术中页面加载时间过长的问题。

为了解决上述技术问题，本发明实施例提供了一种页面显示方法，包括：

客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数；

所述客户端读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

相应地，本发明实施例还提供了页面显示装置，包括：

写入模块，用于接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数；

排版模块，用于读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

绘制模块，用于读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

相应的，本发明实施例提供了一种页面显示系统，包括客户端和服务器，其中，

所述服务器将待加载文档划分为N个数据块，并将所述N个数据块依次发送给所述客户端；

所述客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，1≤i≤N，i和N为整数；

所述客户端读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

实施本发明实施例，具有如下有益效果：

客户端分段接收待加载文档的数据块，对接收到的数据块写入数据缓存，读取数据缓存中的数据块进行排版生成排版数据，写入排版缓存，并读取排版缓存中的排版数据在客户端上绘制生页面，这种待加载文档的排版和绘制同时进行，能有效减少待加载文档在页面上的显示时间。

附图说明

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

图1是本发明实施例提供的一种页面显示方法的流程示意图；

图2是本发明实施例提供的一种页面显示方法的另一流程示意图；

图3是本发明实施例提供的一种页面显示系统的交互流程图；

图4是本发明实施例提供的一种页面显示装置的结构示意图；

图5是本发明实施例提供的一种页面显示装置的另一结构示意图。

具体实施方式

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

参见图1，为本发明实施例提供的一种页面显示方法的流程示意图，在本发明实施例中，所述方法包括：

S101、客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数。

具体的，服务器将待加载文档划分为N个数据块，数据块的大小可以根据客户端的每次显示的页面的大小来设置，也可以根据待加载文档的分隔信息来设置，本发明不作限制。服务器按照先后顺序将N个数据块依次发送给客户端，其中，待加载文档的文件头位置的数据块先发送，文件尾的数据块后发送。首个发送的数据块中携带待加载文档的总大小和当前数据块的大小；或者，首个发送的数据块中携带待加载文档划分的数据块的数量N和当前数据块的顺序编号1。

客户端可以从首个接收到的数据块中获取待加载文档的总大小或划分的数据块的数量，客户端每接收到一个数据块，将数据块写入位于客户端的内存的数据缓存中，待加载文档包括文本文件。

S102、所述客户端读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中。

具体的，读取数据缓存中的数据块，根据数据块中携带的格式信息对数据块进行排版操作生成排版数据，格式信息包括字体样式、字体颜色、页面背景等信息，客户端将排版数据写入位于客户端的内存的排版缓存中。如果客户端读取数据缓存时，数据缓存为空，即数据缓存中没有数据块，客户端等待预设时长后再读取数据缓存中的数据块。需要说明的是，排版缓存中的每个排版数据对应一个页面，客户端上显示的一个页面的大小决定了排版数据的大小，排版数据可由数据缓存中的一个或多个数据块生成。

S103、所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

具体的，客户端读取排版缓存中的排版数据，对读取的排版数据进行绘制操作后在客户端的显示屏上生成并显示页面。

需要说明的是，本发明实施例中的S102和S103的顺序不作限制，S102可以先于S103执行，S102和S103也可以同时执行。

实施本发明的实施例，客户端分段接收待加载文档的数据块，对接收到的数据块写入数据缓存，读取数据缓存中的数据块进行排版生成排版数据，写入排版缓存，并读取排版缓存中的排版数据在客户端上绘制生页面，这种待加载文档的排版和绘制同时进行，能有效减少待加载文档在页面上的显示时间。

参见图2，为本发明第实施例提供的一种页面显示的方法的另一流程示意图，在本发明实施例中，所述方法包括：

S201、客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N。

具体的，服务器预先将待加载文档划分为N个数据块，数据块的大小可以根据客户端每次显示的页面的大小来设置，也可以根据待加载文档的分隔信息来设置，本发明不作限制。服务器接收到客户端发送的用于请求待加载文档的HTTP请求时，将待加载文档的N个数据块按照先后顺序依次发送给客户端，其中，待加载文档的文件头的数据块先发送，文件尾的数据块后发送。首个发送的数据块中携带待加载文档的总大小和当前数据块的大小；或者，首个发送的数据块中携带待加载文档划分的数据块的数量N和当前数据块的顺序编号1。

示例性的，待加载文档为文本文件，文本文件有10个章节，服务器根据章节信息将文本文件划分为10个数据块，每个数据块对应1个章节，每个数据块的大小可能相同也可能不相同，服务器将待加载文档划分的10个数据块按照先后顺序分别为数据块1、数据块2、……、数据块10；或者，客户端的每次显示的页面的大小为100K字节，文本文件的总大小为1000K字节，服务器将待加载文档划分为10个数据块，每个数据块的大小为100K字节，服务将待加载文档划分的10个数据块分别为数据块1、数据块2、……、数据块10。服务器在接收到客户端发送的请求待加载文档的HTTP请求时，依次将数据块1至数据块10返回给客户端。需要说明的是，服务器划分待加载文档的方式不限于上述两种方式，用户可以根据文本文件的属性和客户端的属性进行划分，本发明不作限制。

服务器向客户端发送的数据块1中携带待加载文档的数据块的数量10和当前数据块的编号1，或者携带待加载文档的总大小1000K字节和当前数据块的大小100K字节。

客户端每接收到一个服务器发送的待加载文档的数据块，将数据块写入客户端的内存的数据缓存中，数据缓存的长度可以根据需要进行设置。当客户端往数据缓存中写入的待加载文档的数据块的数据达到N时，停止接收服务器发送的数据块，以免脏数据写入数据缓存中。或者，当客户端往数据缓存中写入的待加载文档的数据块的数据的累计大小达到待加载文档的总大小时，停止接收服务器发送的数据块，以免脏数据写入数据缓存中。

可以理解的是，待加载文档的数据块携带用于表示待加载文档的身份信息的标识，客户端可根据该标识识别数据块属于哪个待加载文档。

S202、所述客户端读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中。

具体的，数据缓存中的可以使用一个队列进行维护，新入队的数据块写入队列的队尾，客户端读取队列的队头的一个或多个数据块，根据数据块中携带的格式信息对数据块进行排版操作生成排版数据，格式信息包括字体样式、字体颜色、页面背景等信息。客户端将生成的排版数据写入位于客户端的内存的排版缓存中，其中，排版缓存也可以使用一个队列进行维护，新入队的排版缓存写入队列的队尾。

S203、判断所述判断排版缓存是否为空。

具体的，客户端判断排版缓存是否为空，即排版缓存中是否有排版数据，如果排版缓存为空，执行S204，否则执行S206。

S204、判断接收到的待加载文档的数据块的数量是否达到N。

具体的，如果排版缓存为空，客户端判断待加载文档的数据块是否全部接收完毕，即接收到的待加载文档的数据块的数据是否达到N，若为是，结束流程，若为否，执行S205。

S205、等待预设时长。

具体的，如果排版缓存为空，暂停绘制操作，等待预设时长，在预设时长内，客户端继续接收待加载文档剩余的数据块，并将剩余的数据库写入数据缓存，读取数据缓存中的数据块进行排版操作生成排版数据，将排版数据写入排版缓存中，这样排版缓存中又会存在排版数据。

S206、所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

具体的，客户端读取排版缓存中的排版数据，对读取的排版数据进行绘制操作后在客户端的显示屏上生成并显示页面。

S207、将所述页面缓存至本地磁盘的页面缓存中，并删除所述页面在所述排版缓存中对应的排版数据。

具体的，客户端将S206显示的页面缓存至本地磁盘中的页面缓存中，并删除该页面在排版缓存中对应的排版数据。其中，页面可以是显示的页面的截图或页面对应的源文件，本发明不作限制。当客户端接收到用户通过浏览器发送的页面请求时，可以首先在页面缓存中查询是否存在于页面请求对应的页面，如果命中，直接将本地磁盘中的页面显示在浏览器上，这样可以节省页面响应速度。

实施本发明的实施例，客户端分段接收待加载文档的数据块，对接收到的数据块写入数据缓存，读取数据缓存中的数据块进行排版生成排版数据，写入排版缓存，并读取排版缓存中的排版数据在客户端上绘制生页面，这种待加载文档的排版和绘制同时进行，能有效减少待加载文档在页面上的显示时间。同时，删除排版缓存中的排版数据，防止排版缓存多大而导致崩溃。

参见图3，为本发明实施例提供的一种页面显示系统的交互示意图，在本发明实施例中，页面显示系统包括服务器1和客户端2，其中交互流程如下：

S301、服务器将待加载文档划分为N个数据块。

S302、客户端向服务器发送用于请求待加载文档的HTTP请求。

S303、服务器将N个数据块依次发送给客户端。

S304、客户端接收服务器发送的待加载文档的第i个数据块，并将第i个数据块写入数据缓存中，其中1≤i≤N。

S305、客户端读取数据缓存中的数据块，对读取的数据块进行排版操作后生成排版数据，并将排版数据写入排版缓存中。

S306、读取排版缓存中的排版数据，对读取的排版数据进行绘制操作后生成页面，并显示页面。

本发明实施例和方法实施例一和二基于同一构思，其带来的技术效果也相同，具体过程请参照方法实施例一和方法实施例二的描述，此处不再赘述。

参见图4，为本发明实施例提供的一种页面显示装置的结构示意图，在本发明实施例中所述页面显示装置包括写入模块20、排版模块21和绘制模块22。

写入模块20，用于接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数。

排版模块21，用于读取所述数据缓存中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中。

绘制模块22，用于读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面。

本发明实施例和方法实施例一基于同一构思，其带来的技术效果也相同，具体请参照方法实施例一的描述，此处不再赘述。

参见图5，为本发明实施例提供的一种页面显示装置的另一结构示意图，在本发明实施例中，所述页面显示装置除包括：写入模块20、排版模块21和绘制模块22，还包括：等待模块23和页面缓存模块24。

等待模块23，用于判断所述排版缓存是否为空，若为是，判断接收到的待加载文档的数据块的数量是否达到N，若为否，等待预设时长。

页面缓存模块24，用于将所述页面缓存至本地磁盘中，并删除所述页面在所述排版缓存中对应的排版数据。

可选的，写入模块21还用于若写入所述数据缓存中的所述待加载文档的数据块的数量等于N，停止向所述数据缓存中写入所述待加载文档的数据块。

本发明实施例和方法实施例二基于同一构思，其带来的技术效果也相同，具体请操作方法实施例二的描述，此处不再赘述。

本发明实施例还提供了一种移动终端，包括装置实施例一和装置实施例二的页面显示装置，其中，移动终端可以是智能手机、平板电脑、个人数字助理或车载影音平台等，本发明不作限制。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。

以上所揭露的仅为本发明一种较佳实施例而已，当然不能以此来限定本发明之权利范围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本发明权利要求所作的等同变化，仍属于发明所涵盖的范围。

Claims (12)

1.一种页面显示方法，其特征在于，包括：

客户端分段接收待加载文档的数据块，包括：所述客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中的队列的队尾中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数；

在所述数据缓存写入数据的过程中，所述客户端读取所述数据缓存中的队列的队头中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面，包括：所述待加载文档的排版操作和绘制操作同时进行。

2.如权利要求1所述的方法，其特征在于，所述客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中，还包括：

若写入所述数据缓存中的所述待加载文档的数据块的数量等于N，停止向所述数据缓存中写入所述待加载文档的数据块。

3.如权利要求1所述的方法，其特征在于，所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面之前，还包括：

判断所述排版缓存是否为空，若为是，判断接收到的待加载文档的数据块的数量是否达到N，若为否，等待预设时长。

4.如权利要求2所述的方法，其特征在于，所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面之前，还包括：

判断所述排版缓存是否为空，若为是，判断接收到的待加载文档的数据块的数量是否达到N，若为否，等待预设时长。

5.如权利要求1-4任意一项所述的方法，其特征在于，还包括：

将所述页面缓存至本地磁盘的页面缓存中，并删除所述页面在所述排版缓存中对应的排版数据。

6.一种页面显示装置，其特征在于，包括：

写入模块，用于分段接收服务器发送的待加载文档的数据块，上述写入模块还具体用于，服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中的队列的队尾中；其中，所述待加载文档划分为N个数据块，1≤i≤N，i和N为整数；

排版模块，用于在所述数据缓存写入数据的过程中，读取所述数据缓存中的队列的队头中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

绘制模块，用于读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面，其中，所述绘制模块执行所述排版数据的绘制操作和所述排版模块执行所述待加载文档的排版操作同时进行。

7.如权利要求6所述的装置，其特征在于，所述写入模块还用于若写入所述数据缓存中的所述待加载文档的数据块的数量等于N，停止向所述数据缓存中写入所述待加载文档的数据块。

8.如权利要求6所述的装置，其特征在于，还包括：

等待模块，用于判断所述排版缓存是否为空，若为是，判断接收到的待加载文档的数据块的数量是否达到N，若为否，等待预设时长。

9.如权利要求7所述的装置，其特征在于，还包括：

等待模块，用于判断所述排版缓存是否为空，若为是，判断接收到的待加载文档的数据块的数量是否达到N，若为否，等待预设时长。

10.如权利要求6-9任意一项所述的装置，其特征在于，还包括：

页面缓存模块，用于将所述页面缓存至本地磁盘中，并删除所述页面在所述排版缓存中对应的排版数据。

11.一种移动终端，其特征在于，包括如权利要求6-10任意一项所述的页面显示装置。

12.一种页面显示系统，其特征在于，包括客户端和服务器，其中，

所述服务器将待加载文档划分为N个数据块，并将所述N个数据块依次发送给所述客户端；

所述客户端分段接收待加载文档的数据块，包括：所述客户端接收服务器发送的待加载文档的第i个数据块，并将所述第i个数据块写入数据缓存中的队列的队尾中；其中，1≤i≤N，i和N为整数；

在所述数据缓存写入数据的过程中，所述客户端读取所述数据缓存中的队列的队头中的数据块，对所述读取的数据块进行排版操作后生成排版数据，并将所述排版数据写入排版缓存中；

所述客户端读取所述排版缓存中的排版数据，对所述读取的排版数据进行绘制操作后生成页面，并显示所述页面，包括：所述待加载文档的排版操作和绘制操作同时进行。