A page display device, method, computer device and readable storage medium

CN116166264BActive Publication Date: 2026-08-07BEIJING JIAXUN FEIHONG ELECTRIC CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
BEIJING JIAXUN FEIHONG ELECTRIC CO LTD
Filing Date
2023-02-18
Publication Date
2026-08-07

AI Technical Summary

Technical Problem

[0002]随着页面开发中应用程序需求的复杂化以及加载展示数据多样化,页面中交互也逐渐复杂化,多样化;现有的页面开发架构中,通常需要引入大量第三方插件对用户输入的指令以及在页面开发过程中产生的数据进行处理,也就是说,在页面开发的实现过程中,使用现有的页面开发方法和架构需要引入大量第三方插件的代码包或者是脚本数据

Benefits of technology

[0032] The action response module is used to respond to page display commands issued by the user, and to determine the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands. By using the above module, it is possible to determine the command attribute of the command based on the information in the command issued by the user during page development.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116166264B_ABST
    Figure CN116166264B_ABST
Patent Text Reader

Abstract

The application provides a page display device, method, computer equipment and readable storage medium, wherein the action response module is used for responding to a page display instruction issued by a user, determining the instruction attribute of the page display instruction according to the instruction attribute information carried in the page display instruction; the data storage module is used for storing each candidate display content into the respective corresponding candidate storage address according to the instruction attribute of the page display instruction; the page display module is used for responding to the page display instruction issued by the user, displaying the target display content in the user page, wherein the target display content is the display content stored in the target calling address, and the target calling address is one or more candidate storage addresses indicated by the page display instruction. The above device is used to improve the effectiveness of completing page display when developing the page, and reduce the human cost required for completing page display when developing the page.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This invention relates to the field of computer technology, and more specifically, to a page display device, method, computer equipment, and readable storage medium. Background Technology

[0002] As application requirements become more complex and data loading and display become more diverse in page development, page interactions also become increasingly complex and varied. Existing page development architectures typically require the introduction of numerous third-party plugins to process user input commands and data generated during page development. In other words, the implementation of page development using existing methods and architectures necessitates the introduction of a large number of third-party plugin code packages or script data.

[0003] The inventors discovered in their research that because the above method introduces a large amount of third-party plugin code or script data, when any third-party plugin has a vulnerability, it cannot be guaranteed that the page development and display can be achieved, thus reducing the effectiveness of page display during page development. In addition, if any third-party plugin needs to be debugged or modified, not only is it necessary to modify the script of the third-party plugin, but also to test the compatibility of other third-party plugins with the modified plugin, thereby increasing the manpower cost required to complete page display during page development. Summary of the Invention

[0004] In view of this, the purpose of the present invention is to provide a page display device, method, computer equipment and readable storage medium to improve the efficiency of completing page display during page development, while reducing the human resource costs required to complete page display during page development.

[0005] In a first aspect, embodiments of this application provide a page display device, the device including an action response module, a data storage module, and a page display module;

[0006] The action response module is used to respond to the page display command issued by the user, and to determine the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands.

[0007] The data storage module is used to store each candidate display content into its respective candidate storage address according to the instruction attribute of the page display instruction;

[0008] The page display module is used to respond to the page display command issued by the user and display the target display content on the user's page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command.

[0009] Optionally, when the data storage module stores each candidate display content to its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for:

[0010] When the instruction attribute of the page display instruction is a synchronous instruction, each candidate display content carried in the page display instruction is stored in its respective candidate storage address.

[0011] Optionally, when the data storage module stores each candidate display content to its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for:

[0012] When the instruction attribute of the page display instruction is an asynchronous instruction, the page display instruction is wrapped using a pre-set decorator to convert the page display instruction into a synchronous instruction;

[0013] Each candidate display content carried in the page display instruction that will be converted into a synchronous instruction will be stored in its respective candidate storage address.

[0014] Optionally, when the page display module responds to a user's page display instruction and displays the target content on the user's page, it is specifically used for:

[0015] In response to a user's page display instruction, the target display content is retrieved from the candidate storage address of the data storage module according to the target call address carried in the page display instruction;

[0016] The target content is displayed on the user's page using front-end display components.

[0017] Secondly, embodiments of this application provide a page display method, the method comprising:

[0018] The action response module responds to the page display command issued by the user and determines the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands.

[0019] The data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction;

[0020] The page display module responds to the page display command issued by the user and displays the target display content on the user's page. The target display content is the display content stored in the target call address, which is one or more candidate storage addresses indicated by the page display command.

[0021] Optionally, the data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, including:

[0022] When the instruction attribute of the page display instruction is a synchronous instruction, the data storage module stores each candidate display content carried in the page display instruction into its respective candidate storage address.

[0023] Optionally, the data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, including:

[0024] When the instruction attribute of the page display instruction is an asynchronous instruction, the data storage module uses a pre-set decorator to wrap the page display instruction in order to convert the page display instruction into a synchronous instruction;

[0025] The data storage module stores each candidate display content carried in the page display instruction converted into a synchronization instruction into its respective candidate storage address.

[0026] Optionally, when the page display module responds to a user's page display instruction and displays the target content on the user's page, it includes:

[0027] In response to a user's page display instruction, the page display module retrieves the target display content from the candidate storage address of the data storage module according to the target call address carried in the page display instruction;

[0028] The page display module uses front-end display components to display the target content on the user's page.

[0029] Thirdly, embodiments of this application provide a computer device, including: a processor, a memory, and a bus. The memory stores machine-readable instructions executable by the processor. When the computer device is running, the processor communicates with the memory via the bus. When the machine-readable instructions are executed by the processor, the steps of the page display method described in any of the optional embodiments of the first aspect are performed.

[0030] Fourthly, embodiments of this application provide a computer-readable storage medium storing a computer program, which, when executed by a processor, performs the steps of the page display method described in any of the optional embodiments of the first aspect.

[0031] The technical solution provided in this application includes, but is not limited to, the following beneficial effects:

[0032] The action response module is used to respond to page display commands issued by the user, and to determine the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands. By using the above module, it is possible to determine the command attribute of the command based on the information in the command issued by the user during page development.

[0033] The data storage module is used to store each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction; by using the above module, it is possible to store page display instructions with different instruction attributes into different storage addresses.

[0034] The page display module is used to respond to the page display command issued by the user and display the target display content on the user page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command. By using the above module, it is possible to display the target display content set by the user on the user page according to the user's needs.

[0035] By employing the aforementioned device, through data transmission and collaborative operation between the action response module, data storage module, and page display module, the user-issued interface display instructions are parsed, stored, and displayed within the page development architecture. This avoids the potential vulnerabilities and multiple script debugging issues that may arise when using numerous third-party plugins for data processing, thereby improving the effectiveness of page display during page development and reducing the manpower costs required for page display during page development.

[0036] To make the above-mentioned objects, features and advantages of the present invention more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description

[0037] To more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings used in the embodiments will be briefly introduced below. It should be understood that the following drawings only show some embodiments of the present invention and should not be regarded as a limitation on the scope. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0038] Figure 1 This diagram illustrates the structure of a page display device according to Embodiment 1 of the present invention.

[0039] Figure 2 The diagram illustrates the principle flowchart of an improved Redux framework provided in Embodiment 1 of the present invention.

[0040] Figure 3 A flowchart of a page display method provided in Embodiment 2 of the present invention is shown;

[0041] Figure 4 A flowchart of a content storage method provided in Embodiment 2 of the present invention is shown;

[0042] Figure 5 A flowchart of a page display method provided in Embodiment 2 of the present invention is shown;

[0043] Figure 6 A schematic diagram of the structure of a computer device provided in Embodiment 3 of the present invention is shown. Detailed Implementation

[0044] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. The components of the embodiments of the present invention described and shown in the accompanying drawings can generally be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present invention provided in the accompanying drawings is not intended to limit the scope of the claimed invention, but merely to illustrate selected embodiments of the invention. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without inventive effort are within the scope of protection of the present invention.

