Page refreshing method and device, computer device, and storage medium

Abstract

The embodiment of the application belongs to the field of research and development management, and relates to a page refreshing method and device, computer equipment and a storage medium. The method comprises the following steps: obtaining operation data generated in a target region of a first page, and generating a region update request according to the operation data, wherein the region update request comprises a request type identifier; when the request type identifier is a unilateral type identifier, refreshing the target region according to the operation data to obtain a second page; when the request type identifier is a bilateral type identifier, sending the region update request to a server, receiving region cache data returned by the server according to the region update request, wherein the region cache data corresponds to a page region, and the target region is one of a plurality of page regions; and refreshing the target region according to the region cache data to obtain the second page. In addition, the application also relates to blockchain technology, and the region cache data can be stored in a blockchain. The application realizes local real-time refreshing of a page, and improves the accuracy of page display.

Description

Technical Field

[0001] This application relates to the field of research and development management technology, and in particular to a page refresh method, apparatus, computer equipment, and storage medium. Background Technology

[0002] In modern internet applications, web pages are often divided into multiple areas, each displaying different content and allowing for different user actions. For example, in the financial insurance sector, a single page can display multiple insurance policies in a list format, allowing users to view data from multiple policies simultaneously, save them, and perform other actions such as clicking buttons.

[0003] Current page display technologies typically retrieve cached data for the entire page first and then load the page based on that cached data. When a user actively or passively refreshes the page, the entire page is refreshed, causing the user to lose the currently displayed area of ​​the page, resulting in a poor page display effect. Summary of the Invention

[0004] The purpose of this application is to provide a page refresh method, apparatus, computer device, and storage medium to achieve partial real-time page refresh and improve the accuracy of page display.

[0005] To address the aforementioned technical problems, this application provides a page refresh method, employing the following technical solution:

[0006] Obtain operation data generated by user operations within the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier;

[0007] When the request type identifier is a one-sided type identifier, the target area is refreshed according to the operation data to obtain the second page;

[0008] When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server according to the region update request is received, wherein the region cache data corresponds to a page region, and the target region is one of multiple page regions;

[0009] The target area is refreshed based on the cached data to obtain the second page.

[0010] To address the aforementioned technical problems, this application also provides a page refresh device, which employs the following technical solution:

[0011] The request generation module is used to obtain operation data generated by the user's operation in the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier.

[0012] The first refresh module is used to refresh the target area according to the operation data when the request type identifier is a one-sided type identifier, so as to obtain the second page;

[0013] The cache receiving module is used to send the region update request to the server when the request type identifier is a two-sided type identifier, and to receive the region cache data returned by the server according to the region update request, wherein the region cache data corresponds to a page region, and the target region is one of multiple page regions;

[0014] The second refresh module is used to refresh the target area based on the area cache data to obtain the second page.

[0015] To address the aforementioned technical problems, this application also provides a computer device that employs the following technical solution:

[0016] Obtain operation data generated by user operations within the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier;

[0017] When the request type identifier is a one-sided type identifier, the target area is refreshed according to the operation data to obtain the second page;

[0018] When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server according to the region update request is received, wherein the region cache data corresponds to a page region, and the target region is one of multiple page regions;

[0019] The target area is refreshed based on the cached data to obtain the second page.

[0020] To address the aforementioned technical problems, this application also provides a computer-readable storage medium, employing the technical solution described below:

[0021] Obtain operation data generated by user operations within the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier;

[0022] When the request type identifier is a one-sided type identifier, the target area is refreshed according to the operation data to obtain the second page;

[0023] When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server according to the region update request is received, wherein the region cache data corresponds to a page region, and the target region is one of multiple page regions;

[0024] The target area is refreshed based on the cached data to obtain the second page.

[0025] Compared with the prior art, the embodiments of this application have the following main advantages: A region update request is generated based on the user's operation data within the target area of ​​the first page; the region update request includes a request type identifier, and different request type identifiers have different page region refresh methods. When the request type identifier is a one-sided type identifier, the target area can be refreshed based on the operation data without server verification and confirmation to obtain the second page; when the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server is received. In this application, the region cache data corresponds one-to-one with the page area. By loading the region cache data, only the page area corresponding to the region cache data is refreshed, thus decoupling different page areas. Loading the region cache data corresponding to the target area is sufficient to achieve a fixed-point refresh of the target area; this application adopts different refresh methods according to different request types, achieving fixed-point refresh of the page area while avoiding resource waste during page refresh and improving the page display effect. Attached Figure Description

