CN113918849A

CN113918849A - Page display method, device and system, electronic equipment and storage medium

Info

Publication number: CN113918849A
Application number: CN202111180592.6A
Authority: CN
Inventors: 马多昌
Original assignee: Beijing QIYI Century Science and Technology Co Ltd
Current assignee: Beijing QIYI Century Science and Technology Co Ltd
Priority date: 2021-10-11
Filing date: 2021-10-11
Publication date: 2022-01-11

Abstract

The embodiment of the invention provides a page display method, a page display device, a page display system, electronic equipment and a storage medium. The server receives the page data request, acquires the regional page data of a plurality of display regions contained in the target page, and sends the page identifier of the target page to the client. And the client sends an area data request carrying the page identifier of the target page to the server. And the server receives the regional data request and sends the target regional page data and the corresponding regional identification of the display region to the client. The client renders the target display area to which the area identifier belongs according to the target area page data, and sends the area data request to the server again until the area page data of all the display areas in the target page are obtained, and rendering of all the display areas in the target page is completed to display the target page, so that the time delay of loading the page by the client can be reduced.

Description

Page display method, device and system, electronic equipment and storage medium

Technical Field

The present invention relates to the field of internet technologies, and in particular, to a page display method, device, system electronic device, and storage medium.

Background

With the rapid development of internet technology, more and more functions are provided for users by clients, and users can browse various network resources through the clients, for example, users can watch videos through the clients.

In the prior art, when a user needs to browse a target page of a client, the user may input a display instruction for the target page to the client. When receiving the display instruction, the client sends a request message for the target page to the server. Correspondingly, when the request message is received, the server sends the page data of the target page to the client after acquiring all the page data of the target page. The client may render according to the received page data to display the target page.

However, after the server obtains all the page data of the target page, the server returns the page data of the target page to the client, which may result in a long waiting time for the client to obtain the page data, and further, may result in a long time delay for the client to load the page.

Disclosure of Invention

Disclosure of the inventionan object of the embodiments of the present invention is to provide a page display method, device, system, electronic device, and storage medium, so as to reduce a time delay of a client loading a page. The specific technical scheme is as follows:

in a first aspect of the present invention, there is provided a page display system, including: a server and a client, wherein:

the client is used for sending a page data request aiming at a target page to the server;

the server is used for acquiring regional page data of a plurality of display regions contained in the target page when the page data request is received; sending the page identification of the target page to the client;

the client is further configured to send a regional data request carrying the page identifier of the target page to the server when receiving the page identifier of the target page;

the server is further configured to determine, when receiving the region data request, region page data of a display region in the target page, which is currently acquired and is not sent to the client, as target region page data, and send the target region page data and a region identifier of the display region corresponding to the target region page data to the client;

the client is further configured to render in a target display area to which the area identifier in the target page belongs according to the received target area page data, so as to display in the target display area, and execute a step of sending an area data request carrying the page identifier of the target page to the server until area page data of all display areas in the target page is acquired, and complete rendering of all display areas in the target page, so as to display the target page.

In a second aspect of the present invention, there is also provided a page display method, where the method is applied to a client, and the method includes:

sending a page data request aiming at a target page to a server, so that when the server receives the page data request, area page data of a plurality of display areas contained in the target page are obtained, and a page identifier of the target page is sent to the client;

when receiving the page identifier of the target page, sending an area data request carrying the page identifier of the target page to the server, so that when receiving the area data request, the server determines area page data of a display area in the target page, which is currently acquired and is not sent to the client, as target area page data, and sends the target area page data and the area identifier of the display area corresponding to the target area page data to the client;

receiving the target area page data and the area identification sent by the server, rendering in a target display area to which the area identification in the target page belongs according to the target area page data so as to display in the target display area, and returning to execute the step of sending an area data request carrying the page identification of the target page to the server until the area page data of all the display areas in the target page is obtained, and finishing the rendering of all the display areas in the target page so as to display the target page.

Optionally, when receiving the page identifier of the target page, the sending, to the server, the area data request carrying the page identifier of the target page includes:

when receiving the page identifier of the target page, sending an area data request carrying the page identifier of the target page to the server through a data acquisition thread;

the receiving the target area page data and the area identifier sent by the server, and rendering in a target display area to which the area identifier in the target page belongs according to the target area page data, so as to display in the target display area, includes:

receiving the target area page data and the area identification sent by the server through the data acquisition thread, and sending the target area page data and the area identification to a rendering thread;

and rendering in a target display area to which the area identifier in the target page belongs according to the target area page data through the rendering thread so as to display in the target display area.

Optionally, the method further includes:

and if the preset identification sent by the server is received, determining that the area page data of all the display areas in the target page are acquired.

In a third aspect of the present invention, there is also provided a page display method, where the method is applied to a server, and the method includes:

when a page data request aiming at a target page sent by a client is received, acquiring regional page data of a plurality of display regions contained in the target page;

sending the page identification of the target page to the client;

when receiving an area data request which is sent by the client and carries the page identifier of the target page, determining area page data of a display area in the target page, which is currently acquired and is not sent to the client, as target area page data, sending the target area page data and the area identifier of the display area corresponding to the target area page data to the client until sending the area page data of all the display areas in the target page to the client, so that the client finishes rendering all the display areas in the target page to display the target page.

Optionally, when receiving a page data request for a target page sent by a client, acquiring area page data of multiple display areas included in the target page, where the acquiring includes:

when a page data request aiming at a target page sent by a client is received, determining the acquisition sequence of the area page data of each display area in the target page; the obtaining sequence is determined based on the positions of the display areas in the target page;

adding data acquisition tasks corresponding to the area page data of each display area in a preset task queue according to the acquisition sequence;

and acquiring a current unprocessed data acquisition task from the preset task queue through each thread, and acquiring the area page data of the corresponding display area according to the data acquisition task until the unprocessed data acquisition task does not exist in the preset task queue.

Optionally, the method further includes:

for each display area, storing the acquired area page data of the display area, the area identifier of the display area and the corresponding page identifier of the target page to a preset database;

the determining, as target area page data, area page data of a display area in the target page that is currently acquired and is not sent to the client, and sending the target area page data to the client and an area identifier of the display area corresponding to the target area page data, includes:

acquiring regional page data which corresponds to the page identifier of the target page and is not sent to the client from the regional page data stored in the preset database as target regional page data;

and sending the target area page data and the area identification of the display area corresponding to the target area page data to the client.

Optionally, when receiving an area data request carrying a page identifier of the target page sent by the client, determining area page data of a display area in the target page, which is currently acquired and is not sent to the client, as target area page data, and sending the target area page data and an area identifier of the display area corresponding to the target area page data to the client, includes:

when receiving an area data request which is sent by the client and carries the page identifier of the target page, determining area page data of a display area in the target page, which is currently acquired and is not sent to the client, as target area page data;

and if the area page data of all the display areas in the target page are acquired currently, sending a preset identifier, the target area page data and the area identifier of the display area corresponding to the target area page data to the client.

In a fourth aspect of the present invention, there is also provided a page display apparatus, where the apparatus is applied to a client, and the apparatus includes:

the first sending module is used for sending a page data request aiming at a target page to a server so as to obtain regional page data of a plurality of display regions contained in the target page when the server receives the page data request, and sending a page identifier of the target page to the client;

a second sending module, configured to send, when receiving the page identifier of the target page, an area data request carrying the page identifier of the target page to the server, so that when receiving the area data request, the server determines, as target area page data, area page data of a display area in the target page that is currently acquired and is not sent to the client, and sends, to the client, the target area page data and an area identifier of the display area corresponding to the target area page data;

and the rendering module is used for receiving the target area page data and the area identifier sent by the server, rendering in a target display area to which the area identifier in the target page belongs according to the target area page data so as to display in the target display area, and triggering the second sending module to execute a step of sending an area data request carrying the page identifier of the target page to the server until the area page data of all the display areas in the target page are obtained, and finishing the rendering of all the display areas in the target page so as to display the target page.

Optionally, the second sending module is specifically configured to send, through a data obtaining thread, an area data request carrying the page identifier of the target page to the server when the page identifier of the target page is received;

the rendering module is specifically configured to receive, through the data acquisition thread, the target area page data and the area identifier sent by the server, and send the target area page data and the area identifier to a rendering thread;

Optionally, the apparatus further comprises:

and the determining module is used for determining that the area page data of all the display areas in the target page are obtained if the preset identification sent by the server is received.

In a fifth aspect of the present invention, there is also provided a page display apparatus, applied to a server, the apparatus including:

the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring regional page data of a plurality of display regions contained in a target page when receiving a page data request aiming at the target page sent by a client;

the first sending module is used for sending the page identifier of the target page to the client;

a second sending module, configured to, when receiving a region data request carrying a page identifier of the target page sent by the client, determine, as target region page data, region page data of a display region in the target page that is currently acquired and is not sent to the client, and send the target region page data and region identifiers of display regions corresponding to the target region page data to the client until sending, to the client, the region page data of all the display regions in the target page, so that the client completes rendering of all the display regions in the target page to display the target page.

Optionally, the obtaining module is specifically configured to determine, when a page data request for a target page sent by a client is received, a sequence of obtaining area page data of each display area in the target page; the obtaining sequence is determined based on the positions of the display areas in the target page;

and the data acquisition module is used for acquiring a current unprocessed data acquisition task from the preset task queue through each thread, and acquiring the area page data of the corresponding display area according to the data acquisition task until the unprocessed data acquisition task does not exist in the preset task queue.

Optionally, the apparatus further comprises:

the storage module is used for correspondingly storing the acquired area page data of the display area, the area identifier of the display area and the page identifier of the target page to a preset database aiming at each display area;

the second sending module is specifically configured to obtain, from each regional page data stored in the preset database, regional page data that corresponds to the page identifier of the target page and is not sent to the client as target regional page data;

Optionally, the second sending module is specifically configured to, when receiving an area data request that is sent by the client and carries the page identifier of the target page, determine, as target area page data, area page data of a display area in the target page that is currently acquired and is not sent to the client;

In another aspect of the present invention, there is also provided an electronic device, including a processor, a communication interface, a memory and a communication bus, where the processor, the communication interface, and the memory complete communication with each other through the communication bus;

a memory for storing a computer program;

and a processor configured to implement the page display method steps of the second aspect or the third aspect when executing the program stored in the memory.

In another aspect of the present invention, there is also provided a computer-readable storage medium, in which a computer program is stored, and the computer program, when executed by a processor, implements the page display method according to the second aspect or any one of the third aspects.

In yet another aspect of the present invention, there is also provided a computer program product containing instructions, which when run on a computer, causes the computer to execute the page display method according to the second aspect or any one of the third aspects.

