A page display method, device, system, electronic device, and storage medium

By having the client and server work together, the display area of ​​the target page is first obtained and rendered, which solves the problem of long client waiting time and reduces page loading latency.

CN113918849BActive Publication Date: 2025-11-21BEIJING QIYI CENTURY SCI & TECH CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN202111180592.6
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-10-11
Publication Date
2025-11-21
Estimated Expiration
2041-10-11

AI Technical Summary

Technical Problem

In existing technologies, the client only returns page data after obtaining all page data of the target page, which results in a long waiting time for the client to obtain page data, and consequently a large page loading latency.

Method used

After the client sends a page data request to the server, the server obtains and sends the page identifier of the target page. The client then sends a region data request based on the page identifier. The server directly sends the obtained display region page data, and the client renders the data in the target display region until all display regions are rendered.

Benefits of technology

This reduces the waiting time for the client to retrieve page data and lowers the latency of the client loading the page.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113918849B_ABST
    Figure CN113918849B_ABST
Patent Text Reader

Abstract

Embodiments of the present application provide a page display method, device, system, electronic equipment and storage medium. A client sends a page data request for a target page to a server. The server receives the page data request, obtains region page data of a plurality of display regions contained in the target page, and sends a page identifier of the target page to the client. The client sends a region data request carrying the page identifier of the target page to the server. The server receives the region data request, and sends target region page data and a region identifier of a corresponding display region to the client. The client renders the target region page data in a target display region to which the region identifier belongs, and again sends a region data request to the server until region page data of all display regions in the target page is obtained, rendering of all display regions in the target page is completed, and the target page is displayed. The time delay of the client loading the page can be reduced.
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of Internet, in particular to a page display method, device, system, electronic equipment and storage medium. BACKGROUND

[0002] With the rapid development of Internet technology, the functions provided by the client for users are also more and more, and users can browse various network resources through the client, for example, users can watch videos through the client.

[0003] In the prior art, when a user needs to browse a target page of a client, the user can input a display instruction for the target page to the client. When the display instruction is received, 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 obtaining all the page data of the target page. The client can render according to the received page data to display the target page.

[0004] However, the server returns the page data of the target page to the client only after obtaining all the page data of the target page, which results in a long waiting time for the client to obtain the page data, and further results in a large time delay for the client to load the page. SUMMARY

[0005] The purpose of the embodiments of the present application is to provide a page display method, device, system, electronic equipment and storage medium to reduce the time delay of the client to load the page. The specific technical solutions are as follows:

[0006] In a first aspect of the present application, a page display system is first provided, comprising a server and a client, wherein:

[0007] The client is configured to send a page data request for a target page to the server.

[0008] The server is configured to obtain region page data of a plurality of display regions contained in the target page when the page data request is received, and send a page identifier of the target page to the client.

[0009] The client is further configured to send a region data request carrying the page identifier of the target page to the server when the page identifier of the target page is received.

[0010] The server is further configured to, when receiving the region data request, determine region page data of a display region in the target page that has been acquired but 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.

[0011] The client is further configured to, according to the target region page data received, render in a target display region in the target page to which the region identifier belongs, and display in the target display region, and perform the step of sending a region data request carrying the page identifier of the target page to the server until all region page data of display regions in the target page are acquired, rendering of all display regions in the target page is completed, and the target page is displayed.

[0012] In a second aspect of the embodiment of the present application, a page display method is further provided, which is applied to a client, and the method comprises:

[0013] sending a page data request for a target page to a server, so that when the server receives the page data request, the server acquires region page data of a plurality of display regions contained in the target page, and sends a page identifier of the target page to the client;

[0014] when receiving the page identifier of the target page, sending a region data request carrying the page identifier of the target page to the server, so that when the server receives the region data request, the server determines region page data of a display region in the target page that has been acquired but not sent to the client as target region page data, and sends the target region page data and a region identifier of the display region corresponding to the target region page data to the client;

[0015] receiving the target region page data and the region identifier sent by the server, and according to the target region page data, rendering in a target display region in the target page to which the region identifier belongs, and displaying in the target display region, and returning to perform the step of sending a region data request carrying the page identifier of the target page to the server until all region page data of display regions in the target page are acquired, rendering of all display regions in the target page is completed, and the target page is displayed.

[0016] Optionally, the step of, when receiving the page identifier of the target page, sending a region data request carrying the page identifier of the target page to the server, comprises:

[0017] Upon receiving the page identifier of the target page, sending, by a data acquisition thread, a region data request carrying the page identifier of the target page to the server;

[0018] The receiving the target region page data and the region identifier sent by the server, and rendering in a target display region in the target page to which the region identifier belongs according to the target region page data, so as to display in the target display region, comprises:

[0019] Receiving, by the data acquisition thread, the target region page data and the region identifier sent by the server, and sending the target region page data and the region identifier to a rendering thread;

[0020] Rendering, by the rendering thread, in a target display region in the target page to which the region identifier belongs according to the target region page data, so as to display in the target display region.

[0021] Optionally, the method further comprises:

[0022] If the preset identifier sent by the server is received, it is determined that the region page data of all display regions in the target page has been acquired.

[0023] In a third aspect of the embodiment of the present application, a page display method is further provided, which is applied to a server, and the method comprises:

[0024] When a page data request for a target page sent by a client is received, acquiring region page data of a plurality of display regions contained in the target page;

[0025] Sending a page identifier of the target page to the client;

[0026] When a region data request carrying the page identifier of the target page sent by the client is received, determining region page data of a display region in the target page which has been acquired and not sent to the client as target region page data, and sending the target region page data and a region identifier of the display region corresponding to the target region page data to the client, until the region page data of all display regions in the target page is sent to the client, so that the client completes rendering of all display regions in the target page, and displays the target page.

[0027] Optionally, the acquiring region page data of a plurality of display regions contained in the target page when a page data request for a target page sent by a client is received comprises:

[0028] When receiving the page data request sent by the client and carrying the page identifier of the target page, determining the acquisition sequence of the region page data of each display region in the target page, wherein the acquisition sequence is determined based on the positions of the display regions in the target page;

[0029] According to the acquisition sequence, adding data acquisition tasks corresponding to the region page data of each display region in a preset task queue;

[0030] By each thread, acquiring a current unprocessed data acquisition task from the preset task queue, and acquiring the region page data of the corresponding display region according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue.

[0031] Optionally, the method further comprises:

[0032] For each display region, storing the acquired region page data of the display region, the region identifier of the display region, and the page identifier of the target page in a preset database;

[0033] The determining of the region page data of the display region in the target page that has been acquired and not sent to the client as target region page data, and the sending of the target region page data and the region identifier of the display region corresponding to the target region page data to the client, comprises:

[0034] From the region page data stored in the preset database, acquiring the region page data corresponding to the page identifier of the target page and not sent to the client as target region page data;

[0035] Sending the target region page data and the region identifier of the display region corresponding to the target region page data to the client.

[0036] Optionally, the determining of the region page data of the display region in the target page that has been acquired and not sent to the client as target region page data, and the sending of the target region page data and the region identifier of the display region corresponding to the target region page data to the client when receiving the region data request sent by the client and carrying the page identifier of the target page, comprises:

[0037] When receiving the region data request sent by the client and carrying the page identifier of the target page, determining the region page data of the display region in the target page that has been acquired and not sent to the client as target region page data;

[0038] If all the region page data of the display regions in the target page have been acquired, the preset identifier, the target region page data, and the region identifier of the display region corresponding to the target region page data are sent to the client.

[0039] In the fourth aspect of the present application, a page display device is also provided, which is applied to a client and comprises:

[0040] A first sending module is configured to send a page data request for a target page to a server, so that when the server receives the page data request, the server acquires region page data of a plurality of display regions contained in the target page and sends a page identifier of the target page to the client.

[0041] A second sending module is configured to send a region data request carrying the page identifier of the target page to the server when the page identifier of the target page is received, so that when the server receives the region data request, the server determines region page data of a display region in the target page that has been acquired and not sent to the client as target region page data, and sends the target region page data and a region identifier of the display region corresponding to the target region page data to the client.

[0042] A rendering module is configured to receive the target region page data and the region identifier sent by the server, and perform rendering in a target display region in the target page to which the region identifier belongs according to the target region page data, so as to display in the target display region, and trigger the second sending module to perform the step of sending the region data request carrying the page identifier of the target page to the server until all the region page data of the display regions in the target page are acquired, and the rendering of all the display regions in the target page is completed, so as to display the target page.

[0043] Optionally, the second sending module is specifically configured to send the region data request carrying the page identifier of the target page to the server through a data acquisition thread when the page identifier of the target page is received.

[0044] The rendering module is specifically configured to receive the target region page data and the region identifier sent by the server through the data acquisition thread, and send the target region page data and the region identifier to a rendering thread.

[0045] The rendering thread performs rendering in a target display region in the target page to which the region identifier belongs according to the target region page data, so as to display in the target display region.

[0046] Optionally, the apparatus further comprises:

[0047] a determining module configured to determine that the region page data of all display regions in the target page has been acquired if the preset identifier sent by the server is received.

[0048] In a fifth aspect, the present application provides a page display apparatus, which is applied to a server and comprises:

[0049] an acquiring module configured to acquire region page data of a plurality of display regions contained in a target page when a page data request for the target page sent by a client is received;

[0050] a first sending module configured to send a page identifier of the target page to the client;

[0051] a second sending module configured to, when a region data request carrying the page identifier of the target page sent by the client is received, determine region page data of a display region in the target page which has been acquired and 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, until region page data of all display regions in the target page is sent to the client, so that the client completes rendering of all display regions in the target page to display the target page.

[0052] Optionally, the acquiring module is specifically configured to determine an acquisition sequence of region page data of each display region in a target page when a page data request for the target page sent by a client is received; wherein the acquisition sequence is determined based on positions of the display regions in the target page.

[0053] add, in a preset task queue, data acquisition tasks corresponding to the region page data of the display regions according to the acquisition sequence;

[0054] acquire, by each thread, a current unprocessed data acquisition task from the preset task queue, and acquire region page data of a corresponding display region according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue.

[0055] Optionally, the apparatus further comprises:

[0056] a storage module configured to store, for each display region, the acquired region page data of the display region, the region identifier of the display region, and the page identifier of the target page to a preset database;

[0057] The second sending module is specifically configured to acquire, from the regional page data corresponding to the page identifier of the target page and stored in the preset database and not sent to the client, the target regional page data as target regional page data.

[0058] The target regional page data and the region identifier of the display region corresponding to the target regional page data are sent to the client.

[0059] Optionally, the second sending module is specifically configured to, when receiving the regional data request sent by the client and carrying the page identifier of the target page, determine the regional page data of the display region in the target page that has been acquired and not sent to the client as the target regional page data.

[0060] If all the regional page data of the display region in the target page has been acquired, the preset identifier, the target regional page data and the region identifier of the display region corresponding to the target regional page data are sent to the client.

[0061] In another aspect of the present application, an electronic device is also provided, which comprises a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory complete communication with each other through the communication bus.

[0062] The memory is used for storing a computer program.

[0063] The processor is used for executing the program stored on the memory, and realizes the page display method of the second aspect or any one of the third aspects.

[0064] In another aspect of the present application, a computer readable storage medium is also provided, which stores a computer program, and the computer program is executed by the processor to realize the page display method of the second aspect or any one of the third aspects.

[0065] In another aspect of the present application, a computer program product containing instructions is also provided, which, when running on a computer, enables the computer to execute the page display method of the second aspect or any one of the third aspects.

[0066] The technical scheme provided by the embodiment of the application comprises the following steps: a client sends a page data request for a target page to a server. When the server receives the page data request, the server acquires region page data of a plurality of display regions contained in the target page, and sends a page identifier of the target page to the client. When the client receives the page identifier of the target page, the client sends a region data request carrying the page identifier of the target page to the server. When the server receives the region data request, the server determines target region page data of a display region in the target page which has been acquired and not sent to the client, and sends 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 renders the target region page data received, in a target display region to which the region identifier belongs, to display in the target display region, and sends a region data request carrying the page identifier of the target page to the server until all region page data of all display regions in the target page are acquired, and rendering of all display regions in the target page is completed to display the target page.

[0067] Based on the above processing, after the server receives the page data request for the target page, the server can acquire region page data of a plurality of display regions contained in the target page. Furthermore, when the server receives the region data request sent by the client, the server can directly send the acquired region page data of the display regions of the target page to the client, without waiting for acquiring all region page data of all display regions in the target page, and then sending all region page data of all display regions in the target page to the client, so that the waiting time of the client when acquiring page data can be reduced, and the time delay of the client when loading a page can be reduced. BRIEF DESCRIPTION OF DRAWINGS

[0068] In order to more clearly illustrate the technical scheme in the embodiments of the application or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments or the prior art description.

[0069] Figure 1 A flowchart of a page display method provided in the embodiment of the application;

[0070] Figure 2 A flowchart of another page display method provided in the embodiment of the application;

[0071] Figure 3 A flowchart of another page display method provided in the embodiment of the application;

[0072] Figure 4 A flowchart of another page display method provided in the embodiment of the application;

[0073] Figure 5 A flowchart of another page display method provided in the embodiment of the application;

[0074] Figure 6 a flow chart of another page display method provided in the embodiments of the present application;