[0045] Example 1

[0046] To facilitate understanding of this application, the following is combined with... Figure 1 The schematic diagram of a page display device provided in Embodiment 1 of the present invention illustrates the content of this application's embodiment 1 in detail.

[0047] See Figure 1 As shown, Figure 1 A schematic diagram of a page display device provided in Embodiment 1 of the present invention is shown, wherein the device includes an action response module 101, a data storage module 102 and a page display module 103;

[0048] The action response module 101 is used to respond to page display instructions issued by the user, and to determine the instruction attributes of the page display instructions based on the instruction attribute information carried in the page display instructions. The page display instructions carry candidate display content and the candidate storage address corresponding to each candidate display content. The instruction attributes include synchronous instructions and asynchronous instructions.

[0049] Specifically, when a user uses a computer, if they need to display certain content or data on the front-end page, they can input a page display command into the computer. The data storage command carries command attribute information, candidate display content, and the candidate storage address corresponding to each candidate display content.

[0050] After receiving a page display instruction from the user, the computer responds to the user's page display instruction and determines the instruction attribute of the page display instruction based on the instruction attribute information. The instruction attribute of each page data instruction is described in its respective instruction attribute information.

[0051] When a synchronous instruction call completes, the instruction execution is also complete; however, when an asynchronous instruction call completes, the execution of the asynchronous instruction may not be complete. This means that the execution of an asynchronous instruction can span multiple calls. In a computer processor, the execution of asynchronous instructions occurs concurrently with the user program loop, and asynchronous instructions generate pending jobs in the computer processor.

[0052] The data storage module 102 is used to store each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction.

[0053] Specifically, since the calling and execution methods required by the computer to implement synchronous and asynchronous instructions are different, different post-processing is performed on page display instructions with different instruction attributes. That is to say, when storing instructions, each candidate display content needs to be stored in its corresponding candidate storage address according to the instruction attribute of the page display instruction.

[0054] The page display module 103 is used to respond to the page display command issued by the user and display the target display content on the user's page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command.

[0055] Specifically, when a user needs to display a page, they can input a page display command carrying a target call address (one or more candidate storage addresses) into the computer. The page display module responds to the page display command issued by the user and displays the target display content stored in the target call address on the user's page.

[0056] In a feasible implementation, when the data storage module stores each candidate display content to its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for:

[0057] When the instruction attribute of the page display instruction is a synchronous instruction, each candidate display content carried in the page display instruction is stored in its respective candidate storage address.

[0058] Specifically, when the instruction attribute of the page display instruction is a synchronous instruction, no further processing is required for the page display instruction. Each candidate display content carried in the page display instruction can be directly stored in its corresponding candidate storage address.

[0059] In a feasible implementation, when the data storage module stores each candidate display content to its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for:

[0060] When the page display instruction has an asynchronous attribute, it is wrapped with a pre-defined decorator to convert it into a synchronous instruction. Each candidate display content carried in the converted synchronous instruction is stored in its corresponding candidate storage address. The decorator includes the `generate` generator function and the `dispatchsync` asynchronous function.

[0061] Specifically, when the instruction attribute of the page display instruction is an asynchronous instruction, it needs to be converted into a synchronous instruction before storage.

[0062] In one feasible implementation, when the page display module responds to a user's page display instruction and displays the target content on the user's page, it is specifically used for:

[0063] In response to a user's page display instruction, the system retrieves the target display content from the candidate storage address of the data storage module based on the target call address carried in the page display instruction.

[0064] Specifically, the page display module responds to the page display command issued by the user. Since the page display command carries the target call address for the content that the user wants to call, the page display module calls the target display content from the target call address in the candidate storage address of the data storage module.

[0065] The target content is displayed on the user's page using front-end display components.

[0066] Specifically, front-end display components, such as Vue (a front-end development framework), are used to display the target content on the user's page.