According to the technical scheme provided by the embodiment of the invention, the client sends the page data request aiming at the target page to the server. When receiving the page data request, the server acquires the regional page data of a plurality of display regions contained in the target page and sends the page identifier of the target page to the client. And when receiving the page identifier of the target page, the client sends an area data request carrying the page identifier of the target page to the server. When receiving the area data request, the server determines the target area page data of the display area in the target page which is currently acquired and is not sent to the client, and sends the target area page data and the area identification of the display area corresponding to the target area page data to the client. The client renders the target display area to which the area identifier in the target page belongs according to the received target area page data so as to display in the target display area, sends an area data request carrying the page identifier of the target page to the server until the area page data of all the display areas in the target page are obtained, and renders all the display areas in the target page so as to display the target page.

Based on the above processing, after the server receives the page data request for the target page, the server may obtain the area page data of the plurality of display areas included in the target page. Furthermore, when receiving a region data request sent by the client, the server can directly send the region page data of the display region of the acquired target page to the client, and does not need to send the region page data of all the display regions in the target page to the client after the region page data of all the display regions in the target page is acquired, so that the waiting time of the client for acquiring the page data can be reduced, and the time delay of the client for loading the page is reduced.

Drawings

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below.

Fig. 1 is a flowchart of a page display method provided in an embodiment of the present invention;

FIG. 2 is a flowchart of another page display method provided in an embodiment of the present invention;

FIG. 3 is a flowchart of another page display method provided in the embodiments of the present invention;

FIG. 4 is a flowchart of another page display method provided in the embodiments of the present invention;

FIG. 5 is a flowchart of another page display method provided in an embodiment of the present invention;

FIG. 6 is a flowchart of another page display method provided in an embodiment of the present invention;

fig. 7 is a flowchart of a method for obtaining page data according to an embodiment of the present invention;

FIG. 8 is a flowchart of another page display method provided in an embodiment of the present invention;

fig. 9 is a structural diagram of a page display apparatus provided in an embodiment of the present invention;

fig. 10 is a structural view of another page display apparatus provided in the embodiment of the present invention;

fig. 11 is a structural diagram of an electronic device provided in an embodiment of the present invention.

Detailed Description

The technical solutions in the embodiments of the present invention will be described below with reference to the drawings in the embodiments of the present invention.

In the prior art, when a server receives a page data request for a target page, the server obtains page data of the target page, and returns the page data of the target page to a client only after obtaining all the page data of the target page, which may result in a long waiting time for the client to obtain the page data, and further may result in a long time delay for the client to load the page.

In order to solve the above technical problem, an embodiment of the present invention provides a page display system, where the page display system includes: a server and a client, wherein:

and the client is used for sending a page data request aiming at the target page to the server.

And the server is used for acquiring the regional page data of the plurality of display regions contained in the target page and sending the page identifier of the target page to the client when receiving the page data request.

And the client is also used for sending an area data request carrying the page identifier of the target page to the server when receiving the page identifier of the target page.

And the server is further used for determining the area page data of the display area in the target page which is currently acquired and is not sent to the client as the target area page data when receiving the area data request, and sending the target area page data and the area identifier of the display area corresponding to the target area page data to the client.

The client is further used for rendering in a target display area to which the area identifier in the target page belongs according to the received target area page data so as to display in the target display area, sending an area data request carrying the page identifier of the target page to the server until the area page data of all the display areas in the target page are obtained, and completing rendering of all the display areas in the target page so as to display the target page.

Based on the page display system provided by the embodiment of the invention, after the server receives the page data request aiming at the target page, the server can acquire the regional page data of a plurality of display regions contained in the target page. Furthermore, when receiving a region data request sent by the client, the server can directly send the region page data of the display region of the acquired target page to the client, and does not need to send the region page data of all the display regions in the target page to the client after the region page data of all the display regions in the target page is acquired, so that the waiting time of the client for acquiring the page data can be reduced, and the time delay of the client for loading the page is reduced.

For other embodiments of the above-described page display system, reference may be made to the following description of method embodiments of the client and the server.

Referring to fig. 1, fig. 1 is a flowchart of a page display method provided in an embodiment of the present invention, where the method may be applied to a client in the page display system, and the method may include the following steps:

s101: and sending a page data request aiming at the target page to the server so as to obtain the regional page data of a plurality of display regions contained in the target page when the server receives the page data request, and sending the page identifier of the target page to the client.

S102: when receiving the page identifier of the target page, sending an area data request carrying the page identifier of the target page to the server, so that when receiving the area data request, the server determines the area page data of the display area in the target page which is currently acquired and is not sent to the client as the target area page data, and sends the target area page data and the area identifier of the display area corresponding to the target area page data to the client.

S103: receiving target area page data and area identification sent by a server, rendering in a target display area to which the area identification in the target page belongs according to the target area page data so as to display in the target display area, and returning to execute the step of sending an area data request carrying the page identification of the target page to the server until area page data of all display areas in the target page are obtained, and finishing rendering of all display areas in the target page so as to display the target page.

According to the page display method provided by the embodiment of the invention, after the server receives the page data request aiming at the target page, the regional page data of a plurality of display regions contained in the target page can be obtained. Furthermore, when receiving a region data request sent by the client, the server can directly send the region page data of the display region of the acquired target page to the client, and does not need to send the region page data of all the display regions in the target page to the client after the region page data of all the display regions in the target page is acquired, so that the waiting time of the client for acquiring the page data can be reduced, and the time delay of the client for loading the page is reduced.