[0026] To more clearly illustrate the solutions in this application, the accompanying drawings used in the description of the embodiments of this application will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0027] Figure 1 This is an exemplary system architecture diagram to which this application can be applied;

[0028] Figure 2 This is a flowchart of one embodiment of the page refresh method according to this application;

[0029] Figure 3 This is a schematic diagram of the structure of one embodiment of the page refresh device according to this application;

[0030] Figure 4 This is a schematic diagram of the structure of one embodiment of the computer device according to this application. Detailed Implementation

[0031] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application pertains; the terminology used herein in the specification of the application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application; the terms "comprising" and "having," and any variations thereof, in the specification, claims, and foregoing drawings of this application, are intended to cover non-exclusive inclusion. The terms "first," "second," etc., in the specification, claims, or foregoing drawings of this application are used to distinguish different objects, not to describe a particular order.

[0032] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.

[0033] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings.

[0034] like Figure 1 As shown, system architecture 100 may include terminal devices 101, 102, and 103, a network 104, and a server 105. Network 104 serves as the medium for providing communication links between terminal devices 101, 102, and 103 and server 105. Network 104 may include various connection types, such as wired or wireless communication links, or fiber optic cables, etc.

[0035] Users can use terminal devices 101, 102, and 103 to interact with server 105 via network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, and 103, such as web browser applications, shopping applications, search applications, instant messaging tools, email clients, social media platform software, etc.

[0036] Terminal devices 101, 102, and 103 can be various electronic devices with displays and support web browsing, including but not limited to smartphones, tablets, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III), MP4 players (Moving Picture Experts Group Audio Layer IV), laptops, and desktop computers, etc.

[0037] Server 105 can be a server that provides various services, such as a backend server that supports the pages displayed on terminal devices 101, 102, and 103.

[0038] It should be noted that the page refresh method provided in this application embodiment is generally executed by a terminal device, and correspondingly, the page refresh device is generally set in the terminal device.

[0039] It should be understood that Figure 1 The number of terminal devices, networks, and servers shown is merely illustrative. Depending on implementation needs, any number of terminal devices, networks, and servers can be included.

[0040] Continue to refer to Figure 2 A flowchart of an embodiment of the page refresh method according to this application is shown. The page refresh method includes the following steps:

[0041] Step S201: Obtain operation data generated by the user's operation in the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier.