[0075] Figure 7 a flow chart of a page data obtaining method provided in the embodiments of the present application;

[0076] Figure 8 a flow chart of another page display method provided in the embodiments of the present application;

[0077] Figure 9 a structural diagram of a page display device provided in the embodiments of the present application;

[0078] Figure 10 a structural diagram of another page display device provided in the embodiments of the present application;

[0079] Figure 11 a structural diagram of an electronic device provided in the embodiments of the present application. DETAILED DESCRIPTION

[0080] The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings.

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

[0082] To solve the above technical problem, the embodiments of the present application provide a page display system, which comprises a server and a client, and wherein:

[0083] The client is configured to send a page data request for a target page to the server.

[0084] The server is configured to, when receiving the page data request, obtain region page data of a plurality of display regions contained in the target page, and send a page identifier of the target page to the client.

[0085] The client is further configured to, when receiving the page identifier of the target page, send a region data request carrying the page identifier of the target page to the server.

[0086] The server is further configured to, when receiving the region data request, determine region page data of a display region in the target page that has been acquired and 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.

[0087] The client is further configured to, according to the received target region page data, render in a target display region to which the region identifier belongs in the target page to display in the target display region, and send a region data request carrying the page identifier of the target page to the server until all region page data of all display regions in the target page are acquired, rendering of all display regions in the target page is completed, and the target page is displayed.

[0088] Based on the page display system provided by the embodiment, after the server receives the page data request for the target page, the server can acquire region page data of multiple display regions included in the target page. Furthermore, when receiving the region data request sent by the client, the server can directly send the acquired region page data of the display regions of the target page to the client, without waiting for acquiring the region page data of all display regions in the target page and then sending the region page data of all display regions in the target page to the client, so that the waiting time of the client when acquiring the page data can be reduced, and the time delay of the client when loading the page can be reduced.

[0089] For other embodiments of the page display system, refer to the related descriptions of the method embodiments of the client and the server.

[0090] Referring to Figure 1 , Figure 1 A flowchart of a page display method provided in the embodiment is shown in FIG. 1. The method can be applied to the client in the page display system, and can include the following steps.

[0091] S101: Send a page data request for a target page to a server, so that when the server receives the page data request, the server acquires region page data of multiple display regions included in the target page, and sends a page identifier of the target page to the client.

[0092] S102: When receiving the page identifier of the target page, send a region data request carrying the page identifier of the target page to the server, so that when the server receives the region data request, the server determines region page data of a display region in the target page that has been acquired and not sent to the client as target region page data, and sends the target region page data and a region identifier of the display region corresponding to the target region page data to the client.

[0093] S103: 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, to display in the target display area, and returning to the step of sending the 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 is acquired, and the rendering of all display areas in the target page is completed to display the target page.

[0094] Based on the page display method provided in the embodiment of the application, after the server receives the page data request for the target page, the area page data of the plurality of display areas contained in the target page can be acquired. Furthermore, when the area data request sent by the client is received, the server can directly send the area page data of the display areas of the target page acquired to the client, without waiting for the area page data of all display areas in the target page to be acquired, and then sending the area page data of all display areas in the target page to the client, so that the waiting time of the client when acquiring the page data can be reduced, and the time delay of the client when loading the page can be reduced.

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

[0096] Correspondingly, 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 the display instruction is received by the client, the client can send a page data request for the target page to the server, and the page request message is used to acquire the page data of the target page.

[0097] Correspondingly, after the server receives the page data request, the area page data of each display area contained in the target page is acquired, and the page identifier of the target page (which can be referred to as a target page identifier) is sent to the client.

[0098] In an embodiment of the application, the target page can include a plurality of display areas, and one display area corresponds to one display area 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 the related introduction of subsequent embodiments.

[0099] If the size of the target page is the same as the size of the display interface of the client, that is, the display interface of the client can display all page contents of the target page at a time, the client can display the target page according to the method provided in the embodiment of the application.

[0100] If the size of the target page is larger than the size of the display interface of the client, that is, the client can only display a part of the page content of the target page at one time, the user needs to perform a sliding operation in the display interface of the client to display the remaining page content when browsing the target page on the client. The client can complete rendering of all the page content of the target page according to the method provided in the embodiment of the application, and display the page content that can be currently displayed in the display interface of the client according to the size of the display interface of the client. Subsequently, the remaining page content is displayed according to the operation of the user in the target page.

[0101] For step S102, after the client receives the target page identifier, it indicates that the server has received the page data request for the target page, and starts to acquire the region page data of each display region in the target page. Further, the client can send a region data request carrying the target page identifier to the server to acquire the region page data of each display region in the target page.

[0102] Correspondingly, when the server receives the region data request, it can determine the region page data (that is, target region page data) of the display region in the target page that has been acquired but not sent to the client, and send the target region page data and the region identifier (which can be referred to as a target region identifier) of the display region corresponding to the target region page data to the client. The display region corresponding to the target region page data is used to display the page content corresponding to the target region page data. The specific processing manner of the server can be referred to the related introduction of subsequent embodiments.

[0103] For step S103, the region identifier of a display region is used to represent the position of the display region in the target page. The region identifier of a display region can be: the coordinates of the display region in the target page. Alternatively, the region identifier of a display region can also be: the size of the display region and the serial number of the display region. The serial numbers of the display regions represent the order of the display regions in the target page from top to bottom.

[0104] The client can receive the target region page data and the target region identifier sent by the server, and determine the target display region to which the received target region identifier belongs in the target page. Then, the target display region is rendered according to the target region page data, that is, the display region in the target page used to display the page content corresponding to the target region page data. The target display region is rendered, and the page content corresponding to the target region page data can be displayed in the target display region.

[0105] In the embodiment of the present application, the server can start multiple threads, and acquire the region page data of each display region in the target page in parallel through the multiple threads.

[0106] Since the server acquires the region page data of each display region in the target page through multiple threads, the target region page data can be part of the page data of the target page, that is, the client displays only part of the page content of the target page when completing the rendering based on the target region page data.

[0107] Correspondingly, in order to completely display all the page content of the target page, the client can send a region data request carrying the target page identifier to the server again. When receiving the region data request, the server can determine the target region page data of the display region in the target page that has been acquired and not sent to the client again, that is, determine the region page data of each display region in the target page acquired by the server after the last sending of the target region page data to the client. Then, the server can send the target region page data and the corresponding target region identifier to the client again.

[0108] Further, the client can receive the target region page data and the target region identifier sent by the server, and render in the target display region to which the target region identifier belongs according to the target region page data received this time, so as to display the page content corresponding to the target region page data received this time in the target display region determined this time, until the region page data of all the display regions in the target page is acquired, the rendering of all the display regions in the target page is completed, and the display of the target page is completed, that is, all the page content of the target page is completely displayed.