For step S101, the target page may be any page that the client needs to display. The client can display different pages according to the operation of the user, different page contents can be displayed in each page, and the user can browse the page contents displayed in the different pages of the client.

Accordingly, when the user needs to browse the target page of the client, the user can input a display instruction for the target page to the client. Furthermore, when receiving the display instruction, the client may send a page data request for the target page to the server, where the page request message is used to obtain page data of the target page.

Accordingly, after receiving the page data request, the server obtains the area page data of each display area included in the target page, and sends the page identifier (which may be referred to as a target page identifier) of the target page to the client.

In one embodiment of the invention, the target page may include a plurality of display regions, one display region corresponding to one display region in the display interface of the client. After the server receives the page data request, each display area contained in the target page can be determined. The specific processing manner of the server can be referred to in the related introduction of the subsequent embodiments.

If the size of the target page is the same as that of the display interface of the client, that is, the display interface of the client can display all the page contents of the target page at one time, the client can display the target page according to the method provided by the embodiment of the invention.

If the size of the target page is larger than the size of the display interface of the client, that is, only a part of the page content of the target page can be displayed on the display interface of the client at one time, when the client browses the target page, the user needs to perform a sliding operation in the display interface of the client, so that the client displays the remaining page content. The client can complete rendering of all the page contents of the target page according to the method provided by the embodiment of the invention, and display the currently displayable page contents in the display interface of the client according to the size of the display interface of the client. And subsequently, displaying the rest page content according to the operation of the user in the target page.

For step S102, after receiving the target page identifier, the client indicates that the server has received a page data request for the target page, and starts to acquire area page data of each display area in the target page. Furthermore, the client may send an area data request carrying the destination page identifier to the server, so as to obtain area page data of each display area in the destination page.

Accordingly, when receiving the region data request, the server may determine region page data (i.e., target region page data) of a display region in the target page that is currently acquired and is not sent to the client, and send the target region page data and a region identifier (which may be referred to as a target region identifier) of the display region corresponding to the target region page data to the client, where the display region corresponding to the target region page data is used to display page content corresponding to the target region page data. The specific processing manner of the server can be referred to in the related introduction of the subsequent embodiments.

For step S103, the area id of one display area is used to indicate the position of the display area in the target page. The area identification for a display area may be: the coordinates of the display area in the destination page. Alternatively, the area identifier of one display area may be: the size of the display area and the serial number of the display area. The sequence number of each display area indicates the order of the positions of each display area in the target page from top to bottom.

The client can receive the target area page data and the target area identifier sent by the server and determine the target display area of the received target area identifier in the target page. Then, according to the target area page data, rendering is performed in the target display area, where the target display area is a display area of the target page for displaying the page content corresponding to the target area page data, and rendering is performed in the target display area, so that the page content corresponding to the target area page data can be displayed in the target display area.

In the embodiment of the invention, the server can start a plurality of threads and respectively acquire the regional page data of each display region in the target page through the plurality of threads in a parallel processing mode.

The server obtains the area page data of each display area in the target page through a plurality of threads, so that the target area page data may be a part of page data of the target page, that is, when the client finishes rendering based on the target area page data, only a part of page content of the target page is displayed.

Correspondingly, in order to completely display all page contents of the target page, the client may send the region data request carrying the target page identifier to the server again. When the server receives the area data request, it may determine again the target area page data of the display area in the target page that has been currently acquired and is not sent to the client, that is, determine the area page data of each display area in the target page that the server acquired after last sending the target area page data to the client. The server may then send the target area page data and the corresponding target area identification to the client again.

Furthermore, the client may receive the target area page data and the target area identifier sent by the server, and render in the target display area to which the target area identifier received this time belongs according to the target area page data received this time, so as to display the page content corresponding to the target area page data received this time in the target display area determined this time, until the area page data of all display areas in the target page is obtained, and render of all display areas in the target page is completed, that is, all page content of the target page is completely displayed.

In an embodiment of the present invention, on the basis of fig. 1, referring to fig. 2, step S102 may include the following steps:

s1021: and when the page identifier of the target page is received, sending an area data request carrying the page identifier of the target page to the server through the data acquisition thread.

Accordingly, step S103 may include the steps of:

s1031: and receiving target area page data and an area identifier sent by the server through the data acquisition thread, sending the target area page data and the area identifier to the rendering thread, and returning to execute the step of sending an area data request carrying the page identifier of the target page to the server until the area page data of all display areas in the target page are acquired.

S1032: and rendering in a target display area to which the area identifier in the target page belongs through the rendering thread according to the target area page data so as to display in the target display area until rendering of all display areas in the target page is completed so as to display the target page.

In one implementation, the client may start a data acquisition thread and a rendering thread upon receiving the target page identifier. Then, the client can send an area data request carrying the target page identifier to the server through the data acquisition thread, and receive the target area page data and the target area identifier sent by the server through the data acquisition thread.

Furthermore, the client can send the target area page data and the target area identifier to the rendering thread through the data acquisition thread, render in the target display area to which the target area identifier belongs through the rendering thread according to the target area page data, and send the area data request carrying the target page identifier to the server again through the data acquisition thread until the area page data of all the display areas in the target page are acquired, and complete rendering of all the display areas in the target page to display the target page.