[0042] In this embodiment, the page refresh method runs on an electronic device (e.g., Figure 1 The terminal device shown can communicate with the server via wired or wireless connection. It should be noted that the aforementioned wireless connection methods may include, but are not limited to, 3G / 4G / 5G connections, WiFi connections, Bluetooth connections, WiMAX connections, Zigbee connections, UWB (ultra wideband) connections, and other currently known or future known wireless connection methods.

[0043] The first page can be the page currently displayed on the terminal device. It can be an H5 (5th generation HTML, HTML stands for Hypertext Markup Language) page, a page displayed in a browser, or a page displayed in an app. The first page contains multiple page areas, each displaying different content. For example, in the financial insurance field, the first page could be a policy display page. The first page contains multiple page areas, each displaying a set of policy data, so that the first page displays multiple sets of policy data in a list format.

[0044] Specifically, the terminal displays a first page containing multiple page areas. Users can select one of these areas to perform actions, such as clicking, entering text, or other operations, generating data. Each page area has an identifier that identifies the area and serves as a general identifier for the content displayed within that area. The terminal can then designate that page area as the target area based on its identifier.

[0045] User actions can cause changes to the content displayed in the target area and the associated backend data. For example, when the target area is a displayed insurance policy, a user action like adding or marking the policy to their favorites would refresh the target area to indicate that it has been added or marked. If the user action is clicking the "Inquire Now" button, the target area would refresh to display an inquiry window with customer service. Therefore, the terminal generates a region update request based on the action data. Because the content of user actions varies, region update requests have different types; therefore, the region update request also includes a request type identifier.

[0046] Furthermore, before step S201 above, the method may include: receiving multiple sets of regional cache data from the server; loading each set of regional cache data to obtain page regions corresponding to each set of regional cache data, and obtaining the first page based on each page region.

[0047] Specifically, before the terminal displays the first page, it receives multiple sets of region cache data from the server. The loading mechanism in this application assigns a one-to-one correspondence between region cache data and page regions, rather than a single set of cache data corresponding to the entire page. The terminal loads each set of region cache data separately, thereby displaying the corresponding region page. The page frame can also have a set of cache data; loading this set of cache data yields the page frame, and the region page and region frame together render the first page.

[0048] In this embodiment, multiple sets of regional cache data are received, and each set of regional cache data corresponds to a page region, thereby decoupling the loading and refreshing of different page regions in the page.

[0049] Furthermore, the steps described above for generating a region update request based on operation data may include: sending a data acquisition request to the server and receiving region cache data returned by the server; refreshing the target region of the first page based on the region cache data to obtain the refreshed target region; and generating a region update request for the refreshed target region based on the operation data.

[0050] Specifically, changes to the subject associated with a page area (e.g., the displayed insurance policy) may be unrelated to user actions. The subject's backend data may be refreshed by various mechanisms such as scheduled updates, associations, and backend updates. Therefore, when a user performs an action, the backend data may have already changed, or due to network interruptions or the user remaining on the first page for an extended period without performing any action, the target area may not be updated to the latest state in time. In this case, the user's action is an action performed in the previous state, which may result in errors.

[0051] Therefore, the terminal can first send a data retrieval request for the target area to the server, obtain the latest area cache data for the target area from the server, and refresh the target area on the first page based on the area cache data.

[0052] In one embodiment, the returned region cache data includes an update status field, which uses different strings to indicate whether the background data of the target region has been updated. When it is determined from the update status field that the background data of the target region has been updated, the received region cache data replaces the locally stored region cache data, and then the target region is refreshed based on the new region cache data. It is important to note that refreshing the target region does not necessarily mean that the displayed target region will change visually (e.g., an additional icon will be displayed in the refreshed target region). Changes to the background data related to the target region will also be refreshed, affecting the validation of the operation data.

[0053] After the target area is refreshed, the operation data can be checked for correctness based on the refreshed target area. This is because some functions that were previously displayed may no longer be allowed after the target area is refreshed, which will result in an error in the operation data, requiring the user to perform the operation again. If no error is reported in the operation data, a region update request for the refreshed target area is generated based on the operation data, reducing the impact on the user.

[0054] In one embodiment, an asynchronous request scheme provided by the promise.all method or the Async / await method can be used to send a data retrieval request to the server, refresh the target region based on the region cache data returned by the asynchronous request, and then generate a region update request.

[0055] In this embodiment, after obtaining the operation data, a data acquisition request is sent to the server to receive the latest state of the region cache data. The target region is refreshed based on the latest state of the region cache data, and then a region update request for the refreshed target region is generated, ensuring the accuracy of the region update request.

[0056] Step S202: When the request type identifier is a one-sided type identifier, refresh the target area according to the operation data to obtain the second page.

[0057] Specifically, request types can be initially divided into one-sided and two-sided types, represented by one-sided and two-sided type identifiers respectively in the request type identifier. One-sided types refer to user operations that do not require complex data interaction or confirmation with the server; users can directly operate and modify the target area instantly. For example, a simple operation such as a user adding or marking a policy in the target area takes effect immediately without requiring complex server confirmation or business-related data interaction. In this case, based on the triggered area update request, the terminal can refresh the target area based on the operation data, changing the display status of the target area and displaying the second page.

[0058] Furthermore, step S202 may include: when the request type identifier is a one-sided type identifier, refreshing the target region according to the operation data, and updating the region cache data corresponding to the target region according to the operation data; generating a region update notification according to the operation data, and sending the region update notification to the server to instruct the server to update the background data of the target region.

[0059] Specifically, when the request type identifier is a one-sided type identifier, the target region is refreshed directly based on the operation data, and then the local region cache data of the target region is modified based on the operation data.

[0060] In one embodiment, when the request type identifier is a one-sided type identifier, the local region cache data of the target region is modified according to the operation data, and then the target region is refreshed according to the modified region cache data.

[0061] In one embodiment, the terminal updates all attributes of the target area using the object.assign method based on the operation data.

[0062] The terminal can also generate a region update notification based on the operation data and send it to the server. The region update notification informs the terminal of unilateral modifications made to the target region. The server can then modify the backend data of the target region based on the region update notification, thereby achieving data synchronization between the terminal and the server. For example, if the target region displays insurance policies, and a user adds a policy to their favorites list, the terminal can directly change the policy's status to "favorited" and display a "favorited" identifier in the target region. Then, it can notify the server via the region update notification that the user has favorited a policy, instructing the server to modify the backend data and record the user's favorite action.

[0063] In this embodiment, when the request type identifier is a one-sided type identifier, the local region cache data of the target region is updated to ensure the accuracy of the region cache data; then, a region update notification is sent to the server to instruct the server to modify the background data of the target region, ensuring that the data of the terminal and the server are consistent, thereby improving the accuracy of the background data.

[0064] Step S203: When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server according to the region update request is received. The region cache data corresponds to the page region, and the target region is one of multiple page regions.

[0065] Specifically, a two-sided type indicates that the region update request needs to be sent to the server for business-related confirmation and data interaction. In this case, the terminal sends the region update request to the server, which processes it, performing verification and confirmation, and generating corresponding region cache data. The terminal receives the region cache data returned by the server and caches it locally, replacing the original local region cache data for the target region. The local region cache data for other page regions on the first page remains unchanged.

[0066] It should be emphasized that, to further ensure the privacy and security of the regional cache data, after obtaining the regional cache data from the server, the aforementioned regional cache data can also be stored in a node of a blockchain.

[0067] The blockchain referred to in this application is a novel application model of computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanisms, and encryption algorithms. Essentially, a blockchain is a decentralized database, a chain of data blocks linked together using cryptographic methods. Each data block contains information about a batch of network transactions, used to verify the validity of the information (anti-counterfeiting) and generate the next block. A blockchain can include an underlying blockchain platform, a platform product service layer, and an application service layer.

[0068] Step S204: Refresh the target area based on the area cache data to obtain the second page.

[0069] Specifically, the terminal loads the region cache data to refresh the target region. Since only the region cache data of the target region operated by the user is reloaded, other page regions in the first page remain unchanged, and there is no need to refresh the entire first page, thus achieving a point-to-point refresh of the first page to obtain the second page.

[0070] In this embodiment, a region update request is generated based on the user's operation data within the target area of ​​the first page. The region update request includes a request type identifier, and different request type identifiers have different page region refresh methods. When the request type identifier is a one-sided type identifier, the target area can be refreshed based on the operation data without server verification and confirmation to obtain the second page. When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server is received. In this application, the region cache data corresponds one-to-one with the page area. By loading the region cache data, only the page area corresponding to the region cache data is refreshed, thus decoupling different page areas. Loading the region cache data corresponding to the target area can achieve point-to-point refresh of the target area. This application adopts different refresh methods according to different request types, achieving point-to-point refresh of the page area while avoiding resource waste during page refresh and improving the page display effect.

[0071] Furthermore, step S204 may include: obtaining the region refresh method corresponding to the request type identifier; refreshing the target region based on the region cache data according to the region refresh method to obtain the second page.

[0072] Specifically, a double-sided type identifier can correspond to multiple area refresh methods, that is, the double-sided type identifier can be further divided into different sub-identifiers, and different sub-identifiers correspond to different area refresh methods.

[0073] Obtain the specific region refresh method corresponding to the bilateral type identifier, load the region cache data, refresh the target region, and obtain the second page.

[0074] In this embodiment, the specific area refresh method corresponding to the bilateral type identifier is obtained to refresh the target area, thereby avoiding errors caused by refreshing and ensuring the accuracy of the target area refresh.

[0075] Furthermore, in one embodiment, the step of refreshing the target area based on the region cache data according to the region refresh method to obtain the second page may include: when the region refresh method is a switching refresh method, monitoring the display status of the target area in the first page; when the display status changes, refreshing the target area based on the region cache data to obtain the second page.

[0076] Specifically, the area refresh method can be a switching refresh method, which is a fallback refresh mechanism involving a change in the display state of the first page. For example, if a user triggers a payment operation in the target area, the target area will redirect to the payment page (e.g., displaying a QR code for payment). After the user pays, the target area needs to be refreshed to show whether the payment was successful. Loading the QR code or displaying the payment result in the target area involves a change in the original display state of the target area. The QR code or payment result that the target area needs to load is contained in the area cache data received from the server. The terminal can listen for the `visibilitychange` event of the target area. When the display state changes (e.g., the subpage corresponding to the target area exits or enters the display state), this event is triggered, and the target area is refreshed based on the area cache data to obtain the second page.

[0077] In this embodiment, when the area refresh mode is a switching refresh mode, the display status of the target area is monitored. When the display status changes, the target area is refreshed based on the area cache data, ensuring the accuracy of the target area refresh.

[0078] Furthermore, in another embodiment, the step of refreshing the target area based on the region cache data according to the region refresh method to obtain the second page may include: when the region refresh method is a conditional refresh method, obtaining the request verification result in the region cache data; when the request verification result meets the preset refresh conditions, refreshing the target area based on the region cache data to obtain the second page.

[0079] Specifically, the area refresh method can be a conditional refresh method, which involves request review and validation. For example, when a user submits a form review request on a terminal, this request may need to go through multiple nodes for validation and review, and the return time and refresh time cannot be known in advance. Therefore, the returned area cache data can be received first. Different review nodes can return area cache data separately, and the returned area cache data contains the request validation result. When the request validation result meets the preset refresh conditions, the target area is refreshed based on the latest area cache data to obtain the second page. Here, the refresh condition can be that the request is approved based on the request validation result.

[0080] In one embodiment, conditional refresh can be achieved using the promise.all method, where refresh conditions are set in the promise, and the refresh operation or the subsequent request method (based on the previous request being approved) is set in the then method.

[0081] In this embodiment, the area refresh method can be a conditional refresh method. When the request verification result in the area cache data meets the preset refresh conditions, the target area is refreshed, thus ensuring the accuracy of the target area refresh.

[0082] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing related hardware with computer-readable instructions. These computer-readable instructions can be stored in a computer-readable storage medium. When executed, the program can include the processes of the embodiments of the above methods. The aforementioned storage medium can be a non-volatile storage medium such as a magnetic disk, optical disk, or read-only memory (ROM), or random access memory (RAM).

[0083] It should be understood that although the steps in the flowcharts of the accompanying figures are shown sequentially as indicated by the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the accompanying figures may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily completed at the same time, but can be executed at different times, and their execution order is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the sub-steps or stages of other steps.

[0084] Further reference Figure 3 As a response to the above Figure 2 To implement the method shown, this application provides an embodiment of a page refresh device, which is similar to... Figure 2 Corresponding to the method embodiments shown, this device can be specifically applied to various electronic devices.

[0085] like Figure 3 As shown, the page refresh device 300 described in this embodiment includes: a request generation module 301, a first refresh module 302, a cache receiving module 303, and a second refresh module 304, wherein:

[0086] The request generation module 301 is used to obtain the operation data generated by the user's operation in the target area of ​​the first page, and generate an area update request based on the operation data. The area update request includes a request type identifier.

[0087] The first refresh module 302 is used to refresh the target area according to the operation data when the request type identifier is a one-sided type identifier, so as to obtain the second page.

[0088] The cache receiving module 303 is used to send a region update request to the server when the request type identifier is a two-sided type identifier, and to receive the region cache data returned by the server according to the region update request. The region cache data corresponds to a page region, and the target region is one of multiple page regions.

[0089] The second refresh module 304 is used to refresh the target area based on the area cache data to obtain the second page.

[0090] In this embodiment, a region update request is generated based on the user's operation data within the target area of ​​the first page. The region update request includes a request type identifier, and different request type identifiers have different page region refresh methods. When the request type identifier is a one-sided type identifier, the target area can be refreshed based on the operation data without server verification and confirmation to obtain the second page. When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server is received. In this application, the region cache data corresponds one-to-one with the page area. By loading the region cache data, only the page area corresponding to the region cache data is refreshed, thus decoupling different page areas. Loading the region cache data corresponding to the target area can achieve point-to-point refresh of the target area. This application adopts different refresh methods according to different request types, achieving point-to-point refresh of the page area while avoiding resource waste during page refresh and improving the page display effect.

[0091] In some optional implementations of this embodiment, the page refresh device 300 may further include: a data receiving module and a region loading module, wherein:

[0092] The data receiving module is used to receive multiple sets of regional cache data from the server.

[0093] The region loading module is used to load the cached data of each group of regions respectively, obtain the page regions corresponding to each group of cached data, and obtain the first page based on each page region.

[0094] In this embodiment, multiple sets of regional cache data are received, and each set of regional cache data corresponds to a page region, thereby decoupling the loading and refreshing of different page regions in the page.

[0095] In some optional implementations of this embodiment, the request generation module 301 may include: a request sending submodule, a region refresh submodule, and a request generation submodule, wherein:

[0096] The request sending submodule is used to send data retrieval requests to the server and receive the region cache data returned by the server.

[0097] The area refresh submodule is used to refresh the target area of ​​the first page based on the area cache data, and obtain the refreshed target area.

[0098] The request generation submodule is used to generate a region update request for the refreshed target area based on the operation data.

[0099] In this embodiment, after obtaining the operation data, a data acquisition request is sent to the server to receive the latest state of the region cache data. The target region is refreshed based on the latest state of the region cache data, and then a region update request for the refreshed target region is generated, ensuring the accuracy of the region update request.

[0100] In some optional implementations of this embodiment, the first refresh module 302 may include: a first refresh submodule and a notification sending submodule, wherein:

[0101] The first refresh submodule is used to refresh the target area based on the operation data and update the corresponding area cache data based on the operation data when the request type identifier is a one-sided type identifier.

[0102] The notification sending submodule is used to generate a region update notification based on the operation data and send the region update notification to the server to instruct the server to update the background data of the target region.

[0103] In this embodiment, when the request type identifier is a one-sided type identifier, the local region cache data of the target region is updated to ensure the accuracy of the region cache data; then, a region update notification is sent to the server to instruct the server to modify the background data of the target region, ensuring that the data of the terminal and the server are consistent, thereby improving the accuracy of the background data.

[0104] In some optional implementations of this embodiment, the second refresh module 304 may include: a method acquisition submodule and a second refresh submodule, wherein:

[0105] The method acquisition submodule is used to obtain the area refresh method corresponding to the request type identifier.

[0106] The second refresh submodule is used to refresh the target area based on the area cache data according to the area refresh method to obtain the second page.

[0107] In this embodiment, the specific area refresh method corresponding to the bilateral type identifier is obtained to refresh the target area, thereby avoiding errors caused by refreshing and ensuring the accuracy of the target area refresh.

[0108] In some optional implementations of this embodiment, the second refresh submodule may include: a display monitoring unit and a refresh switching unit, wherein:

[0109] The display monitoring unit is used to monitor the display status of the target area on the first page when the area refresh mode is switched.

[0110] The switching refresh unit is used to refresh the target area based on the area cache data when the display state changes, so as to obtain the second page.

[0111] In this embodiment, when the area refresh mode is a switching refresh mode, the display status of the target area is monitored. When the display status changes, the target area is refreshed based on the area cache data, ensuring the accuracy of the target area refresh.

[0112] In some alternative implementations of this embodiment, the second refresh submodule may include: a result acquisition unit and a condition refresh unit, wherein:

[0113] The result acquisition unit is used to acquire the request verification result in the region cache data when the region refresh method is conditional refresh.

[0114] The conditional refresh unit is used to refresh the target area based on the area cache data when the request verification result meets the preset refresh conditions, so as to obtain the second page.

[0115] In this embodiment, the area refresh method can be a conditional refresh method. When the request verification result in the area cache data meets the preset refresh conditions, the target area is refreshed, thus ensuring the accuracy of the target area refresh.

[0116] To address the aforementioned technical problems, embodiments of this application also provide a computer device. Please refer to [link / reference needed]. Figure 4 , Figure 4 This is a basic structural block diagram of the computer device in this embodiment.

[0117] The computer device 4 includes a memory 41, a processor 42, and a network interface 43 that are interconnected via a system bus. It should be noted that only the computer device 4 with components 41-43 is shown in the figure; however, it should be understood that it is not required to implement all the shown components, and more or fewer components can be implemented alternatively. Those skilled in the art will understand that the computer device described here is a device capable of automatically performing numerical calculations and / or information processing according to pre-set or stored instructions, and its hardware includes, but is not limited to, microprocessors, application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), digital signal processors (DSPs), embedded devices, etc.