[0109] In one embodiment of the present application, based on Figure 1 , referring to Figure 2 , step S102 can include the following steps:

[0110] S1021: When receiving the page identifier of the target page, send a region data request carrying the page identifier of the target page to the server through the data acquisition thread.

[0111] Correspondingly, step S103 can include the following steps:

[0112] S1031: Receive the target region page data and the region identifier sent by the server through the data acquisition thread, send the target region page data and the region identifier to the rendering thread, and return to the step of sending a region data request carrying the page identifier of the target page to the server until the region page data of all the display regions in the target page is acquired.

[0113] S1032: According to the target region page data, the rendering thread renders in the target display region to which the target region identifier belongs, and displays the target display region until the rendering of all display regions in the target page is completed, and the target page is displayed.

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

[0115] Further, the client can send the target region page data and the target region identifier to the rendering thread through the data acquisition thread, render in the target display region to which the target region identifier belongs according to the target region page data through the rendering thread, and send a region data request carrying the target page identifier to the server through the data acquisition thread again until the region page data of all display regions in the target page is acquired, and the rendering of all display regions in the target page is completed, and the target page is displayed.

[0116] Based on the above processing, after the client sends the target region page data to the rendering thread through the data acquisition thread, the rendering in the target display region according to the target region page data through the rendering thread can be performed at the same time as the sending of the region data request to the server through the data acquisition thread. That is, the rendering in the target display region based on the target region page data can be performed at the same time as the acquisition of the region page data corresponding to other display regions outside the target display region, without the acquisition of the region page data corresponding to other display regions outside the target display region after the rendering based on the target region page data is completed. This can reduce the waiting time of the client when acquiring page data, and further reduce the page loading time delay of the client.

[0117] In an embodiment of the application, the client can also determine whether the target page is displayed completely.

[0118] In an implementation, the client can determine whether there is an unrendered display region in the target page. If there is an unrendered display region, it indicates that there is region page data of a display region in the target page that has not been acquired. The client can send a region data request to the server again to acquire the region page data of the current unacquired display region in the target page until the region page data of all display regions in the target page is acquired, and the rendering of all display regions in the target page is completed, and the target page is displayed.

[0119] If there is no unrendered display area, indicating that there is no area page data of the display area of the target page that has not been acquired, the client can determine that the area page data of all display areas in the target page has been acquired. Correspondingly, the rendering based on the received area page data is completed, that is, the rendering of all display areas in the target page is completed, that is, the display of the target page is completed.

[0120] In another implementation, the method can further include the following steps: if the preset identifier sent by the server is received, it is determined that the area page data of all display areas in the target page has been acquired.

[0121] If the server determines that the area page data of all display areas in the target page has been acquired, when sending the target area page data to the client, the server can send a preset identifier to the client to indicate that the area page data of all display areas in the target page has been acquired.

[0122] Correspondingly, when the client receives the preset identifier sent by the server, it can be determined that the area page data of all display areas in the target page has been acquired. Correspondingly, the rendering based on the received area page data is completed, that is, the rendering of all display areas in the target page is completed, that is, the display of the target page is completed.

[0123] Referring to Figure 3 , Figure 3 The flowchart of another page display method provided in the embodiment of the application can be applied to the server in the page display system, and the method can include the following steps:

[0124] S301: When receiving the page data request for the target page sent by the client, the area page data of the plurality of display areas contained in the target page is acquired.

[0125] S302: The page identifier of the target page is sent to the client.

[0126] S303: When receiving the area data request sent by the client and carrying the page identifier of the target page, the area page data of the display area in the target page that has been acquired and has not been sent to the client is determined as the target area page data, and the target area page data and the area identifier of the display area corresponding to the target area page data are sent to the client, until the area page data of all display areas in the target page is sent to the client, so that the client completes the rendering of all display areas in the target page to display the target page.

[0127] Based on the page display method provided in the embodiments of the present application, after the server receives the page data request for the target page, the region page data of the plurality of display regions contained in the target page can be acquired. Furthermore, when the region data request sent by the client is received, the server can directly send the acquired region page data of the display regions of the target page to the client, without waiting for the region page data of all the display regions in the target page to be acquired and then sending the region page data of all the display regions in the target page to the client, so that the waiting time of the client when acquiring the page data can be reduced, and the time delay of the client when loading the page can be reduced.

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

[0129] Correspondingly, 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 the display instruction is received by the client, the client can send a page data request for the target page to the server.

[0130] Correspondingly, after the server receives the page data request, the region page data of each display region in the target page can be acquired.

[0131] In one embodiment of the present application, based on Figure 3 , referring to Figure 4 , step S301 can include the following steps.

[0132] S3011: When the page data request for the target page sent by the client is received, the acquisition sequence of the region page data of each display region in the target page is determined.

[0133] The acquisition sequence is determined based on the positions of the display regions in the target page.

[0134] S3012: According to the acquisition sequence, the data acquisition task corresponding to the region page data of each display region is added to the preset task queue.

[0135] S3013: By each thread, a current unprocessed data acquisition task is acquired from the preset task queue, and the region page data of the corresponding display region is acquired according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue.

[0136] In one implementation, after receiving the page data request for the target page, the server can determine the display regions in the target page, and determine the acquisition sequence of the region page data of the display regions. The server can determine the acquisition sequence of the region page data of the display regions in the following manner.

[0137] In the first manner, the server can divide the target page into multiple display regions. The server can directly divide the target page into multiple display regions. For example, the server can divide the target page into three display regions in the direction from top to bottom. Alternatively, the server can determine the multiple 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, and the target page can display multiple types of videos. The server can determine the display position for displaying the videos of the same type in the target page as a display region.

[0138] Then, the order of the positions of the display regions in the target page from top to bottom is determined as the acquisition sequence of the region page data of the display regions.

[0139] In the second manner, the server can obtain the page layout information of the target page stored locally. The page layout information records the display regions in the target page and the order of the positions of the display regions in the target page from top to bottom. Then, the server can determine the order of the positions of the display regions in the target page from top to bottom as the acquisition sequence of the region page data of the display regions.

[0140] Then, the server can add the data acquisition tasks corresponding to the region page data of the display regions in the preset task queue in the acquisition sequence of the region page data of the display regions. The preset task queue can be a Rocket MQ queue.

[0141] Further, the server can obtain a current unprocessed data acquisition task from the preset task queue in the acquisition sequence of the region page data of the display regions by each thread, and obtain the region page data of the corresponding display region according to the data acquisition task.

[0142] For example, one display region in the target page is used to display recommended videos. When the server obtains the region page data of the display region, the server determines the recommended videos recommended to the user by a thread. Then, the server can obtain the video data of the recommended videos by the thread, and process the obtained video data according to the playback requirements of the client, for example, format conversion, setting the playback order of the recommended videos, etc., to obtain the region page data of the display region.