Based on the processing, after the client sends the target area page data to the rendering thread through the data acquisition thread, the rendering thread renders the target area page data in the target display area, and simultaneously, the client can send the area data request to the server again through the data acquisition thread. That is, while the client renders in the target display area based on the target area page data, the client may obtain the area page data corresponding to the other display areas outside the target display area, instead of obtaining the area page data corresponding to the other display areas outside the target display area after completing the rendering based on the target area page data, which may reduce the waiting time when the client obtains the page data, and may further reduce the time delay of the client for loading the page.

In one embodiment of the invention, the client may also determine whether the completion target page has been displayed.

In one implementation, the client may determine whether an unrendered display area currently exists in the target page. If the unrendered display area exists, which indicates that the area page data of the display area of the target page, which is not acquired, exists, the client may send the area data request to the server again to acquire the area page data of the display area of the target page, which is not currently acquired, until the area page data of all the display areas in the target page are acquired, and rendering of all the display areas in the target page is completed to display the target page.

If the unrendered display area does not exist, the client side can determine that the area page data of all the display areas in the target page are acquired. Accordingly, rendering based on the received region page data, that is, rendering of all display regions in the target page is completed, that is, the target page is displayed.

In another implementation, the method may further include the steps of: and if the preset identification sent by the server is received, determining that the area page data of all the display areas in the target page are acquired.

If the server determines that the acquired regional page data of all the display regions in the target page are obtained, when the server sends the target regional page data to the client, the server can send preset identifiers used for representing the acquired regional page data of all the display regions in the target page to the client.

Correspondingly, when the client receives the preset identifier sent by the server, the client can determine that the area page data of all the display areas in the target page are acquired. Accordingly, rendering based on the received region page data, that is, rendering of all display regions in the target page is completed, that is, the target page is displayed.

Referring to fig. 3, fig. 3 is a flowchart of another page display method provided in an embodiment of the present invention, where the method may be applied to a server in the page display system, and the method may include the following steps:

s301: when a page data request aiming at a target page sent by a client is received, area page data of a plurality of display areas contained in the target page are obtained.

S302: and sending the page identification of the target page to the client.

S303: when receiving an area data request which is sent by a client and carries a page identifier of a target page, determining area page data of a display area in the target page which is currently acquired and is not sent to the client as the target area page data, sending the target area page data and the area identifier of the display area corresponding to the target area page data to the client until sending the area page data of all the display areas in the target page to the client, so that the client finishes rendering all the display areas in the target page to display the target page.

With respect to step S301, the target page may be any page that the client needs to display. The client can display different pages according to the operation of the user, different page contents can be displayed in each page, and the user can browse the page contents displayed in the different pages of the client.

Accordingly, when the user needs to browse the target page of the client, the user can input a display instruction for the target page to the client. Further, when receiving the display instruction, the client may send a page data request for the target page to the server.

Accordingly, after receiving the page data request, the server may obtain the area page data of each display area in the target page.

In an embodiment of the present invention, on the basis of fig. 3, referring to fig. 4, step S301 may include the following steps:

s3011: when a page data request aiming at a target page sent by a client is received, determining the acquisition sequence of the region page data of each display region in the target page.

The obtaining sequence is determined based on the positions of the display areas in the target page.

S3012: and adding a data acquisition task corresponding to the area page data of each display area in a preset task queue according to the acquisition sequence.

S3013: and acquiring a current unprocessed data acquisition task from the preset task queue through each thread, and acquiring the region page data of the corresponding display region according to the data acquisition task until the unprocessed data acquisition task does not exist in the preset task queue.

In one implementation, after receiving a page data request for a target page, a server may determine each display area in the target page and determine an acquisition sequence of area page data of each display area. The server may determine the acquisition sequence of the area page data of each display area in the following manner.

In a first mode, the server may divide the target page into a plurality of display areas, and the server may directly equally divide the target page into a plurality of display areas. For example, the server may divide the target page equally into three display regions in a top-down direction. Alternatively, the server may determine a plurality of display regions in the target page according to the display content in the target page. For example, the target page is a video display page, the target page may display a plurality of types of videos, and the server may determine a display position for displaying the same type of video in the target page as one display area.

And then, determining the sequence of the positions of the display areas in the target page from top to bottom as the acquisition sequence of the area page data of the display areas.

In a second mode, the server may obtain page layout information of the locally stored target page, where the page layout information records each display area in the target page and the sequence of the positions of each display area in the target page from top to bottom. Then, the server may use the sequence of the positions of the display areas in the target page from top to bottom as the sequence of acquiring the area page data of the display areas.

Then, the server may add the data acquisition tasks corresponding to the area page data of each display area in a preset task queue according to the acquisition sequence of the area page data of each display area. The pre-provisioned task queue may be an RMQ (socket MQ, a piece of distributed messaging middleware) queue.

Furthermore, the server can acquire a current unprocessed data acquisition task from a preset task queue through each thread according to the acquisition sequence of the area page data of each display area, and acquire the area page data of the corresponding display area according to the data acquisition task.

Illustratively, one display area in the target page is used to display the recommended video. And when the server acquires the area page data of the display area, determining the recommended video recommended to the user through a thread. Then, the server may obtain the video data of the recommended video through the thread, and process the obtained video data according to the playing requirement of the client, for example, perform format conversion on the video data, set the playing sequence of each recommended video, and the like, to obtain the area page data of the display area.