[0118] The computer device can be a desktop computer, laptop, handheld computer, or cloud server, etc. The computer device can interact with the user via a keyboard, mouse, remote control, touchpad, or voice control.

[0119] The memory 41 includes at least one type of readable storage medium, including flash memory, hard disk, multimedia card, card-type memory (e.g., SD or DX memory), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the memory 41 may be an internal storage unit of the computer device 4, such as the hard disk or memory of the computer device 4. In other embodiments, the memory 41 may also be an external storage device of the computer device 4, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., equipped on the computer device 4. Of course, the memory 41 may also include both the internal storage unit and its external storage device of the computer device 4. In this embodiment, the memory 41 is typically used to store the operating system and various application software installed on the computer device 4, such as computer-readable instructions for page refresh methods. In addition, the memory 41 can also be used to temporarily store various types of data that have been output or will be output.

[0120] In some embodiments, the processor 42 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other data processing chip. The processor 42 is typically used to control the overall operation of the computer device 4. In this embodiment, the processor 42 is used to execute computer-readable instructions stored in the memory 41 or to process data, such as executing computer-readable instructions for the page refresh method.

[0121] The network interface 43 may include a wireless network interface or a wired network interface, which is typically used to establish communication connections between the computer device 4 and other electronic devices.

[0122] The computer device provided in this embodiment can execute the page refresh method described above. The page refresh method here can be any of the page refresh methods described in the various embodiments above.

