CN105468324A - 页面显示方法、装置及系统 - Google Patents
页面显示方法、装置及系统 Download PDFInfo
- Publication number
- CN105468324A CN105468324A CN201510996276.4A CN201510996276A CN105468324A CN 105468324 A CN105468324 A CN 105468324A CN 201510996276 A CN201510996276 A CN 201510996276A CN 105468324 A CN105468324 A CN 105468324A
- Authority
- CN
- China
- Prior art keywords
- page
- data block
- identification information
- server
- framework
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种页面显示方法、装置及系统，涉及信息技术领域，向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的所述页面框架并进行显示；接收所述服务器发送的所述各个数据块并进行显示，从而能够提升页面显示的速度。本发明适用于页面的显示。
Description
技术领域
本发明涉及信息技术，特别是涉及一种页面显示方法、装置及系统。
背景技术
随着信息技术的不断发展，各种各样的网站随之出现，其中，用户通过浏览器可以浏览网站上各种各样的信息。当浏览器本地没有缓存的页面数据时，浏览器需要向服务器请求页面，从而进行页面显示。其中，每个页面由页面框架和页面框架对应的各个数据块组成。
目前，当浏览器需要显示页面时，通常向服务器分别请求页面框架、页面框架对应的各个数据块，然后服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后发送给客户端，使得客户端对页面进行显示。然而，由于浏览器需要向服务器发送多个请求且浏览器为单线程运行的工作机制，当浏览器向服务器发送一个请求时，其余的请求必须等待服务器处理完该请求，才能发送后续的请求。此外，上述的方式需要在所有请求处理完成后，服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后，客户端才能显示页面，造成页面显示延迟较大，从而导致页面显示的速度较慢。
发明内容
有鉴于此，本发明提供一种页面显示方法、装置及系统，主要目的在于解决现有技术中页面显示的速度较慢的缺陷。
依据本发明一个方面，提供了一种页面显示方法，包括：
向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收所述服务器发送的所述页面框架并进行显示；
接收所述服务器发送的所述各个数据块并进行显示。
依据本发明另一个方面，提供了另一种页面显示方法，包括：
接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染与所述页面框架的标识信息对应的页面框架；
将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
渲染与所述各个数据块的标识信息分别对应的数据块；
将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
依据本发明又一个方面，提供了一种客户端，包括：
发送单元，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收单元，用于接收所述服务器发送的所述页面框架；
显示单元，用于显示所述页面框架；
所述接收单元，还用于接收所述服务器发送的所述各个数据块；
所述显示单元，还用于显示所述各个数据块。
依据本发明再一个方面，提供了一种服务器，包括：
接收单元，用于接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染单元，用于渲染与所述页面框架的标识信息对应的页面框架；
发送单元，用于将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
所述渲染单元，用于渲染与所述各个数据块的标识信息分别对应的数据块；
所述发送单元，用于将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
依据本发明又再一个方面，提供了一种页面显示系统，包括：
客户端，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
服务器，用于渲染与所述页面框架的标识信息对应的页面框架；将所述页面框架发送给所述客户端；
所述客户端，还用于显示所述页面框架；
所述服务器，还用于渲染与所述各个数据块的标识信息分别对应的数据块；将所述各个数据块发送给所述客户端；
所述客户端，还用于显示所述各个数据块。
借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：
本发明实施例提供了一种页面显示方法、装置及系统。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了本发明实施例提供的一种页面显示方法流程图；
图2示出了本发明实施例提供的另一种页面显示方法流程图；
图3示出了本发明实施例提供的又一种页面显示方法流程图；
图4示出了本发明实施例提供的再一种页面显示方法流程图；
图5示出了本发明实施例提供的一种客户端结构示意图；
图6示出了本发明实施例提供的另一种客户端的结构示意图；
图7示出了本发明实施例提供的一种服务器的结构示意图；
图8示出了本发明实施例提供的另一种服务器的结构示意图；
图9示出了本发明实施例提供的一种页面显示系统的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明实施例提供了一种页面显示方法，可以应用于客户端，如图1所示，所述方法包括：
101、向服务器发送页面获取请求。
其中，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。进一步地，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块。所述数据块可以为页面的图片、文字等。所述页面框架的标识信息可以为页面框架的名称，如frame.html，也可以为页面框架的ID(Identify，身份标识号)，本发明实施例不做限定。所述数据块的标识信息可以为数据块的名称，如div-ID＝name，也可以为数据块的ID，本发明实施例不做限定。
需要说明的是，服务器发送的页面框架和数据块可以为服务器基于Ajax(AsynchronousJavaScriptAndXML，异步JavaScript和XML)创建交互式网页应用的网页开发技术，渲染的页面框架和数据块。
对于本发明实施例，通过向服务器发送一个页面获取请求，减少了客户端与服务器的交互次数和每次交互建立网络连接所消耗的时间，使得客户端能够较快的接收到页面对应的页面框架和数据块，从而减少页面显示的延迟，进而提升了页面显示的速度。
102、接收服务器发送的页面框架并进行显示。
其中，由于服务器发送的页面框架是经过渲染后的页面框架，客户端在接收到页面框架后，可以解析渲染后的页面框架然后再进行显示。
现有技术中客户端等待服务器发送完整的页面期间，客户端显示页面白板，本发明实施例接收到服务器发送的经过渲染后的页面框架就进行显示，减少了页面显示的延迟。
103、接收服务器发送的各个数据块并进行显示。
其中，由于每个数据块在页面框架中都对应唯一的位置，客户端接收到服务器发送的各个数据块后，可以将各个数据框填充到页面框架中进行显示。
本发明实施例提供的一种页面显示方法。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
本发明实施例提供了另一种页面显示方法，可以应用于客户端，如图2所示，所述方法包括：
201、根据页面框架的标识信息、以及页面框架对应的各个数据块的标识信息，配置页面获取请求。
202、通过建立长连接，向服务器发送页面获取请求。
对于本发明实施例，通过与服务器建立长连接，能够实现客户端与服务器只建立一次网络连接，就能接收到页面框架和数据块，同时能够保证页面框架和数据块的及时性。
203、接收服务器发送的页面框架并进行显示。
204、接收服务器发送的各个数据块并进行显示。
对于本发明实施例，步骤204具体可以为：接收所述服务器发送的各个预置脚本，其中，所述预置脚本中封装有所述数据块以及所述数据块在页面框架中的位置；根据所述数据块在页面框架中的位置，将所述数据块进行显示。所述预置脚本可以为JS脚本，其中，JS脚本为使用JavaScript编写的脚本。
需要说明的是，当客户端接收到页面框架和所有的数据块后，可以断开与服务器之间的网络连接，通过及时断开网络连接，能够节省网络资源。
本发明实施例提供的另一种页面显示方法。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。。
本发明实施例提供了又一种页面显示方法，可以应用于服务器，如图3所示，所述方法包括：
301、接收客户端发送的页面获取请求。
其中，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。所述页面框架的标识信息可以为页面框架的名称，如frame1.html，也可以为页面框架的ID，本发明实施例不做限定。
302、渲染与页面框架的标识信息对应的页面框架。
需要说明的是，服务器发送的页面框架和数据块可以为服务器基于Ajax创建交互式网页应用的网页开发技术，渲染的页面框架。
303、将页面框架发送给客户端。
进一步地，以便于所述客户端将所述页面框架进行显示。
现有技术中客户端等待服务器发送完整的页面期间，客户端显示页面白板，本发明实施例接收到服务器发送的经过渲染后的页面框架就进行显示，减少了页面显示的延迟。
304、渲染与各个数据块的标识信息分别对应的数据块。
305、将各个数据块发送给客户端。
进一步地，以便于所述客户端将所述各个数据块进行显示。
本发明实施例提供的又一种页面显示方法。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
本发明实施例提供了再一种页面显示方法，可以应用于服务器，如图4所示，所述方法包括：
401、接收客户端通过建立长连接发送的页面获取请求。
其中，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
对于本发明实施例，通过与服务器建立长连接，能够实现客户端与服务器只建立一次网络连接，就能接收到页面框架和数据块，同时能够保证页面框架和数据块的及时性。
402、渲染与页面框架的标识信息对应的页面框架。
403、将页面框架发送给客户端。
进一步地，以便于所述客户端将所述页面框架进行显示。
404、渲染与各个数据块的标识信息分别对应的数据块。
405、将各个数据块发送给所述客户端。
进一步地，以便于所述客户端将所述各个数据块进行显示。
对于本发明实施例，在步骤405之前，具体还可以包括：将与所述各个数据块的标识信息对应的数据块和所述数据块在页面框架中的位置分别封装到各个预置脚本。相应的所述将所述各个数据块发送给所述客户端的步骤进一步包括：将所述各个预置脚本发送给所述客户端。所述预置脚本可以为JS脚本，其中，JS脚本为使用JavaScript(直译式脚本语言)编写的脚本。
本发明实施例提供的又一种页面显示方法。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
进一步地，作为图1所述方法的具体实现，本发明实施例提供了一种客户端，如图5所示，所述客户端包括：发送单元51、接收单元52、显示单元53。
发送单元51，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
进一步地，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块。
接收单元52，用于接收所述服务器发送的所述页面框架。
显示单元53，用于显示所述页面框架。
所述接收单元52，还用于接收所述服务器发送的所述各个数据块。
所述显示单元53，还用于显示所述各个数据块。
需要说明的是，本发明实施例提供的一种客户端所涉及各功能单元的其他相应描述，可以参考图1中的对应描述，在此不再赘述。
本发明实施例提供的一种客户端。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
进一步地，作为图2所述方法的具体实现，本发明实施例提供了另一种客户端，如图6所示，所述客户端包括：发送单元61、接收单元62、显示单元63。
发送单元61，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
进一步地，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块。
接收单元62，用于接收所述服务器发送的所述页面框架。
显示单元63，用于显示所述页面框架。
所述接收单元62，还用于接收所述服务器发送的所述各个数据块。
所述显示单元63，还用于显示所述各个数据块。
进一步地，所述装置还包括：配置单元64
配置单元64，用于根据所述页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，配置所述页面获取请求。
所述发送单元61，具体用于通过建立长连接，向服务器发送所述页面获取请求。
所述接收单元62，具体用于接收所述服务器发送的各个预置脚本，其中，所述预置脚本中封装有所述数据块以及所述数据块在页面框架中的位置。
所述显示单元63，具体用于根据所述数据块在页面框架中的位置，将所述数据块进行显示。
需要说明的是，本发明实施例提供的另一种客户端所涉及各功能单元的其他相应描述，可以参考图1中的对应描述，在此不再赘述。
本发明实施例提供的另一种客户端。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
进一步地，作为图3所述方法的具体实现，本发明实施例提供了一种服务器，如图7所示，所述服务器包括：接收单元71、渲染单元72、发送单元73。
接收单元71，用于接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
渲染单元72，用于渲染与所述页面框架的标识信息对应的页面框架；
发送单元73，用于将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示。
所述渲染单元72，用于渲染与所述各个数据块的标识信息分别对应的数据块。
所述发送单元73，用于将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
本发明实施例提供的一种服务器。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
进一步地，作为图4所述方法的具体实现，本发明实施例提供了另一种服务器，如图8所示，所述服务器包括：接收单元81、渲染单元82、发送单元83。
接收单元81，用于接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
渲染单元82，用于渲染与所述页面框架的标识信息对应的页面框架。
发送单元83，用于将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示。
所述渲染单元82，用于渲染与所述各个数据块的标识信息分别对应的数据块。
所述发送单元83，用于将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
所述接收单元81，具体用于接收客户端通过建立长连接发送的页面获取请求。
进一步地，所述服务器还包括：封装单元84。
所述封装单元84，用于将与所述各个数据块的标识信息对应的数据块和所述数据块在页面框架中的位置分别封装到各个预置脚本。
所述发送单元83，具体用于将所述各个预置脚本发送给所述客户端，以便于客户根据所述数据块在页面框架中的位置，将所述数据块进行显示。
本发明实施例提供的另一种服务器。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
进一步地，本发明实施例提供了一种页面显示系统，如图9所示，所述系统包括：至少一个客户端91、至少一个服务器92。
客户端91，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息。
服务器92，用于渲染与所述页面框架的标识信息对应的页面框架；将所述页面框架发送给所述客户端91。
所述客户端91，还用于显示所述页面框架。
所述服务器92，还用于渲染与所述各个数据块的标识信息分别对应的数据块；将所述各个数据块发送给所述客户端91。
所述客户端91，还用于显示所述各个数据块。
本发明实施例提供的一种页面显示系统。首先向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；接收所述服务器发送的页面框架并进行显示；接收所述服务器发送的各个数据块并进行显示。与目前浏览器向服务器分别请求页面框架、页面框架对应的各个数据块以及等待服务器根据页面框架和页面框架对应的各个数据块，生成完整的页面后再进行页面显示相比，本发明实施例通过向服务器发送一个页面获取请求，节省了客户端与服务器多次交互所消耗的时间，以及接收到页面框架或者数据块就将页面框架或者数据块进行显示，减少了页面显示的延迟，从而提升了页面显示的速度。
本发明还公开了下述方案：
A1、一种页面显示方法，应用于一客户端，包括：
向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收所述服务器发送的所述页面框架并进行显示；
接收所述服务器发送的所述各个数据块并进行显示。
A2、根据A1所述的页面显示方法，所述向服务器发送页面获取请求之前，所述方法还包括：
根据页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，配置所述页面获取请求。
A3、根据A1所述的页面显示方法，所述向服务器发送页面获取请求的步骤进一步包括：
通过建立长连接，向服务器发送所述页面获取请求。
A4、根据A1所述的页面显示方法，所述接收所述服务器发送的各个数据块并进行显示的步骤进一步包括：
接收所述服务器发送的各个预置脚本，其中，所述预置脚本中封装有所述数据块以及所述数据块在页面框架中的位置；
根据所述数据块在页面框架中的位置，将所述数据块进行显示。
B5、一种页面显示方法，应用于一服务器，包括：
接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染与所述页面框架的标识信息对应的页面框架；
将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
渲染与所述各个数据块的标识信息分别对应的数据块；
将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
B6、根据B5所述的页面信息显示方法，所述接收客户端发送的页面获取请求步骤进一步包括：
接收客户端通过建立长连接发送的页面获取请求。
B7、根据B5所述的页面信息显示方法，所述将所述各个数据块发送给所述客户端之前，所述方法还包括：
将与所述各个数据块的标识信息对应的数据块和所述数据块在页面框架中的位置分别封装到各个预置脚本；
相应地，所述将所述各个数据块发送给所述客户端的步骤进一步包括：
将所述各个预置脚本发送给所述客户端，以便于客户端根据所述数据块在页面框架中的位置，将所述数据块进行显示。
C8、一种客户端，包括：
发送单元，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收单元，用于接收所述服务器发送的所述页面框架；
显示单元，用于显示所述页面框架；
所述接收单元，还用于接收所述服务器发送的所述各个数据块；
所述显示单元，还用于显示所述各个数据块。
C9、根据C8所述的客户端，所述装置还包括：
配置单元，用于根据所述页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，配置所述页面获取请求。
C10、根据C8所述的客户端，
所述发送单元，具体用于通过建立长连接，向服务器发送所述页面获取请求。
C11、根据C8所述的客户端，
所述接收单元，具体用于接收所述服务器发送的各个预置脚本，其中，所述预置脚本中封装有所述数据块以及所述数据块在页面框架中的位置；
所述显示单元，具体用于根据所述数据块在页面框架中的位置，将所述数据块进行显示。
D12、一种服务器，包括：
接收单元，用于接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染单元，用于渲染与所述页面框架的标识信息对应的页面框架；
发送单元，用于将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
所述渲染单元，用于渲染与所述各个数据块的标识信息分别对应的数据块；
所述发送单元，用于将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
D13、根据D12所述的服务器，
所述接收单元，具体用于接收客户端通过建立长连接发送的页面获取请求。
D14、根据D12所述的服务器，所述服务器还包括：封装单元，
所述封装单元，用于将与所述各个数据块的标识信息对应的数据块和所述数据块在页面框架中的位置分别封装到各个预置脚本；
所述发送单元，具体用于将所述各个预置脚本发送给所述客户端，以便于客户根据所述数据块在页面框架中的位置，将所述数据块进行显示。
E15、一种页面显示系统，如权利要求C8-C11任一项所述的客户端和权利要求D12-D14任一项所述的服务器。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
可以理解的是，上述方法及装置中的相关特征可以相互参考。另外，上述实施例中的“第一”、“第二”等是用于区分各实施例，而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面显示方法、装置及系统中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种页面显示方法，应用于一客户端，其特征在于，包括：
向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收所述服务器发送的所述页面框架并进行显示；
接收所述服务器发送的所述各个数据块并进行显示。
2.根据权利要求1所述的页面显示方法，其特征在于，所述向服务器发送页面获取请求之前，所述方法还包括：
根据页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，配置所述页面获取请求。
3.根据权利要求1所述的页面显示方法，其特征在于，所述向服务器发送页面获取请求的步骤进一步包括：
通过建立长连接，向服务器发送所述页面获取请求。
4.根据权利要求1所述的页面显示方法，其特征在于，所述接收所述服务器发送的各个数据块并进行显示的步骤进一步包括：
接收所述服务器发送的各个预置脚本，其中，所述预置脚本中封装有所述数据块以及所述数据块在页面框架中的位置；
根据所述数据块在页面框架中的位置，将所述数据块进行显示。
5.一种页面显示方法，应用于一服务器，其特征在于，包括：
接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染与所述页面框架的标识信息对应的页面框架；
将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
渲染与所述各个数据块的标识信息分别对应的数据块；
将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
6.一种客户端，其特征在于，包括：
发送单元，用于向服务器发送页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，以便于服务器渲染与所述页面框架的标识信息对应的页面框架、以及所述各个数据块的标识信息分别对应的数据块；
接收单元，用于接收所述服务器发送的所述页面框架；
显示单元，用于显示所述页面框架；
所述接收单元，还用于接收所述服务器发送的所述各个数据块；
所述显示单元，还用于显示所述各个数据块。
7.根据权利要求6所述的客户端，其特征在于，所述装置还包括：
配置单元，用于根据所述页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息，配置所述页面获取请求。
8.根据权利要求6所述的客户端，其特征在于，
所述发送单元，具体用于通过建立长连接，向服务器发送所述页面获取请求。
9.一种服务器，其特征在于，包括：
接收单元，用于接收客户端发送的页面获取请求，所述页面获取请求中携带有页面框架的标识信息、以及所述页面框架对应的各个数据块的标识信息；
渲染单元，用于渲染与所述页面框架的标识信息对应的页面框架；
发送单元，用于将所述页面框架发送给所述客户端，以便于所述客户端将所述页面框架进行显示；
所述渲染单元，用于渲染与所述各个数据块的标识信息分别对应的数据块；
所述发送单元，用于将所述各个数据块发送给所述客户端，以便于所述客户端将所述各个数据块进行显示。
10.一种页面显示系统，其特征在于，包括：权利要求6-8任一项所述的客户端和权利要求9所述的服务器。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510996276.4A CN105468324A (zh) | 2015-12-25 | 2015-12-25 | 页面显示方法、装置及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510996276.4A CN105468324A (zh) | 2015-12-25 | 2015-12-25 | 页面显示方法、装置及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105468324A true CN105468324A (zh) | 2016-04-06 |
Family
ID=55606074
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510996276.4A Pending CN105468324A (zh) | 2015-12-25 | 2015-12-25 | 页面显示方法、装置及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105468324A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107102866A (zh) * | 2017-06-01 | 2017-08-29 | 北京智网易联科技有限公司 | iOS系统下的原生APP文件生成方法、设备以及服务器 |
| CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
| WO2020048218A1 (zh) * | 2018-09-07 | 2020-03-12 | Oppo广东移动通信有限公司 | 应用页面的展示方法、装置、存储介质和电子设备 |
| CN112836152A (zh) * | 2019-11-22 | 2021-05-25 | 上海哔哩哔哩科技有限公司 | 页面渲染方法、系统、计算机设备及计算机可读存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100088612A1 (en) * | 2006-12-14 | 2010-04-08 | Alibaba Group Holding Limited | Method and System for Displaying Web Page |
| CN103544320A (zh) * | 2013-11-05 | 2014-01-29 | 从兴技术有限公司 | 一种网页生成方法及装置 |
| CN104156421A (zh) * | 2014-08-06 | 2014-11-19 | 百度在线网络技术（北京）有限公司 | 页面的展现方法、装置及系统 |
| CN104573025A (zh) * | 2015-01-12 | 2015-04-29 | 北京京东尚科信息技术有限公司 | 一种提高页面加载速度的方法及系统 |
| CN104850560A (zh) * | 2014-02-18 | 2015-08-19 | 北京京东尚科信息技术有限公司 | 一种实时加载网页中业务数据的方法和系统 |
-
2015
- 2015-12-25 CN CN201510996276.4A patent/CN105468324A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100088612A1 (en) * | 2006-12-14 | 2010-04-08 | Alibaba Group Holding Limited | Method and System for Displaying Web Page |
| CN103544320A (zh) * | 2013-11-05 | 2014-01-29 | 从兴技术有限公司 | 一种网页生成方法及装置 |
| CN104850560A (zh) * | 2014-02-18 | 2015-08-19 | 北京京东尚科信息技术有限公司 | 一种实时加载网页中业务数据的方法和系统 |
| CN104156421A (zh) * | 2014-08-06 | 2014-11-19 | 百度在线网络技术（北京）有限公司 | 页面的展现方法、装置及系统 |
| CN104573025A (zh) * | 2015-01-12 | 2015-04-29 | 北京京东尚科信息技术有限公司 | 一种提高页面加载速度的方法及系统 |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107102866A (zh) * | 2017-06-01 | 2017-08-29 | 北京智网易联科技有限公司 | iOS系统下的原生APP文件生成方法、设备以及服务器 |
| CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
| WO2020048218A1 (zh) * | 2018-09-07 | 2020-03-12 | Oppo广东移动通信有限公司 | 应用页面的展示方法、装置、存储介质和电子设备 |
| CN112836152A (zh) * | 2019-11-22 | 2021-05-25 | 上海哔哩哔哩科技有限公司 | 页面渲染方法、系统、计算机设备及计算机可读存储介质 |
| CN112836152B (zh) * | 2019-11-22 | 2023-03-10 | 上海哔哩哔哩科技有限公司 | 页面渲染方法、系统、计算机设备及计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103942225B (zh) | 一种混合型应用客户端的资源调用方法、客户端及系统 | |
| CN103279538B (zh) | 预加载访问网站中网页的服务器、浏览器客户端和方法 | |
| CN105468324A (zh) | 页面显示方法、装置及系统 | |
| US8689099B1 (en) | Cross-domain communication | |
| CN108416021B (zh) | 一种浏览器网页内容处理方法、装置、电子设备及可读介质 | |
| CN102890724A (zh) | 网页加载方法和装置 | |
| CN101645090B (zh) | 页面显示方法、服务器及网络系统 | |
| CN103617191A (zh) | 使用硬件加速实现浏览器渲染的方法和浏览器 | |
| CN105512190A (zh) | 界面跳转方法及装置 | |
| CN103279517A (zh) | 一种网页内容的展示方法 | |
| CN111212154B (zh) | 服务绑定方法、装置、终端、服务器和存储介质 | |
| CN103559097B (zh) | 一种浏览器中进程间通信的方法、装置和浏览器 | |
| CN102298599A (zh) | 离线浏览网页方法及其系统 | |
| CN104462571A (zh) | 进行网页加载的方法、装置和浏览器客户端 | |
| CN108228816A (zh) | 一种瀑布流图片的加载方法和装置 | |
| CN103258056B (zh) | 处理风格样式表的方法、服务器、客户端和系统 | |
| CN102915366A (zh) | 一种浏览器加载网页的方法和装置 | |
| CN103475744A (zh) | 一种基于Web应用的资源下载方法、装置和系统 | |
| CN102902802A (zh) | 一种网页转码方法和装置 | |
| CN110059278A (zh) | Web页面配置方法、服务器及计算机可读存储介质 | |
| CN103258058A (zh) | 页面展现方法、系统及浏览器 | |
| CN102981848A (zh) | 网页主体元素处理浏览器和方法 | |
| CN102981844A (zh) | 对网页主体元素进行处理的浏览器及方法 | |
| CN104965690A (zh) | 数据处理方法及装置 | |
| CN106157109A (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160406 |
|
| RJ01 | Rejection of invention patent application after publication |