Or one display area in the target page is used for displaying the focus map of the page. When the server acquires the area page data of the display area, a plurality of pictures contained in the focus picture are acquired through one thread. Then, the server may process the acquired multiple pictures according to the display requirements of the client by using the thread, for example, setting a display order of the multiple pictures, switching a display mode of the multiple pictures, and the like, to obtain the area page data of the display area.

The preset task queue stores a plurality of data acquisition tasks, and when the number of threads started by the server is greater than or equal to the number of the data acquisition tasks, the server can respectively acquire the area page data corresponding to the data acquisition tasks through the plurality of threads according to a parallel processing mode, namely, the area page data of each display area of the target page is acquired simultaneously.

When the number of threads started by the server is smaller than the number of data acquisition tasks, the server can acquire the data acquisition tasks (which can be called target data acquisition tasks) with the same number as the threads from a preset queue through a plurality of threads according to the acquisition sequence of the regional page data of each display region, and respectively acquire the regional page data corresponding to the target data acquisition tasks through the plurality of threads in a parallel processing mode.

After a thread acquires the area page data corresponding to the corresponding target data acquisition task, the thread may acquire a current unprocessed data acquisition task from a preset task queue according to the acquisition sequence of the area page data of each display area, and acquire the area page data of the corresponding display area according to the data acquisition task until the unprocessed data acquisition task does not exist in the preset task queue.

It can be understood that the server may first execute step S3012 and then open the multiple threads, that is, the server may first add the multiple data acquisition tasks corresponding to the page data request of the target page to the preset task queue and then open the multiple threads. Or the server may also start a plurality of threads first and then execute step S3012, that is, the server may start a plurality of threads first and then add a plurality of data acquisition tasks corresponding to the page data request of the target page to the preset task queue.

Based on the processing, the server respectively acquires the regional page data of each display region of the target page based on the acquisition sequence of the regional page data of each display region through a plurality of threads in a parallel processing pair mode, so that the time required for acquiring the page data of the target page can be reduced, the waiting time for the client to acquire the page data can be reduced, and the time delay for the client to load the page is further reduced.

In addition, the server respectively acquires the area page data of each display area of the target page according to the acquisition sequence of the area page data of each display area, so that the client can render each display area of the target page according to the acquisition sequence of the area page data of each display area. The sequence of acquiring the region page data of each display region is the sequence of the positions of the display regions in the target page from top to bottom. Correspondingly, the client can render each display area in the target page from top to bottom, namely, the target page is displayed from top to bottom, and as the user browses each display area in the page according to the sequence from top to bottom, namely, the target page can be displayed according to the sequence of the user browsing the page, the user experience can be improved.

For step S302, the target page identification may be: the page name of the target page. Or the target page identification may also be: the resulting MD5 code of the page data request for the target page is calculated based on MD5(Message Digest Algorithm 5), but is not limited thereto.

In one implementation, after receiving a page data request for a target page, a server may first obtain a page identifier of the target page (i.e., a target page identifier), and send the target page identifier to a client. Then, area page data of a plurality of display areas included in the target page is acquired. Correspondingly, after receiving the target page identifier, the client may send an area data request carrying the target page identifier to the server.

In another implementation, after the server receives the page data request for the target page, the server may start a plurality of threads, and obtain, through the plurality of threads, area page data of a plurality of display areas included in the target page. If one area page data of the display area of the target page is acquired, the server can send the acquired area page data and the target page identifier to the client. Correspondingly, the client can render in the target page according to the received regional page data, and send a regional data request carrying the target page identifier to the server.

For step S303, when receiving the area data request carrying the destination page identifier sent by the client, the server may determine, from the acquired area page data of the display area of the destination page, area page data that is not currently sent to the client (i.e., destination area page data). Then, the server may send the target area page data and the target area identifier of the display area corresponding to the target area page data to the client.

Accordingly, the client may render based on the received target area page data and the target area identifier, so as to display in the target display area to which the target area identifier belongs.

Correspondingly, in order to completely display all page contents of the target page, the client may send the region data request carrying the target page identifier to the server again. The specific processing manner of the client can be referred to in the related introduction of the foregoing embodiments.

Furthermore, when receiving the area data request sent by the client again, the server may determine the target area page data again, that is, determine the area page data of each display area in the target page acquired after the target area page data was sent to the client last time. Then, the server may send the target area page data determined this time and the target area identifier of the display area corresponding to the target area page data determined this time to the client until sending the area page data of all the display areas in the target page to the client.

Correspondingly, the client can render based on the received area page data and the target area identifier again until the area page data of all the display areas in the target page is obtained, and render of all the display areas in the target page is completed to display the target page. The specific processing manner of the client can be referred to in the related introduction of the foregoing embodiments.

In an embodiment of the present invention, on the basis of fig. 3, referring to fig. 5, the method may further include the steps of:

s304: and for each display area, correspondingly storing the acquired area page data of the display area, the area identifier of the display area and the page identifier of the target page into a preset database.

Accordingly, step S303 may include the steps of:

s3031: when receiving a regional data request which is sent by a client and carries a page identifier of a target page, acquiring regional page data which corresponds to the page identifier of the target page and is not sent to the client from all regional page data stored in a preset database, and taking the regional page data as the target regional page data.