[0123] In this embodiment, a region update request is generated based on the user's operation data within the target area of ​​the first page. The region update request includes a request type identifier, and different request type identifiers have different page region refresh methods. When the request type identifier is a one-sided type identifier, the target area can be refreshed based on the operation data without server verification and confirmation to obtain the second page. When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server is received. In this application, the region cache data corresponds one-to-one with the page area. By loading the region cache data, only the page area corresponding to the region cache data is refreshed, thus decoupling different page areas. Loading the region cache data corresponding to the target area can achieve point-to-point refresh of the target area. This application adopts different refresh methods according to different request types, achieving point-to-point refresh of the page area while avoiding resource waste during page refresh and improving the page display effect.

[0124] This application also provides another embodiment, namely, providing a computer-readable storage medium storing computer-readable instructions that can be executed by at least one processor to cause the at least one processor to perform the steps of the page refresh method described above.

[0125] In this embodiment, a region update request is generated based on the user's operation data within the target area of ​​the first page. The region update request includes a request type identifier, and different request type identifiers have different page region refresh methods. When the request type identifier is a one-sided type identifier, the target area can be refreshed based on the operation data without server verification and confirmation to obtain the second page. When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the region cache data returned by the server is received. In this application, the region cache data corresponds one-to-one with the page area. By loading the region cache data, only the page area corresponding to the region cache data is refreshed, thus decoupling different page areas. Loading the region cache data corresponding to the target area can achieve point-to-point refresh of the target area. This application adopts different refresh methods according to different request types, achieving point-to-point refresh of the page area while avoiding resource waste during page refresh and improving the page display effect.