[0143] Alternatively, one display region in the target page is used to display a focus map of the page. When obtaining the region page data of the display region, the server obtains multiple pictures contained in the focus map through a thread. Then, the server can process the multiple pictures obtained through the thread according to the display requirements of the client, for example, set the display order of the multiple pictures, the switching display mode of the multiple pictures, and the like, to obtain the region page data of the display region.

[0144] The preset task queue stores multiple data obtaining tasks. When the number of threads started by the server is greater than or equal to the number of data obtaining tasks, the server can obtain the region page data corresponding to each of the multiple data obtaining tasks through multiple threads in a parallel processing manner, that is, simultaneously obtain the region page data of each display region of the target page.

[0145] When the number of threads started by the server is less than the number of data obtaining tasks, the server can obtain the same number of data obtaining tasks (which can be referred to as target data obtaining tasks) as the number of threads from the preset queue according to the acquisition sequence of the region page data of each display region, and obtain the region page data corresponding to the target data obtaining tasks through multiple threads in a parallel processing manner.

[0146] When a thread obtains the region page data corresponding to the target data obtaining task, the thread can obtain a current unprocessed data obtaining task from the preset task queue according to the acquisition sequence of the region page data of each display region, and obtain the region page data of the corresponding display region according to the data obtaining task until there is no unprocessed data obtaining task in the preset task queue.

[0147] It can be understood that the server can first perform step S3012 and then start multiple threads, that is, the server can first add the multiple data obtaining tasks corresponding to the page data request of the target page to the preset task queue and then start multiple threads. Alternatively, the server can first start multiple threads and then perform step S3012, that is, the server can first start multiple threads and then add the multiple data obtaining tasks corresponding to the page data request of the target page to the preset task queue, which is not specifically limited in the embodiments of the application.

[0148] Based on the above processing, the server obtains the region page data of each display region of the target page through multiple threads in a parallel processing manner according to the acquisition sequence of the region page data of each display region, which can reduce the time required to obtain the page data of the target page, and thus can reduce the waiting time of the client when obtaining the page data and further reduce the latency of the client when loading the page.

[0149] In addition, the server obtains the region page data of each display region of the target page according to the order of obtaining the region page data of each display region, so that the client renders each display region of the target page according to the order of obtaining the region page data of each display region. Since the order of obtaining the region page data of each display region is the order from top to bottom of the position of each display region in the target page, the client can render each display region in the target page from top to bottom, that is, display the target page from top to bottom. Since the user browses each display region in the page in the order from top to bottom, that is, the target page can be displayed in the order in which the user browses the page, the user experience can be improved.

[0150] For step S302, the target page identifier can be the page name of the target page. Alternatively, the target page identifier can be an MD5 code of the page data request for the target page calculated based on MD5 (Message Digest Algorithm 5), but is not limited thereto.

[0151] In an implementation manner, after the server receives the page data request for the target page, the server can first obtain the page identifier of the target page (i.e., the target page identifier) and send the target page identifier to the client. Then, the server obtains the region page data of the plurality of display regions included in the target page. Correspondingly, after the client receives the target page identifier, the client can send a region data request carrying the target page identifier to the server.

[0152] In another implementation manner, after the server receives the page data request for the target page, the server can start a plurality of threads and obtain the region page data of the plurality of display regions included in the target page through the plurality of threads. If the server obtains one region page data of the display regions of the target page, the server can send the obtained region page data and the target page identifier to the client. Correspondingly, the client can render in the target page according to the received region page data and send a region data request carrying the target page identifier to the server.

[0153] For step S303, when the server receives the region data request carrying the target page identifier sent by the client, the server can determine the region page data (i.e., the target region page data) of the display region of the target page that has not been sent to the client from the obtained region page data of the display regions of the target page. Then, the server can send the target region page data and the target region identifier of the display region corresponding to the target region page data to the client.

[0154] Correspondingly, the client can perform rendering based on the received target area page data and the target area identifier, and display in the target display area to which the target area identifier belongs.

[0155] Since the server obtains the area page data of each display area in the target page through multiple threads respectively, the target area page data can be part of the page data of the target page, that is, the client only displays part of the page content of the target page when completing rendering based on the target area page data.

[0156] Correspondingly, in order to completely display all page contents of the target page, the client can send an area data request carrying the target page identifier to the server again. The specific processing manner of the client can be referred to the related description of the foregoing embodiments.

[0157] Further, when receiving the area data request sent by the client again, the server can determine the target area page data again, that is, determine the area page data of each display area in the target page obtained after the last time of sending the target area page data to the client. Then, the server can 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 display areas in the target page to the client.

[0158] Correspondingly, the client can perform rendering based on the received target area page data and the target area identifier, and display in the target display area to which the target area identifier belongs.

[0159] In an embodiment of the present application, on the basis of Figure 3 , see Figure 5 The method can further include the following steps:

[0160] S304: For each display area, store the obtained 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.

[0161] Correspondingly, step S303 can include the following steps:

[0162] S3031: When receiving the area data request carrying the page identifier of the target page sent by the client, obtain the area page data corresponding to the page identifier of the target page and not sent to the client from the stored area page data in the preset database as the target area page data.

[0163] S3032: 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 all the area page data of all the display areas in the target page is sent to the client, so that the client completes the rendering of all the display areas in the target page and displays the target page.

[0164] In an implementation, for each display area of the target page, after obtaining the area page data of the display area, the server can store the obtained 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 through a thread for obtaining the area page data of the display area. The preset database can be Redis (a kind of cache database).

[0165] Correspondingly, when receiving the area data request sent by the client and carrying the target page identifier, the server can obtain the target area page data corresponding to the target page identifier and not sent to the client from the area page data stored in the preset database. Further, the server can send the target area page data and the target area identifier of the display area corresponding to the target area page to the client.

[0166] After the client receives the target area page data sent by the server, the client can send the area page data request carrying the target page identifier to the server again. Correspondingly, when receiving the area page data request again, the server can 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 all the area page data of all the display areas in the target page is sent to the client, so that the client completes the rendering of all the display areas in the target page and displays the target page.

[0167] In an embodiment of the present application, based on Figure 3 , see Figure 6 , the step S303 can include the following steps, including:

[0168] S3033: when receiving the area data request sent by the client and carrying the page identifier of the target page, determining the area page data of the display area in the target page that has been obtained and not sent to the client as the target area page data.

[0169] S3034: if all the area page data of all the display areas in the target page has been obtained, sending the 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.

[0170] In an implementation, when receiving the region data request sent by the client and carrying the page identifier of the target page, the server can acquire the target region page data.