[0067] The page display method provided in this application is mainly based on an improved Redux framework (a front-end architecture). The Redux framework mainly includes a Store module and an Action module. The working principle of the improved Redux architecture and the functions of each module are as follows:

[0068] In the Store module, the createReducerSlice component, provided by the Redux architecture, creates reducer (callback function) branches corresponding to the current user's display command. Each branch is an independent functional module. The combineReducer method integrates multiple reducer branch modules into a unified reducer, which is then passed to the Store module for unified management. The Store module includes a State (data) submodule. The State submodule provides configuration functionality for commands and provides space for persistent operations on state data, enabling the architecture to filter state data by module. It also provides persistence types (client-side storage technology such as cookie, session storage, and local storage such as localStorage) to meet data operation needs in different scenarios.

[0069] The Actions module can encapsulate directives using decorators (@action decorator or @syncAction decorator), and then directly pass the encapsulated directives to the corresponding partition in the Store module, along with the results of synchronous or asynchronous directives.

[0070] If synchronous, the corresponding reducer is invoked directly based on the method name carried by the instruction itself. If asynchronous, the asynchronous instruction is encapsulated using Genernate, and after waiting for the response, the instruction is processed and the state data in the corresponding reducer is processed through a callback to complete the data synchronization operation. In other words, for synchronous or asynchronous operations in the Actions module, only the corresponding asynchronous field identifier needs to be passed in, and the state data in the corresponding reducer will be processed automatically.

[0071] The State submodule provides corresponding Map, Set, List, or Seq wrappers for instructions (all existing wrapping methods), and provides corresponding methods to directly modify the corresponding state data. It also provides functions for converting raw data to data of the corresponding wrapper type.

[0072] The Actions module provides data to the outside world through subscription and listening. For generic components, state data is injected through the @Inject dependency and injected into the Actions module through component props (a parent-child value passing method). For components in the Redux architecture, corresponding Hooks are provided to obtain the corresponding state data and the corresponding dispatch function.

[0073] The improved Redux framework is used as follows:

[0074] After the root entry file includes the corresponding js (JavaScript, a programming language) file and the corresponding provider component, it uses a decorator to wrap the corresponding root component file and inject state data from the store.

[0075] In a component, after being decorated with @Inject (a decorator) and @Consumer (a decorator), state data and action methods are automatically injected into the corresponding props. The component can then directly use or call the state data and action methods.

[0076] In a functional component, after wrapping the functional component with the consumer method (a wrapper method), the corresponding functional operation is completed using Hooks.

[0077] In addition, this application also provides a flowchart of the principle based on the improved Redux framework, see [link / reference]. Figure 2 As shown, Figure 2The diagram illustrates a principle flowchart based on an improved Redux framework provided in Embodiment 1 of the present invention. The process mainly includes: a user issuing an API (Application Programming Interface) request; the Actions module determining whether the API request is asynchronous; if so, using a preset generator function and response data processing function, the API request is transformed and synchronized before being dispatched to the Store module; otherwise, the API request is directly dispatched to the Store module. The Store module contains a Reducer callback function submodule, a State data submodule, and an interaction submodule. The Reducer callback function submodule contains multiple ReducerSlice callback function slices, which the Store module stores in the corresponding ReducerSlice according to the request information in the API request. The interaction submodule accepts the user's selection of display data; the State submodule calls the API request from one or more Reducer slices in the Reducer submodule, obtains the API request status and Hooks, and sends the data to the View module to display the content indicated in the API request.

[0078] Example 2

[0079] See Figure 3 As shown, Figure 3 A flowchart of a page display method provided in Embodiment 2 of the present invention is shown, wherein the method includes steps S301 to S303:

[0080] S301: The action response module responds to the page display command issued by the user, and determines the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands.

[0081] S302: The data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction.

[0082] S303: The page display module responds to the page display command issued by the user and displays the target display content on the user's page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command.

[0083] In a feasible implementation, the data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, including:

[0084] When the instruction attribute of the page display instruction is a synchronous instruction, the data storage module stores each candidate display content carried in the page display instruction into its respective candidate storage address.

[0085] In one feasible implementation plan, see Figure 4 As shown, Figure 4 The flowchart illustrates a content storage method according to Embodiment 2 of the present invention, wherein the data storage module stores each candidate content to its corresponding candidate storage address according to the instruction attribute of the page display instruction, including steps S401 to S402:

[0086] S401: When the instruction attribute of the page display instruction is an asynchronous instruction, the data storage module uses a pre-set decorator to wrap the page display instruction to convert the page display instruction into a synchronous instruction.

[0087] S402: The data storage module stores each candidate display content carried in the page display instruction converted into a synchronization instruction into its respective candidate storage address.

[0088] In one feasible implementation plan, see Figure 5 As shown, Figure 5 The flowchart illustrates a page display method according to Embodiment 2 of the present invention. When the page display module responds to a user's page display command and displays the target content on the user's page, it includes steps S501 to S502:

[0089] S501: In response to a page display instruction issued by the user, the page display module retrieves the target display content from the candidate storage address of the data storage module according to the target call address carried in the page display instruction.

[0090] S502: The page display module uses front-end display components to display the target content on the user page.

[0091] Example 3

[0092] Based on the same application concept, see [link / reference] Figure 6 As shown, Figure 6 A schematic diagram of the structure of a computer device provided in Embodiment 3 of the present invention is shown, wherein, as Figure 6As shown, the computer device 600 provided in Embodiment 3 of this application includes:

[0093] The computer device 600 includes a processor 601, a memory 602, and a bus 603. The memory 602 stores machine-readable instructions that can be executed by the processor 601. When the computer device 600 is running, the processor 601 communicates with the memory 602 through the bus 603. When the machine-readable instructions are executed by the processor 601, the steps of the page display method shown in Embodiment 1 above are performed.

[0094] Example 4

[0095] Based on the same concept, this application also provides a computer-readable storage medium storing a computer program, which, when run by a processor, performs the steps of the page display method described in any of the above embodiments.

[0096] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working process of the system and apparatus described above can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0097] The computer program product for displaying pages provided in this embodiment of the invention includes a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the methods described in the preceding method embodiments. For specific implementation details, please refer to the method embodiments, which will not be repeated here.

[0098] The page display device provided in this embodiment of the invention can be specific hardware on a device or software or firmware installed on the device. The implementation principle and technical effects of the device provided in this embodiment of the invention are the same as those in the foregoing method embodiments. For the sake of brevity, any parts not mentioned in the device embodiments can be referred to the corresponding content in the foregoing method embodiments. Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can all be referred to the corresponding processes in the above method embodiments, and will not be repeated here.

[0099] In the embodiments provided by this invention, it should be understood that the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative. For example, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. Furthermore, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Additionally, the displayed or discussed mutual couplings, direct couplings, or communication connections may be through some communication interfaces; indirect couplings or communication connections between devices or units may be electrical, mechanical, or other forms.

[0100] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0101] In addition, the functional units in the embodiments provided by the present invention can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0102] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this invention, essentially, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0103] It should be noted that similar labels and letters in the following figures indicate similar items. Therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures. In addition, the terms "first", "second", "third", etc. are used only to distinguish descriptions and should not be construed as indicating or implying relative importance.

[0104] Finally, it should be noted that the above-described embodiments are merely specific implementations of the present invention, used to illustrate the technical solutions of the present invention, and not to limit it. The scope of protection of the present invention is not limited thereto. Although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments within the technical scope disclosed in the present invention, or make equivalent substitutions for some of the technical features; and these modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention. All should be covered within the scope of protection of the present invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.

Claims