[0126] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes several instructions to cause a terminal device (which may be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0127] Obviously, the embodiments described above are only some embodiments of this application, not all embodiments. The accompanying drawings show preferred embodiments of this application, but do not limit the patent scope of this application. This application can be implemented in many different forms; rather, the purpose of providing these embodiments is to provide a more thorough and comprehensive understanding of the disclosure of this application. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art can still modify the technical solutions described in the foregoing specific embodiments, or make equivalent substitutions for some of the technical features. Any equivalent structures made using the content of this application's specification and drawings, directly or indirectly applied to other related technical fields, are similarly within the scope of patent protection of this application.

Claims

1. A page refresh method, characterized by, Includes the following steps: Obtain operation data generated by user operations within the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier; When the request type is identified as a one-sided type, the target area is refreshed according to the operation data to obtain the second page; the one-sided type refers to the operation and real-time modification performed by the user in the target area, which does not require data interaction and confirmation with the server; When the request type identifier is a two-sided type identifier, the region update request is sent to the server, and the server returns the region cache data according to the region update request. The region cache data corresponds to the page region, and the target region is one of multiple page regions. The two-sided type indicates that the region update request needs to be sent to the server, and the server performs business-related confirmation and data interaction. The target area is refreshed based on the cached data to obtain the second page; The step of refreshing the target area to obtain the second page based on the operation data when the request type identifier is a one-sided type identifier includes: When the request type identifier is a one-sided type identifier, the local regional cache data of the target region is modified according to the operation data, the target region is refreshed according to the modified regional cache data, and the regional cache data corresponding to the target region is updated according to the operation data. A region update notification is generated based on the operation data, and the region update notification is sent to the server to instruct the server to update the background data of the target region; In this process, the terminal sends a region update request to the server, which processes the request, including performing relevant verification and confirmation, and generating corresponding region cache data. The terminal receives the region cache data returned by the server, caches the region cache data locally, and replaces the original region cache data of the target region locally. The region cache data of other page regions in the first page remain unchanged locally.