[0171] If the server determines that the region page data of all display regions in the target page has been acquired, the server can send the preset identifier indicating the acquired region page data of all display regions in the target page to the client when sending the target region page data to the client.

[0172] Correspondingly, the client can determine that the region page data of all display regions in the target page has been acquired when receiving the preset identifier sent by the server.

[0173] Referring to Figure 7 , Figure 7 A flowchart of a method for acquiring page data provided in an embodiment of the present application.

[0174] The client sends a page data request for a target page to the server, and the server can determine each display region in the target page and determine the acquisition sequence of the region page data of each display region after receiving the page data request.

[0175] Then, the server can add the data acquisition task corresponding to the region page data of each display region in the RMQ queue (i.e., the preset task queue in the embodiment of the present application) according to the acquisition sequence of the region page data of each display region. Further, the server can acquire a current unprocessed data acquisition task from the preset task queue through each thread, acquire the region page data of the corresponding display region according to the data acquisition task, and store the acquired region page data to Redis.

[0176] For example, Figure 7 The server starts three threads, i.e., thread 1, thread 2 and thread 3. Thread 1 can acquire the data acquisition task 1 from the preset task queue, acquire the region page data 1 of the corresponding display region according to the data acquisition task 1, and store the region page data 1 to Redis. Thread 2 can acquire the data acquisition task 2 from the preset task queue, acquire the region page data 2 of the corresponding display region according to the data acquisition task 2, and store the region page data 2 to Redis. Thread 3 can acquire the data acquisition task 3 from the preset task queue, acquire the region page data 3 of the corresponding display region according to the data acquisition task 3, and store the region page data 3 to Redis.

[0177] In addition, after receiving the page data request for the target page, the server can send the target page identifier to the client. After receiving the target page identifier, the client can send the area data request carrying the target page identifier to the server to obtain the area page data of the display area of the target page. Correspondingly, after receiving the area data request, the server can obtain the target area page data of the display area of the target page which is not sent to the client from the Redis, and send the target area page data and the corresponding area identifier to the client until the area page data of all display areas in the target page is sent to the client, so that the client completes the rendering of all display areas in the target page to display the target page.

[0178] Referring to Figure 8 , Figure 8 is a flowchart of another page display method provided in the embodiments of the present application.

[0179] S801: The client sends a page data request for a target page to a server.

[0180] S802: The server obtains area page data of a plurality of display areas contained in the target page when receiving the page data request.

[0181] S803: The server sends a page identifier of the target page to the client.

[0182] S804: The client sends an area data request carrying the page identifier of the target page to the server when receiving the page identifier of the target page.

[0183] S805: The server determines the area page data of the display area in the target page which has been obtained and not sent to the client as target area page data when receiving the area data request.

[0184] S806: The server sends the target area page data and the area identifier of the corresponding display area to the client.

[0185] S807: The client renders in the target display area to which the area identifier belongs in the target page according to the received target area page data, and sends 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 is obtained, the rendering of all display areas in the target page is completed, and the target page is displayed.

[0186] Corresponding to the method embodiment of Figure 1 , referring to Figure 9 , Figure 9A structural diagram of a page display device provided in an embodiment of the present application is shown in the figure. The device is applied to a client and comprises:

[0187] A first sending module 901 is configured to send a page data request for a target page to a server, so that when the server receives the page data request, the server acquires region page data of a plurality of display regions contained in the target page and sends a page identifier of the target page to the client.

[0188] A second sending module 902 is configured to, when the page identifier of the target page is received, send a region data request carrying the page identifier of the target page to the server, so that when the server receives the region data request, the server determines region page data of a display region in the target page that has been acquired and not sent to the client as target region page data, and sends the target region page data and a region identifier of the display region corresponding to the target region page data to the client.

[0189] A rendering module 903 is configured to receive the target region page data and the region identifier sent by the server, and perform rendering in a target display region in the target page to which the region identifier belongs according to the target region page data, so as to display in the target display region, and trigger the second sending module 902 to perform the step of sending the region data request carrying the page identifier of the target page to the server until the region page data of all display regions in the target page is acquired, the rendering of all display regions in the target page is completed, and the target page is displayed.

[0190] Optionally, the second sending module 902 is specifically configured to, when the page identifier of the target page is received, send the region data request carrying the page identifier of the target page to the server through a data acquisition thread.

[0191] The rendering module 903 is specifically configured to receive the target region page data and the region identifier sent by the server through the data acquisition thread, and send the target region page data and the region identifier to a rendering thread.

[0192] According to the target region page data, the rendering module 903 performs rendering in a target display region in the target page to which the region identifier belongs through the rendering thread, so as to display in the target display region.

[0193] Optionally, the device further comprises:

[0194] determining module, configured to determine that the region page data of all display regions in the target page has been acquired if the preset identifier sent by the server is received.

[0195] Based on the page display device provided by the embodiment of the application, after the server receives the page data request for the target page, the region page data of the multiple display regions contained in the target page can be acquired. Furthermore, when the region data request sent by the client is received, the server can directly send the acquired region page data of the display regions of the target page to the client, without waiting for the region page data of all the display regions in the target page to be acquired and then sending the region page data of all the display regions in the target page to the client, so that the waiting time of the client when acquiring the page data can be reduced, and the time delay of the client when loading the page can be reduced.

[0196] With Figure 3 corresponding to the method embodiment, see Figure 10 , Figure 10 the structure diagram of another page display device provided by the embodiment of the application, the device is applied to a server, and the device comprises:

[0197] The acquisition module 1001 is configured to acquire the region page data of the multiple display regions contained in the target page when the page data request for the target page sent by the client is received.

[0198] The first sending module 1002 is configured to send the page identifier of the target page to the client.

[0199] The second sending module 1003 is configured to, when the region data request sent by the client and carrying the page identifier of the target page is received, determine the region page data of the display region in the target page that has been acquired and not sent to the client as target region page data, 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 the region page data of all the display regions in the target page is sent to the client, so that the client completes the rendering of all the display regions in the target page and displays the target page.

[0200] Optionally, the acquisition module 1001 is specifically configured to determine the acquisition sequence of the region page data of each display region in the target page when the page data request for the target page sent by the client is received, wherein the acquisition sequence is determined based on the positions of the display regions in the target page.

[0201] The data acquisition tasks corresponding to the region page data of the display regions are added in the preset task queue in the acquisition sequence.

[0202] By each thread, a current unprocessed data acquisition task is acquired from the preset task queue, and according to the data acquisition task, the area page data of the corresponding display area is acquired until there is no unprocessed data acquisition task in the preset task queue.

[0203] Optionally, the apparatus further comprises:

[0204] The storage module is configured to store the acquired area page data of each display area, the area identifier of the display area, and the page identifier of the target page in a preset database.