S3032: and sending the target area page data and the area identification of the display area corresponding to the target area page data to the client until sending the area page data of all the display areas in the target page to the client, so that the client finishes the rendering of all the display areas in the target page to display the target page.

In an implementation manner, after acquiring the area page data of the display area for each display area of the target page, the server may store the acquired area page data of the display area, the area identifier of the display area, and the page identifier of the target page in a preset database by a thread that acquires the area page data of the display area. The preset database may be Redis (a kind of cache database).

Correspondingly, when receiving a regional data request carrying a target page identifier sent by a client, the server may obtain regional page data, which corresponds to the target page identifier and is not sent to the client, from each regional page data stored in the preset database, to obtain the target regional page data. Further, the server may send the target area page data and the target area identifier of the display area corresponding to the target area page to the client.

After receiving the target area page data sent by the server, the client may send an area page data request carrying the target page identifier to the server again. Correspondingly, when the server receives the area page data request again, the server may obtain the current target area page data from the area page data stored in the preset database again, and send the current target area page data and the target area identifier to the client, until sending the area page data of all display areas in the target page to the client, so that the client completes rendering of all display areas in the target page to display the target page.

In an embodiment of the present invention, on the basis of fig. 3, referring to fig. 6, step S303 may include the following steps, including:

s3033: when receiving a regional data request which is sent by a client and carries a page identifier of a target page, determining regional page data of a display region in the target page which is currently acquired and is not sent to the client as target regional page data.

S3034: and if the area page data of all the display areas in the target page are acquired currently, sending a preset identifier, the target area page data and the area identifier of the display area corresponding to the target area page data to the client.

In one implementation, when receiving an area data request carrying a page identifier of a target page sent by a client, a server may obtain target area page data.

Correspondingly, when the client receives the preset identifier sent by the server, the client can determine that the area page data of all the display areas in the target page are acquired.

Referring to fig. 7, fig. 7 is a flowchart of a method for acquiring page data according to an embodiment of the present invention.

The client sends a page data request aiming at the target page to the server, and after the server receives the page data request, the server can determine each display area in the target page and determine the acquisition sequence of the area page data of each display area.

Then, the server may add the data acquisition task corresponding to the area page data of each display area in an RMQ queue (i.e., a preset task queue in the embodiment of the present invention) according to the acquisition sequence of the area page data of each display area. Furthermore, the server can acquire a current unprocessed data acquisition task from the preset task queue through each thread, acquire the area page data of the corresponding display area according to the data acquisition task, and store the acquired area page data to Redis.

For example, the server in fig. 7 opens 3 threads, which are: thread 1, thread 2, and thread 3. The thread 1 may obtain the data obtaining task 1 from the preset task queue, obtain the area page data 1 of the corresponding display area according to the data obtaining task 1, and store the area page data 1 to the Redis. The thread 2 may obtain the data obtaining task 2 from the preset task queue, obtain the area page data 2 of the corresponding display area according to the data obtaining task 2, and store the area page data 2 to the Redis. The thread 3 may obtain the data obtaining task 3 from the preset task queue, obtain the area page data of the corresponding display area according to the data obtaining task 3, and store the area page data 3 to the Redis.

In addition, the server may send the target page identification to the client after receiving the page data request for the target page. After receiving the target page identifier, the client may send an area data request carrying the target page identifier to the server, so as to obtain area page data of a display area of the target page. Correspondingly, after receiving the region data request, the server may obtain, from the Redis, the target region page data of the display region of the target page that is not sent to the client, and send the target region page data and the corresponding region identifier to the client until sending the region page data of all the display regions in the target page to the client, so that the client completes rendering of all the display regions in the target page to display the target page.

Referring to fig. 8, fig. 8 is a flowchart of another page display method provided in the embodiment of the present invention.

S801: the client sends a page data request for the target page to the server.

S802: when the server receives the page data request, the server acquires the regional page data of a plurality of display regions contained in the target page.

S803: and the server sends the page identification of the target page to the client.

S804: and when receiving the page identifier of the target page, the client sends an area data request carrying the page identifier of the target page to the server.

S805: when the server receives the area data request, the area page data of the display area in the target page which is obtained currently and is not sent to the client is determined to be used as the target area page data.

S806: and the server sends the target area page data and the corresponding area identification of the display area to the client.

S807: the client renders in a target display area to which the area identifier in the target page belongs according to the received target area page data so as to display in the target display area, sends an area data request carrying the page identifier of the target page to the server until the area page data of all the display areas in the target page are obtained, and finishes rendering of all the display areas in the target page so as to display the target page.

Corresponding to the embodiment of the method in fig. 1, referring to fig. 9, fig. 9 is a structural diagram of a page display apparatus provided in the embodiment of the present invention, where the apparatus is applied to a client, and the apparatus includes:

a first sending module 901, configured to send a page data request for a target page to a server, so that when the server receives the page data request, area page data of multiple display areas included in the target page is obtained, and a page identifier of the target page is sent to the client;

a second sending module 902, configured to send, when receiving the page identifier of the target page, an area data request carrying the page identifier of the target page to the server, so that when receiving the area data request, the server determines, as target area page data, area page data of a display area in the target page that is currently acquired and is not sent to the client, and sends, to the client, the target area page data and an area identifier of a display area corresponding to the target area page data;