2. The page refresh method of claim 1, wherein, Before the step of obtaining user operation data generated by user operations within the target area of ​​the first page, and generating an area update request based on the operation data, the method further includes: Receive multiple sets of region cache data from the server; Each group of region cache data is loaded separately to obtain the page region corresponding to each group of region cache data, and the first page is obtained based on each page region.

3. The page refresh method of claim 1, wherein, The step of generating a region update request based on the operation data includes: Send a data retrieval request to the server and receive the region cache data returned by the server; The target area of ​​the first page is refreshed based on the cached data of the region to obtain the refreshed target area; Based on the operation data, a region update request is generated for the refreshed target area.

4. The page refresh method of claim 1, wherein, The step of refreshing the target area based on the cached area data to obtain the second page includes: Obtain the region refresh method corresponding to the request type identifier; According to the area refresh method, the target area is refreshed based on the area cache data to obtain the second page.

5. The page refresh method of claim 4, wherein, The step of refreshing the target area based on the area cache data according to the area refresh method to obtain the second page includes: When the area refresh method is a switch refresh method, monitor the display status of the target area in the first page; When the display state changes, the target area is refreshed based on the area cache data to obtain the second page.

6. The page refresh method of claim 4, wherein, The step of refreshing the target area based on the area cache data according to the area refresh method to obtain the second page includes: When the region refresh method is a conditional refresh method, the request verification result in the region cache data is obtained; When the request verification result meets the preset refresh conditions, the target area is refreshed based on the area cache data to obtain the second page.