1. A page display device, characterized in that, The device includes an action response module, a data storage module, and a page display module; The action response module is used to respond to page display commands issued by the user. It determines the command attribute of the page display command based on the command attribute information carried in the command. The page display command carries candidate display content and the corresponding candidate storage address for each candidate display content. The command attribute includes synchronous commands and asynchronous commands. The action response module encapsulates the page display command in the form of a decorator, and then directly passes the encapsulated command to the corresponding partition in the data storage module, along with the result indicating whether the passed command is synchronous or asynchronous. Specifically, if the command attribute of the page display command is synchronous, the corresponding callback function is directly called based on the method name carried by the command itself to operate the page display command. If the command attribute of the page display command is asynchronous, after waiting for the response result, a generator function is called to encapsulate the asynchronous command to convert it into a synchronous command. After encapsulating the asynchronous command, the state data in the corresponding callback function is processed through a callback method to complete the data synchronization operation. The data storage module is used to store each candidate display content into its corresponding candidate storage address according to the instruction attributes of the page display instruction. The data storage module includes a callback function submodule, a state data submodule, and an interaction submodule. The callback function submodule contains multiple callback function slices, and the data storage module stores the request information in the page display instruction into the corresponding callback function slice. The state data submodule provides configuration module functionality, providing space for persistent operations on state data, enabling the architecture to filter some state data by module, and providing persistence types, including cookies, session storage, and local storage. The interaction submodule accepts the user's selection of display data. The state data submodule calls the page display instruction from one or more callback function slices in the callback function submodule, obtains the page display instruction status and Hooks, and sends the page display instruction status and Hooks to the page display module. The page display module is used to respond to the page display command issued by the user and display the target display content on the user's page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command. When the data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for: When the instruction attribute of the page display instruction is an asynchronous instruction, each candidate display content carried in the page display instruction that will be converted into a synchronous instruction will be stored in its respective candidate storage address.

2. The apparatus according to claim 1, characterized in that, When the data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, it is specifically used for: When the instruction attribute of the page display instruction is a synchronous instruction, each candidate display content carried in the page display instruction is stored in its respective candidate storage address.

3. The apparatus according to claim 1, characterized in that, When the page display module responds to a user's page display command and displays the target content on the user's page, it is specifically used for: In response to a user's page display instruction, the target display content is retrieved from the candidate storage address of the data storage module according to the target call address carried in the page display instruction; The target content is displayed on the user's page using front-end display components.

4. A page display method, implemented based on the page display device according to any one of claims 1 to 3, characterized in that, The method includes: The action response module responds to the page display command issued by the user and determines the command attribute of the page display command based on the command attribute information carried in the page display command. The page display command carries candidate display content and the candidate storage address corresponding to each candidate display content. The command attribute includes synchronous commands and asynchronous commands. The data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction; The page display module responds to the page display command issued by the user and displays the target display content on the user's page. The target display content is the display content stored in the target call address, and the target call address is one or more candidate storage addresses indicated by the page display command. The data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, including: When the instruction attribute of the page display instruction is an asynchronous instruction, the data storage module will store each candidate display content carried in the page display instruction that has been converted into a synchronous instruction into its respective candidate storage address.

5. The method according to claim 4, characterized in that, The data storage module stores each candidate display content into its corresponding candidate storage address according to the instruction attribute of the page display instruction, including: When the instruction attribute of the page display instruction is a synchronous instruction, the data storage module stores each candidate display content carried in the page display instruction into its respective candidate storage address.

6. The method according to claim 4, characterized in that, When the page display module responds to a user's page display command and displays the target content on the user's page, it includes: In response to a user's page display instruction, the page display module retrieves the target display content from the candidate storage address of the data storage module according to the target call address carried in the page display instruction; The page display module uses front-end display components to display the target content on the user's page.

7. A computer device, characterized in that, include: The computer device includes a processor, a memory, and a bus. The memory stores machine-readable instructions executable by the processor. When the computer device is running, the processor communicates with the memory via the bus. When the machine-readable instructions are executed by the processor, they perform the steps of the page display method as described in any one of claims 4 to 6.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, performs the steps of the page display method as described in any one of claims 4 to 6.

Citation Information

Patent Citations

  • Page display method and device

    CN112667305A