a rendering module 903, configured to receive the target area page data and the area identifier sent by the server, render, according to the target area page data, in a target display area to which the area identifier in the target page belongs, so as to display in the target display area, and trigger the second sending module 902 to execute a step of sending an area data request carrying the page identifier of the target page to the server, until area page data of all display areas in the target page is obtained, complete rendering of all display areas in the target page, so as to display the target page.

Optionally, the second sending module 902 is specifically configured to send, through a data obtaining thread, an area data request carrying the page identifier of the target page to the server when the page identifier of the target page is received;

the rendering module 903 is specifically configured to receive, through the data obtaining thread, the target area page data and the area identifier sent by the server, and send the target area page data and the area identifier to a rendering thread;

Optionally, the apparatus further comprises:

Based on the page display device provided by the embodiment of the invention, after the server receives the page data request aiming at the target page, the server can acquire the regional page data of a plurality of display regions contained in the target page. Furthermore, when receiving a region data request sent by the client, the server can directly send the region page data of the display region of the acquired target page to the client, and does not need to send the region page data of all the display regions in the target page to the client after the region page data of all the display regions in the target page is acquired, so that the waiting time of the client for acquiring the page data can be reduced, and the time delay of the client for loading the page is reduced.

Corresponding to the embodiment of the method in fig. 3, referring to fig. 10, fig. 10 is a block diagram of another page display apparatus provided in an embodiment of the present invention, where the apparatus is applied to a server, and the apparatus includes:

an obtaining module 1001, configured to obtain, when a page data request for a target page sent by a client is received, area page data of multiple display areas included in the target page;

a first sending module 1002, configured to send a page identifier of the target page to the client;

a second sending module 1003, configured to, when receiving a region data request which is sent by the client and carries the page identifier of the target page, determine, as target region page data, region page data of a display region in the target page, which is currently acquired and is not sent to the client, and send the target region page data and the region identifier of the display region corresponding to the target region page data to the client until sending the region page data of all the display regions in the target page to the client, so that the client completes rendering of all the display regions in the target page to display the target page.

Optionally, the obtaining module 1001 is specifically configured to determine, when a page data request for a target page sent by a client is received, a sequence of obtaining area page data of each display area in the target page; the obtaining sequence is determined based on the positions of the display areas in the target page;

Optionally, the apparatus further comprises:

the second sending module 1003 is specifically configured to obtain, from each regional page data stored in the preset database, regional page data that corresponds to the page identifier of the target page and is not sent to the client as the target regional page data;

Optionally, the second sending module 1003 is specifically configured to, when receiving a regional data request which is sent by the client and carries the page identifier of the target page, determine regional page data of a display region in the target page, which is currently obtained and is not sent to the client, as the target regional page data;

An embodiment of the present invention further provides an electronic device, as shown in fig. 11, including a processor 1101, a communication interface 1102, a memory 1103 and a communication bus 1104, where the processor 1101, the communication interface 1102 and the memory 1103 complete mutual communication through the communication bus 1104,

a memory 1103 for storing a computer program;

the processor 1101 is configured to implement the page display method applied to the client in the above embodiment or the page display method applied to the server in the above embodiment when executing the program stored in the memory 1103.

The communication bus mentioned in the electronic device may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.

The communication interface is used for communication between the electronic equipment and other equipment.

The Memory may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.

The Processor may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the device can also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.

In still another embodiment provided by the present invention, a computer-readable storage medium is further provided, in which a computer program is stored, and the computer program, when executed by a processor, implements the page display method applied to the client in the above-mentioned embodiment or the page display method applied to the server in the above-mentioned embodiment.

In yet another embodiment provided by the present invention, there is also provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the page display method applied to the client in the above embodiment or the page display method applied to the server in the above embodiment.

In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the invention to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.

It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.

All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the apparatus, system, electronic device, computer-readable storage medium, and computer program product embodiments, the description is relatively simple as it is substantially similar to the method embodiments, and reference may be made to some descriptions of the method embodiments for related points.

The above description is only for the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.

Claims

1. A page display system, characterized in that the page display system comprises: a server and a client, wherein:

2. A page display method is applied to a client side and comprises the following steps:

3. The method according to claim 2, wherein the sending, to the server, the area data request carrying the page identifier of the target page when receiving the page identifier of the target page includes:

4. The method of claim 2, further comprising:

5. A page display method is applied to a server and comprises the following steps:

sending the page identification of the target page to the client;

6. The method according to claim 5, wherein when receiving a page data request for a target page sent by a client, acquiring region page data of a plurality of display regions included in the target page comprises:

7. The method of claim 5, further comprising:

8. The method according to claim 5, wherein when receiving an area data request carrying a page identifier of the target page sent by the client, determining area page data of a display area in the target page, which is currently acquired and is not sent to the client, as target area page data, and sending the target area page data and the area identifier of the display area corresponding to the target area page data to the client, includes:

9. A page display apparatus, wherein the apparatus is applied to a client, the apparatus comprising:

10. A page display device, which is applied to a server, the device comprising:

11. An electronic device is characterized by comprising a processor, a communication interface, a memory and a communication bus, wherein the processor and the communication interface are used for realizing mutual communication by the memory through the communication bus;

a memory for storing a computer program;

a processor for implementing the method steps of any of claims 2 to 4, or claims 5 to 8, when executing a program stored in a memory.

12. A computer-readable storage medium, characterized in that a computer program is stored in the computer-readable storage medium, which computer program, when being executed by a processor, carries out the method steps of claims 2-4 or any of claims 5-8.