[0205] The second sending module 1003 is specifically configured to acquire, from the area page data stored in the preset database, the area page data corresponding to the page identifier of the target page and not sent to the client as target area page data.

[0206] The target area page data and the area identifier of the display area corresponding to the target area page data are sent to the client.

[0207] Optionally, the second sending module 1003 is specifically configured to determine, when receiving the area data request sent by the client and carrying the page identifier of the target page, the area page data of the display area in the target page that has been acquired and not sent to the client as target area page data.

[0208] If the area page data of all display areas in the target page has been acquired, the preset identifier, the target area page data, and the area identifier of the display area corresponding to the target area page data are sent to the client.

[0209] Based on the page display apparatus provided by the embodiment of the present application, after the server receives the page data request for the target page, the area page data of the multiple display areas contained in the target page can be acquired. Furthermore, when receiving the area data request sent by the client, the server can directly send the acquired area page data of the display area of the target page to the client, without waiting for the area page data of all display areas in the target page to be acquired, and then sending the area page data of all display areas in the target page to the client, so that the waiting time of the client when acquiring the page data can be reduced, and the time delay of the client when loading the page can be reduced.

[0210] The embodiment of the present application further provides an electronic device, such as Figure 11As shown, the electronic device includes a processor 1101, a communication interface 1102, a memory 1103 and a communication bus 1104, wherein the processor 1101, the communication interface 1102 and the memory 1103 communicate with each other through the communication bus 1104,

[0211] The memory 1103 is configured to store a computer program.

[0212] The processor 1101 is configured to execute the program stored in the memory 1103, and implement the steps of the page display method for the client in the above embodiments or the page display method for the server in the above embodiments.

[0213] The communication bus mentioned in the above electronic device can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. The communication bus can be divided into an address bus, a data bus, a control bus, etc. For the convenience of representation, only one thick line is used in the figure, but it does not mean that there is only one bus or only one type of bus.

[0214] The communication interface is configured to communicate between the above electronic device and other devices.

[0215] The memory can include a Random Access Memory (RAM) and can also include a non-volatile memory, for example, at least one disk memory. Optionally, the memory can also be at least one storage device located away from the aforementioned processor.

[0216] The processor mentioned above can be a general-purpose processor, including a Central Processing Unit (CPU), a Network Processor (NP), etc.; 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, a discrete hardware component.

[0217] In yet another embodiment of the present application, a computer readable storage medium is provided, and the computer readable storage medium stores a computer program. The computer program is executed by a processor to implement the page display method for the client in the above embodiments or the page display method for the server in the above embodiments.

[0218] In yet another embodiment of the present application, a computer program product is provided, and the computer program product contains instructions which, when executed on a computer, cause the computer to perform the page display method for the client in the above embodiments or the page display method for the server in the above embodiments.