7. A page refresh apparatus, characterized by comprising: include: The request generation module is used to obtain operation data generated by the user's operation in the target area of ​​the first page, and generate an area update request based on the operation data, wherein the area update request includes a request type identifier. The first refresh module is used to refresh the target area according to the operation data when the request type identifier is a one-sided type identifier, so as to obtain the second page; the one-sided type refers to the operation and real-time modification performed by the user in the target area, which does not require data interaction and confirmation with the server. The cache receiving module is used to send the region update request to the server when the request type identifier is a two-sided type identifier, and to receive the region cache data returned by the server according to the region update request, wherein the region cache data corresponds to a page region, and the target region is one of multiple page regions; the two-sided type indicates that the region update request needs to be sent to the server, and the server performs business-related confirmation and data interaction. The second refresh module is used to refresh the target area based on the area cache data to obtain a second page; The first refresh module includes a first refresh submodule and a notification sending submodule; The first refresh submodule is used to modify the local region cache data of the target region according to the operation data when the request type identifier is a one-sided type identifier, refresh the target region according to the modified region cache data, and update the region cache data corresponding to the target region according to the operation data. The notification sending submodule is used to generate a region update notification based on the operation data and send the region update notification to the server to instruct the server to update the background data of the target region. In this process, the terminal sends a region update request to the server, which processes the request, including performing relevant verification and confirmation, and generating corresponding region cache data. The terminal receives the region cache data returned by the server, caches the region cache data locally, and replaces the original region cache data of the target region locally. The region cache data of other page regions in the first page remain unchanged locally.

8. A computer device comprising a memory and a processor, the memory storing computer-readable instructions, wherein the processor, when executing the computer-readable instructions, implements the steps of the page refresh method as described in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-readable instructions, which, when executed by a processor, implement the steps of the page refresh method as described in any one of claims 1 to 6.

Images