[0219] In the above embodiments, the implementation can be totally or partially in software, hardware, firmware or any combination thereof. When implemented in software, the implementation can be in the form of computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the implementation totally or partially produces the processes or functions described in the embodiments of the present application. The computer can be a general purpose computer, a special purpose computer, a computer network or other programmable apparatus. The computer instructions can be stored in a computer readable storage medium or transferred from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions can be transferred from one website, computer, server or data center to another website, computer, server or data center through wired (for example, coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (for example, infrared, wireless, microwave, etc.) manner. The computer readable storage medium can be any available medium accessible by the computer or a data storage device such as a server, data center, etc. integrated with one or more available media. The available medium can be a magnetic medium (for example, floppy disk, hard disk, magnetic tape), an optical medium (for example, DVD), or a semiconductor medium (for example, solid state disk (SSD)) and the like.

[0220] It is to be noted that, in the present document, relational terms such as first and second and the like can be used solely to distinguish one entity or action from another entity or action without necessarily implying any actual 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 can also include other elements not expressly listed or inherent to such process, method, article, or apparatus. An element proceeded by "comprises... a" does not, without more constraints, exclude the presence of additional identical elements in the process, method, article, or apparatus that comprises the element.

[0221] Each of the embodiments in the present specification is described in a related manner, and the same or similar parts between the embodiments can be referred to each other. Each of the embodiments focuses on the difference from other embodiments. In particular, for the device, system, electronic device, computer-readable storage medium, and computer program product embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and the relevant parts can be referred to the part of the method embodiment.

[0222] The above only describes the preferred embodiments of the present application and is not intended to limit the protection scope of the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims

1. A page display system, characterized by comprising: The page display system comprises a server and a client, wherein: The client is configured to send a page data request for a target page to the server; The server is configured to, when receiving the page data request, acquire region page data of a plurality of display regions contained in the target page, and send a page identifier of the target page to the client; The client is further configured to, when receiving the page identifier of the target page, send a region data request carrying the page identifier of the target page to the server; The server is further configured to, when receiving the region data request, determine region page data of a display region in the target page that has been acquired and 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, according to the target region page data received, render in a target display region to which the region identifier belongs in the target page, and display in the target display region, and perform the step of sending a region data request carrying the page identifier of the target page to the server until the region page data of all display regions in the target page are acquired, and the rendering of all display regions in the target page is completed, so as to display the target page; The server is specifically configured to, when receiving the page data request for the target page sent by the client, determine an acquisition sequence of the region page data of each display region in the target page; wherein the acquisition sequence is determined based on positions of the display regions in the target page; the positions of the display regions in the target page from top to bottom are the acquisition sequence of the region page data of the display regions; according to the acquisition sequence, data acquisition tasks corresponding to the region page data of the display regions are added to a preset task queue; through a plurality of threads, a currently unprocessed data acquisition task is acquired from the preset task queue respectively, and according to the data acquisition task, the region page data of the corresponding display region is acquired until there is no unprocessed data acquisition task in the preset task queue.

2. A page display method characterized by comprising: The method is applied to a client, and the method comprises: sending a page data request for a target page to a server, so that when the server receives the page data request, the server acquires region page data of a plurality of display regions contained in the target page, and sends a page identifier of the target page to the client; In response to receiving the page identifier of the target page, a region data request carrying the page identifier of the target page is sent to the server, so that the server, in response to receiving the region data request, determines region page data of a display region in the target page that has been acquired but not sent to the client as target region page data, and sends the target region page data and a region identifier of the display region corresponding to the target region page data to the client; the step of the server, in response to receiving a page data request for a target page sent by the client, acquiring region page data of a plurality of display regions included in the target page, comprises: determining an acquisition sequence of region page data of each display region in the target page in response to receiving a page data request for a target page sent by the client; wherein the acquisition sequence is determined based on positions of the display regions in the target page; the order of the positions of the display regions in the target page from top to bottom is the acquisition sequence of the region page data of the display regions; data acquisition tasks corresponding to the region page data of the display regions are added to a preset task queue in the acquisition sequence; through a plurality of threads, a currently unprocessed data acquisition task is acquired from the preset task queue respectively, and region page data of a corresponding display region is acquired according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue; The target region page data and the region identifier sent by the server are received, and the target region page data is rendered in a target display region to which the region identifier belongs in the target page to display in the target display region, and the step of sending the region data request carrying the page identifier of the target page to the server is returned until region page data of all display regions in the target page is acquired, rendering of all display regions in the target page is completed, and the target page is displayed.

3. The method of claim 2, wherein, The step of sending the region data request carrying the page identifier of the target page to the server in response to receiving the page identifier of the target page comprises: In response to receiving the page identifier of the target page, the region data request carrying the page identifier of the target page is sent to the server through a data acquisition thread; The step of receiving the target region page data and the region identifier sent by the server and rendering the target region page data in a target display region to which the region identifier belongs in the target page to display in the target display region comprises: The target region page data and the region identifier sent by the server are received through the data acquisition thread, and the target region page data and the region identifier are sent to a rendering thread. The rendering thread renders the target region page data in a target display region to which the region identifier in the target page belongs, and displays the target display region.

4. The method of claim 2, wherein, The method further comprises: If the preset identifier sent by the server is received, it is determined that the region page data of all display regions in the target page has been acquired.

5. A page display method characterized by comprising: The method is applied to a server, and the method comprises: When a page data request for a target page sent by a client is received, acquiring region page data of multiple display regions contained in the target page; Sending a page identifier of the target page to the client; When a region data request carrying the page identifier of the target page sent by the client is received, determining region page data of display regions in the target page that have been acquired and not sent to the client as target region page data, and sending the target region page data and region identifiers of display regions corresponding to the target region page data to the client, until region page data of all display regions in the target page is sent to the client, so that the client completes rendering of all display regions in the target page to display the target page; The acquiring of the region page data of the multiple display regions contained in the target page when the page data request for the target page sent by the client is received comprises: When a page data request for a target page sent by a client is received, determining an acquisition sequence of region page data of each display region in the target page; wherein the acquisition sequence is determined based on positions of the display regions in the target page; the sequence of the positions of the display regions in the target page from top to bottom is the acquisition sequence of the region page data of the display regions; According to the acquisition sequence, adding data acquisition tasks corresponding to the region page data of the display regions in a preset task queue; Through multiple threads, a currently unprocessed data acquisition task is acquired from the preset task queue, and region page data of a corresponding display region is acquired according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue.

6. The method of claim 5, wherein, The method further comprises: For each display region, the acquired region page data of the display region, the region identifier of the display region, and the page identifier of the target page are stored in a preset database; The acquiring of the region page data of the display regions in the target page that have been acquired and not sent to the client as target region page data, and the sending of the target region page data and the region identifiers of the display regions corresponding to the target region page data to the client comprise: From the region page data stored in the preset database, acquiring region page data corresponding to the page identifier of the target page and not sent to the client as target region page data; The target area page data and the area identifier of the display area corresponding to the target area page data are sent to the client.

7. The method of claim 5, wherein, The step of determining the target area page data and the area identifier of the display area corresponding to the target area page data when the server receives the area data request sent by the client and carrying the page identifier of the target page comprises: The step of determining the target area page data and the area identifier of the display area corresponding to the target area page data when the server receives the area data request sent by the client and carrying the page identifier of the target page comprises: If all the area page data of the display areas in the target page have been acquired, the preset identifier, the target area page data and the area identifier of the display area corresponding to the target area page data are sent to the client.

8. A page display device characterized by comprising: The device is applied to a client, and the device comprises: The first sending module is configured to send a page data request for a target page to a server, so that the server acquires area page data of a plurality of display areas included in the target page when the server receives the page data request, and sends a page identifier of the target page to the client. The second sending module is configured to send 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, so that the server determines target area page data of the display areas in the target page which have been acquired but not sent to the client as the target area page data when the server receives the area data request, 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. The step of acquiring, by the server, the area page data of the plurality of display areas included in the target page when the server receives the page data request sent by the client for the target page comprises: determining an acquisition sequence of the area page data of each display area in the target page when the server receives the page data request sent by the client for the target page, wherein the acquisition sequence is determined based on positions of the display areas in the target page; the sequence from top to bottom of the positions of the display areas in the target page is the acquisition sequence of the area page data of the display areas; adding data acquisition tasks corresponding to the area page data of the display areas in a preset task queue according to the acquisition sequence; acquiring, by a plurality of threads, a current unprocessed data acquisition task from the preset task queue respectively, and acquiring the area page data of the corresponding display area according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue. The rendering module is configured to receive the target area page data and the area identifier sent by the server, render the target area page data in a target display area to which the area identifier in the target page belongs according to the target area page data, and display the target display area, and trigger the second sending module to send an area data request carrying a page identifier of the target page to the server until area page data of all display areas in the target page is acquired, rendering of all display areas in the target page is completed, and the target page is displayed.

9. A page display device characterized by comprising: The device is applied to a server, and the device comprises: The acquisition module is configured to acquire area page data of a plurality of display areas included in a target page when receiving a page data request for the target page sent by a client. The first sending module is configured to send a page identifier of the target page to the client. The second sending module is configured to determine, as target area page data, area page data of a display area in the target page that has been acquired and not sent to the client when receiving an area data request carrying the page identifier of the target page sent by the client, and send the target area page data and an area identifier of the display area corresponding to the target area page data to the client until area page data of all display areas in the target page is sent to the client, so that the client completes rendering of all display areas in the target page and displays the target page. The acquisition module is specifically configured to: When receiving a page data request for a target page sent by a client, determine an acquisition sequence of area page data of each display area in the target page, wherein the acquisition sequence is determined based on positions of the display areas in the target page; the sequence from top to bottom of the positions of the display areas in the target page is the acquisition sequence of the area page data of the display areas; add data acquisition tasks corresponding to the area page data of the display areas in a preset task queue according to the acquisition sequence; acquire a current unprocessed data acquisition task from the preset task queue through a plurality of threads, and acquire area page data of a corresponding display area according to the data acquisition task until there is no unprocessed data acquisition task in the preset task queue.

10. An electronic device, comprising: The device comprises a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other through the communication bus. The memory is configured to store a computer program. The processor is configured to execute the program stored in the memory to implement the method steps of any one of claims 2-4 or 5-7.

11. A computer readable storage medium, characterized in that, The computer readable storage medium stores a computer program, and the computer program is executed by the processor to implement the method steps of any one of claims 2-4 or 5-7.

Citation Information

Patent Citations

  • Page display method, client, server and platform based on mobile application

    CN106293311A