Methods and devices for displaying page elements

Abstract

This disclosure provides a method and apparatus for displaying page elements, relating to the field of data processing technology, and particularly to the field of artificial intelligence. The method includes: for a first page region among multiple page regions, obtaining an initial page state of the first page region; inputting the initial page state into a state processing model corresponding to the first page region; updating the initial page state based on the state processing model to obtain a target page state of the first page region; and displaying the page elements of the first page region based on the initial page state and the target page state of the first page region. This disclosure can clearly display page elements even under high business complexity, improve the readability of business logic, avoid business logic confusion, facilitate maintenance and subsequent function iteration, and avoid communication confusion between different page regions.

Description

Technical Field

[0001] This disclosure relates to the field of data processing technology, and in particular to the field of artificial intelligence and other related technologies. Background Technology

[0002] In related technologies, user interface (UI) building scenarios often involve displaying diverse page elements in different areas, such as a top back button area and a bottom navigation button area, with interactive connections between different element areas. As the number of page elements increases, the page processing logic becomes increasingly complex. Coupling all business logic together can easily lead to confusion, making maintenance and subsequent feature iterations difficult. Even with regional division of business logic, communication problems between different page areas may still exist.

[0003] Therefore, how to clearly display page elements under high business complexity, improve the readability of business logic, avoid business logic confusion, facilitate maintenance and subsequent function iteration, and avoid communication chaos between different page areas has become one of the important research directions. Summary of the Invention

[0004] This disclosure provides a method and apparatus for displaying page elements.

[0005] According to one aspect of this disclosure, a method for displaying page elements is provided, including:

[0006] For the first page region among multiple page regions, obtain the initial page state of the first page region;

[0007] The initial page state is input into the state processing model corresponding to the first page area. The initial page state is updated based on the state processing model to obtain the target page state of the first page area.

[0008] The page elements of the first page area are displayed based on the initial page state and the target page state of the first page area.

[0009] In this embodiment of the disclosure, for a first page area among multiple page areas, the initial page state of the first page area is obtained; the initial page state is input into the state processing model corresponding to the first page area, and the initial page state is updated based on the state processing model to obtain the target page state of the first page area. This can avoid the problem of chaotic business logic, facilitate maintenance and subsequent function iteration, and display the page elements of the first page area based on the initial page state and the target page state of the first page area. This can clearly display the page elements even when the business complexity is high, and improve the readability of the business logic.

[0010] According to another aspect of this disclosure, a device for displaying page elements is provided, comprising:

[0011] The state acquisition module is used to obtain the initial page state of the first page area among multiple page areas;

[0012] The state update module is used to input the initial page state into the state processing model corresponding to the first page area, update the initial page state based on the state processing model, and obtain the target page state of the first page area.

[0013] The display module is used to display the page elements of the first page area based on the initial page state and the target page state of the first page area.

[0014] According to another aspect of this disclosure, an electronic device is provided, including at least one processor, and

[0015] A memory that is communicatively connected to at least one processor; wherein,

[0016] The memory stores instructions that can be executed by at least one processor to enable the at least one processor to perform the method for displaying page elements according to the first aspect of this disclosure.

[0017] According to another aspect of this disclosure, a non-transitory computer-readable storage medium storing computer instructions is provided, wherein the computer instructions are used to cause a computer to perform a method for displaying page elements according to an embodiment of a first aspect of this disclosure.

[0018] According to another aspect of this disclosure, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps of a method for displaying page elements according to an embodiment of a first aspect of this disclosure.

[0019] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0020] The accompanying drawings are provided to better understand this solution and do not constitute a limitation of this disclosure. Wherein:

[0021] Figure 1 This is a flowchart of a method for displaying page elements according to an embodiment of the present disclosure;

[0022] Figure 2 This is a schematic diagram of a state chain communication model according to an embodiment of the present disclosure;

[0023] Figure 3 This is a schematic diagram of a state chain communication model according to an embodiment of the present disclosure;

[0024] Figure 4 This is a flowchart of a method for displaying page elements according to an embodiment of the present disclosure;

[0025] Figure 5 This is a schematic diagram of a page state transition model according to an embodiment of the present disclosure;

[0026] Figure 6 This is a schematic diagram of a page state blocking model according to an embodiment of the present disclosure;

[0027] Figure 7 This is a schematic diagram of a page state observation model according to an embodiment of the present disclosure;

[0028] Figure 8 This is a schematic diagram of a page state display model according to an embodiment of the present disclosure;

[0029] Figure 9 This is a flowchart illustrating a method for displaying page elements according to an embodiment of the present disclosure;

[0030] Figure 10 This is a structural diagram of a page element display device according to an embodiment of the present disclosure;

[0031] Figure 11 This is a block diagram of an electronic device used to implement the methods of the embodiments of this disclosure. Detailed Implementation

[0032] The exemplary embodiments of this disclosure are described below with reference to the accompanying drawings, including various details of the embodiments to aid understanding, and should be considered merely exemplary. Therefore, those skilled in the art will recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of this disclosure. Similarly, for clarity and brevity, descriptions of well-known functions and structures are omitted in the following description.

[0033] The embodiments disclosed herein relate to technical fields such as data processing and artificial intelligence.

[0034] Data processing: Data is a form of expression of facts, concepts, or instructions, which can be processed manually or automatically. After being interpreted and given meaning, data becomes information. Data processing involves the collection, storage, retrieval, processing, transformation, and transmission of data. The fundamental purpose of data processing is to extract and derive valuable and meaningful data from large amounts of potentially chaotic and incomprehensible data. Data processing is a fundamental component of systems engineering and automatic control. Data processing permeates all areas of social production and social life. The development of data processing technology and the breadth and depth of its applications have profoundly influenced the progress of human society.

[0035] Artificial Intelligence (AI) is a new technological science that studies and develops theories, methods, technologies, and application systems to simulate, extend, and expand human intelligence.

[0036] The following is an explanation of the terms used in this disclosure:

[0037] UI is an abbreviation for User Interface, which refers to the graphical interface used by users to interact with machines or software.

[0038] The method and apparatus for displaying page elements of this disclosure are described below with reference to the accompanying drawings.

[0039] Figure 1 This is a flowchart of a method for displaying page elements according to an embodiment of the present disclosure, such as... Figure 1 As shown, the method includes the following steps:

[0040] S101, for the first page region among multiple page regions, obtain the initial page state of the first page region.

[0041] In this embodiment of the disclosure, the UI page includes multiple page areas as an example for illustration. The UI page can be a terminal device application page or a web page, and this embodiment of the disclosure does not limit it.

[0042] For example, in a UI scenario, page state refers to the different content or functions displayed on the page based on user actions or system feedback. Page state can include loading state, content state, success state, error state, no network state, etc. Page state can reflect the status of the user's interaction with the application and the application's response to these statuses.

[0043] For example, for different page areas, the UI component of each page area can be called to obtain the initial page state of that page area, and the state update and page element display of the subsequent page areas can be performed. Alternatively, the server can perform this operation. This disclosure does not limit the implementation of this method.

[0044] In some implementations, a preset page state can be directly used as the initial page state.

[0045] In some implementations, multiple operation intentions of the target object on the first page area are obtained, and these multiple operation intentions are merged to obtain the target intention. The initial page state of the first page area is then determined based on the target intention. For example, if the UI page includes multiple controls, the operation intention triggered by the target object can be determined based on the control triggered by the target object. Optionally, in some implementations, if the target object triggers a control, the operation intention corresponding to that control is taken as the target intention triggered by the target object. In some implementations, the target object may trigger multiple operation intentions simultaneously. These multiple operation intentions can be merged to obtain the executable target intention, and the executable target intention can be expressed as the initial page state. For example, when the target object clicks the submit button, the page may enter a loading state to indicate that data is being submitted.

[0046] In some implementations, there are also state interactions between regions, requiring state communication. To avoid communication confusion between different page regions and improve the clarity and readability of the interaction logic between different page regions, a first state communication link can be preset to receive the target page state of the second page region, and the target page state of the second page region can be determined as the initial page state of the first page region. The first state communication link is a unidirectional communication link from the second page region to the first page region. In other words, this disclosure designs a state chain communication model, which includes two parts: a state wheel and a state chain (i.e., a state communication link), as follows... Figure 2As shown, taking the interaction between the first page area and the second page area as an example, the state wheel is bound to an independent page area. The state wheel is divided into a main state wheel and a sub-state wheel. The main state wheel has driving capability, and the sub-state wheel is driven by the main state wheel, ensuring unidirectional communication of states and avoiding the formation of state dead loops. The state chain is used to link the state wheels of different page areas. When the page state of the second page area changes, it drives the main state wheel to rotate. Through the state chain (the first state communication link between the first page area and the second page area), it drives the sub-state wheel to change accordingly, ultimately transmitting the target page state of the second page area to the first page area. The first page area uses the target page state of the second page area as its initial page state, thereby realizing interactive linkage between different page areas. In this embodiment, the state chain communication model can be used to solve the synchronization problem between UI components in different page areas of a page. It consists of a state wheel and a state chain. Each UI component is equipped with a state wheel, and state chains are bound to the state wheels of different UI components. When the state of UI component A changes, it rotates the state chain, causing the state of UI component B to change, thereby UI component B performing relevant changes.

[0047] S102, input the initial page state into the state processing model corresponding to the first page area, update the initial page state based on the state processing model, and obtain the target page state of the first page area.

[0048] In some implementations, the initial page state is transformed based on a preset state processing model to update the initial page state and obtain the target page state of the first page area.

[0049] Optionally, the state processing model can be used to determine the initial page state, update the initial page state according to the conditions satisfied by the initial page state, and obtain the target page state of the first page area. For example, if the initial page state satisfies the preset conditions, the preset page state is used as the target page state after the state update; if the initial page state does not satisfy the preset conditions, the initial page state is used as the target page state after the state update.

[0050] S103, Display the page elements of the first page area based on the initial page state and the target page state of the first page area.

[0051] In this embodiment, the initial page state is used as input, and the state is updated through a state processing model. The change in page state from the initial page state to the target page state is ultimately reflected in the changes of page elements in the first page area, which can then be displayed on the terminal device.

[0052] In this embodiment of the disclosure, for a first page area among multiple page areas, the initial page state of the first page area is obtained; the initial page state is input into the state processing model corresponding to the first page area, and the initial page state is updated based on the state processing model to obtain the target page state of the first page area. This can avoid the problem of chaotic business logic, facilitate maintenance and subsequent function iteration, and display the page elements of the first page area based on the initial page state and the target page state of the first page area. This can clearly display the page elements even when the business complexity is high, and improve the readability of the business logic.

[0053] like Figure 3 As shown, in some embodiments, the target page state of the first page area is sent via a preset second state communication link to indicate that the initial page state of the third page area is the target page state of the first page area. The second state communication link is a unidirectional communication link from the first page area to the third page area. For example, based on […], Figure 2 Similarly, in some implementations, there is also a state chain between the first page area and the third page area, which is a second state communication link from the first page area to the third page area, such as... Figure 3 As shown, the target state of the first page area can be transmitted to the third page area via the second state communication link. Subsequently, the target state of the first page area can be used as the initial page state of the third page area, and input into the corresponding state processing model of the third page area to update the initial page state of the third page area, obtain the target page state of the third page area, and display the page elements of the third page area based on the initial page state and the target page state. In this embodiment of the disclosure, a state chain communication model is designed for the interactive linkage between different page areas, ensuring the page state response between different page areas, realizing the interactive linkage between page areas, and avoiding the problem of communication chaos between different page areas.

[0054] Figure 4 This is a flowchart of a method for displaying page elements according to an embodiment of the present disclosure, such as... Figure 4 As shown, the construction process of the state processing model includes the following steps:

[0055] S401, obtain status execution logic information.

[0056] In some implementations, state execution logic information can be obtained from a preset database.

[0057] In some implementations, business requirement information of the target object can be obtained, and a preset template can be filled in according to the business requirement information of the target object to obtain state execution logic information.

[0058] S402, identify the state execution logic information, and obtain multiple target judgment conditions and the order of each target judgment condition.

[0059] In some implementations, different prompts can be set based on the type of the judgment condition, and then a large language model can be invoked to identify the state execution logic information based on the prompts, thereby obtaining multiple target judgment conditions. In some implementations, the order in which the target judgment conditions are identified is used as the order of each target judgment condition; in some implementations, the target judgment conditions are in a tree structure in the state execution logic information, and the hierarchical relationship between different target judgment conditions can be identified based on the large language model, using the hierarchical relationship between different target judgment conditions as the first index and the order of target judgment conditions at the same level as the second index to obtain the final order of each target judgment condition.

[0060] Optionally, the state execution logic information may include transition conditions and / or blocking conditions. In some implementations, the state execution logic information may also include observation conditions and / or display conditions.

[0061] S403, obtain the correlation between the judgment condition and the state processing sub-model, and determine the state processing sub-model corresponding to each target judgment condition based on the correlation.

[0062] In some implementations, the judgment conditions include transition conditions and blocking conditions, and the state processing sub-model includes a page state transition model and a page state blocking model, such as... Figure 5 As shown, in response to the target judgment condition being a transition condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state transition model. The page state transition model is used to convert the input first page state to a new second page state and output it to the next state processing sub-model when the input first page state meets the transition condition. Conversely, when the input page state does not meet the transition condition, the first page state is output to the next state processing sub-model. For example, when data loading is complete, the page may switch from the loading state to the content state to display the loaded data.

[0063] Optionally, such as Figure 6 As shown, in response to the target judgment condition being a blocking condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state blocking model. The page state blocking model is used to block the third page state when the input third page state meets the blocking condition, terminating the current link and waiting for the next intent-triggered behavior of the target object. Thus, the state ultimately remains in the current state and is no longer passed to the next logic unit for processing. When the input third page state does not meet the blocking condition, the third page state is output to the next state processing sub-model.

[0064] In some implementations, the judgment conditions also include observation conditions and display conditions, and the state processing sub-model further includes a page state observation model and a page state display model, such as... Figure 7 As shown, in response to the target judgment condition being an observation condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state observation model. The page state observation model is used to execute preset processing logic and output the fourth page state to the next state processing sub-model when the input fourth page state meets the observation condition. If the fourth page state does not meet the observation condition, it directly outputs the fourth page state to the next state processing sub-model. In other words, the page state observation model can add observation of the page state and execute related logic without changing the page state itself. For example, the preset logic could be log recording, data listening and sending, etc.

[0065] Optionally, such as Figure 8 As shown, in response to the target judgment condition being a display condition, the state processing sub-model corresponding to the display condition is determined to be the page state display model. This model displays the fifth page state when it meets the display condition and outputs it to the next state processing sub-model. For example, terminal display can be based on the fifth page state. If the fifth page state does not meet the display condition, it is directly output to the next state processing sub-model. The page state display model can monitor the page state.

[0066] In this embodiment of the disclosure, the state transition is completed by combining state processing sub-models, making the state transition simpler and clearer.

[0067] S404, based on the order of each target judgment condition, combine the state processing sub-models corresponding to each target judgment condition to obtain the state processing model.

[0068] The input of the first state processing sub-model in the state processing model is the initial page state of the first page area. After the first state processing sub-model updates the initial page state of the first page area, it is input into the second state processing sub-model in the state processing model, and so on, until the last state processing sub-model in the state processing model completes the state update and obtains the target page state.

[0069] In this embodiment, state execution logic information is identified to obtain multiple target judgment conditions and their order; the association between the judgment conditions and state processing sub-models is obtained, and the state processing sub-model corresponding to each target judgment condition is determined based on the association; the state processing sub-models corresponding to each target judgment condition are combined based on their order to obtain a state processing model. This disclosure avoids the problem of chaotic business logic, completes the state transition through model combination, making the state transition more concise and clear, and ensuring the clarity and consistency of logical processing within the region.

[0070] It should be noted that this disclosure can be applied to page building framework systems, such as... Figure 9 As shown in this embodiment, each page area maintains an independent and unified link model. The link begins with the target object's operation behavior triggering an operation intent. The target object may trigger multiple operation intents simultaneously. For example, on an application (app), the target object's single-click, double-click, and swipe operations can trigger corresponding operation intents. Multiple operation intents are processed by an intent merging module to obtain the target intent. Intent merging refers to merging the target object's operation behaviors to avoid conflicts between multiple user operation intents. For example, in the case of a target object's swipe and click operations, the click operation is invalid during the swipe operation. Furthermore, the executable target intent is expressed as an initial page state. That is, after merging intents, the initial page state is used as input, and the state is updated through a state processing model. The change in state is ultimately reflected in the corresponding page elements of the current application page. This disclosure can avoid the problem of chaotic page area state management, improve the clarity and readability of the interaction logic within and between different areas of the page, and reduce maintenance costs.

[0071] Figure 10 This is a structural diagram of a page element display device according to an embodiment of the present disclosure, such as... Figure 10 As shown, the display device 1000 for page elements includes:

[0072] The status acquisition module 1010 is used to acquire the initial page status of the first page area among multiple page areas;

[0073] The state update module 1020 is used to input the initial page state into the state processing model corresponding to the first page area, update the initial page state based on the state processing model, and obtain the target page state of the first page area.

[0074] The display module 1030 is used to display the page elements of the first page area based on the initial page state and the target page state of the first page area.

[0075] In some implementations, the status acquisition module 1010 is further configured to:

[0076] Obtain multiple operation intentions of the target object on the first page area, merge the multiple operation intentions, and obtain the target intention;

[0077] The initial page state of the first page area is determined based on the target intent.

[0078] In some implementations, the status acquisition module 1010 is further configured to:

[0079] The target page status of the second page area is received through a preset first-state communication link;

[0080] The target page state of the second page area is determined as the initial page state of the first page area;

[0081] The first state communication link is a one-way communication link from the second page area to the first page area.

[0082] In some implementations, the display module 1030 is also used for:

[0083] The target page state of the first page area is sent through a preset second state communication link to indicate that the initial page state of the third page area is the target page state of the first page area.

[0084] The second state communication link is a one-way communication link from the first page area to the third page area.

[0085] In some embodiments, the apparatus further includes a construction module 1040 for:

[0086] Obtain status execution logic information;

[0087] Identify the state execution logic information and obtain multiple target judgment conditions and the order of each target judgment condition;

[0088] Obtain the correlation between the judgment conditions and the state processing sub-models, and determine the state processing sub-model corresponding to each target judgment condition based on the correlation.

[0089] Based on the order of each target judgment condition, the state processing sub-models corresponding to each target judgment condition are combined to obtain the state processing model.

[0090] In some implementations, the input of the first state processing sub-model in the state processing model is the initial page state of the first page area. After the first state processing sub-model updates the initial page state of the first page area, it is input to the second state processing sub-model in the state processing model, until the last state processing sub-model in the state processing model completes the state update and obtains the target page state.

[0091] In some implementations, the judgment conditions include transition conditions and blocking conditions, the state processing sub-model includes a page state transition model and a page state blocking model, and the construction module 1040 is also used for:

[0092] In response to the target judgment condition being a transition condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state transition model. The page state transition model is used to convert the input first page state to a preset second page state and output it to the next state processing sub-model when the input first page state meets the transition condition; otherwise, it outputs the first page state to the next state processing sub-model.

[0093] In response to the target judgment condition being a blocking condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state blocking model. The page state blocking model is used to block the third page state when the input third page state meets the blocking condition, and to output the third page state to the next state processing sub-model when the input third page state does not meet the blocking condition.

[0094] In some implementations, the judgment conditions also include observation conditions and display conditions, and the state processing sub-model also includes a page state observation model and a page state display model. The construction module 1040 is also used for:

[0095] In response to the target judgment condition being an observation condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state observation model. The page state observation model is used to execute preset processing logic and output the fourth page state to the next state processing sub-model when the input fourth page state meets the observation condition; otherwise, it directly outputs the fourth page state to the next state processing sub-model.

[0096] In response to the target judgment condition being a display condition, the state processing sub-model corresponding to the display condition is determined to be the page state display model. The page state display model is used to display the fifth page state when the input fifth page state meets the display condition, and output the fifth page state to the next state processing sub-model. When the fifth page state does not meet the display condition, the fifth page state is directly output to the next state processing sub-model.

[0097] In this embodiment of the disclosure, for a first page area among multiple page areas, the initial page state of the first page area is obtained; the initial page state is input into the state processing model corresponding to the first page area, and the initial page state is updated based on the state processing model to obtain the target page state of the first page area. This can avoid the problem of chaotic business logic, facilitate maintenance and subsequent function iteration, and display the page elements of the first page area based on the initial page state and the target page state of the first page area. This can clearly display the page elements even when the business complexity is high, and improve the readability of the business logic.

[0098] The acquisition, transmission, storage, use, and processing of data in this disclosed technical solution all comply with the relevant provisions of national laws and regulations.

[0099] It should be noted that in the embodiments disclosed herein, certain software, components, models, and other existing solutions in the industry may be mentioned. These should be considered as exemplary and are intended only to illustrate the feasibility of implementing the technical solution of this application. However, they do not mean that the applicant has used or necessarily used such solutions.

[0100] According to embodiments of this disclosure, this disclosure also provides an electronic device, a readable storage medium, and a computer program product.

[0101] Figure 11 This is a block diagram of an electronic device used to implement embodiments of the present disclosure. The electronic device can implement the page element display methods of embodiments of the present disclosure. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present disclosure described and / or claimed herein.

[0102] like Figure 11 As shown, device 1100 includes a computing unit 1101, which can perform various appropriate actions and processes according to a computer program stored in read-only memory (ROM) 1102 or a computer program loaded from storage unit 1108 into random access memory (RAM) 1103. The RAM 1103 may also store various programs and data required for the operation of device 1100. The computing unit 1101, ROM 1102, and RAM 1103 are interconnected via bus 1104. Input / output (I / O) interface 1105 is also connected to bus 1104.

[0103] Multiple components in device 1100 are connected to I / O interface 1105, including: input unit 1106, such as keyboard, mouse, etc.; output unit 1107, such as various types of monitors, speakers, etc.; storage unit 1108, such as disk, optical disk, etc.; and communication unit 1109, such as network card, modem, wireless transceiver, etc. Communication unit 1109 allows device 1100 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0104] The computing unit 1101 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 1101 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 1101 performs the various methods and processes described above, such as the method of displaying page elements. For example, in some embodiments, the method of displaying page elements may be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 1108. In some embodiments, part or all of the computer program may be loaded and / or installed on device 1100 via ROM 1102 and / or communication unit 1109. When the computer program is loaded into RAM 1103 and executed by the computing unit 1101, one or more steps of the method of displaying page elements described above may be performed. Alternatively, in other embodiments, the computing unit 1101 may be configured to perform a method of displaying page elements by any other suitable means (e.g., by means of firmware).

[0105] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), payload-programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.

[0106] The program code used to implement the methods of this disclosure may be written in any combination of one or more programming languages. This program code may be provided to a processor or controller of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus, such that when executed by the processor or controller, the program code causes the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The program code may be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0107] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0108] To provide interaction with a target object, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor for displaying information to the target object; and a keyboard and pointing device (e.g., a mouse or trackball) through which the target object provides input to the computer. Other types of devices can also be used to provide interaction with the target object; for example, feedback provided to the target object can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the target object can be received in any form (including sound input, voice input, or tactile input).

[0109] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as a data server), or computing systems that include middleware components (e.g., an application server), or computing systems that include frontend components (e.g., a target computer with a graphical user interface or web browser through which a target object can interact with the implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication (e.g., a communication network) of any form or medium. Examples of communication networks include local area networks (LANs), wide area networks (WANs), and the Internet.

[0110] Computer systems can include clients and servers. Clients and servers are generally located far apart and typically interact via communication networks. Client-server relationships are created by computer programs running on the respective computers and having a client-server relationship with each other. Servers can be cloud servers, servers in distributed systems, or servers incorporating blockchain technology.

[0111] It should be understood that the various forms of processes shown above can be used to rearrange, add, or delete steps. For example, the steps described in this disclosure can be executed in parallel, sequentially, or in different orders, as long as the desired result of the technical solution disclosed in this disclosure can be achieved, and this is not limited herein.

[0112] The specific embodiments described above do not constitute a limitation on the scope of protection of this disclosure. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this disclosure should be included within the scope of protection of this disclosure.

Claims

1. A method for displaying page elements, wherein, include: For the first page region among multiple page regions, obtain the initial page state of the first page region; The initial page state is input into the state processing model corresponding to the first page area, and the initial page state is updated based on the state processing model to obtain the target page state of the first page area. The page elements of the first page area are displayed based on the initial page state and the target page state of the first page area; The step of obtaining the initial page state of the first page area includes: obtaining multiple operation intentions of the target object on the first page area, merging the multiple operation intentions to obtain the target intention; and determining the initial page state of the first page area based on the target intention. The construction process of the state processing model includes: acquiring state execution logic information; identifying the state execution logic information to acquire multiple target judgment conditions and the order of each target judgment condition; acquiring the correlation between the judgment conditions and the state processing sub-models, and determining the state processing sub-model corresponding to each target judgment condition based on the correlation; and combining the state processing sub-models corresponding to each target judgment condition based on the order of each target judgment condition to obtain the state processing model. The judgment conditions include conversion conditions and blocking conditions. The state processing sub-models include page state conversion models and page state blocking models. Determining the state processing sub-model corresponding to each target judgment condition based on the association includes: in response to the target judgment condition being a conversion condition, determining the state processing sub-model corresponding to the target judgment condition as the page state conversion model. The page state conversion model is used to convert the input first page state to a preset second page state and output it to the next state processing sub-model when the input page state does not meet the conversion condition, and output the first page state to the next state processing sub-model when the input page state does not meet the conversion condition; or, in response to the target judgment condition being a blocking condition, determining the state processing sub-model corresponding to the target judgment condition as the page state blocking model. The page state blocking model is used to block the third page state when the input third page state meets the blocking condition, and output the third page state to the next state processing sub-model when the input third page state does not meet the blocking condition.

2. The method based on claim 1, wherein, The step of obtaining the initial page state of the first page region includes: The target page status of the second page area is received through a preset first-state communication link; The target page state of the second page area is determined as the initial page state of the first page area; The first state communication link is a one-way communication link from the second page area to the first page area.

3. The method according to claim 1 or 2, wherein, After displaying the page elements of the first page area based on the initial page state and the target page state of the first page area, the method further includes: The target page state of the first page area is sent through a preset second state communication link to indicate that the initial page state of the third page area is the target page state of the first page area. The second state communication link is a one-way communication link from the first page area to the third page area.

4. The method according to claim 1, wherein, The input of the first state processing sub-model in the state processing model is the initial page state of the first page area. After the first state processing sub-model updates the initial page state of the first page area, it is input into the second state processing sub-model in the state processing model, until the last state processing sub-model in the state processing model completes the state update, and the target page state is obtained.

5. The method according to claim 4, wherein, The judgment conditions also include observation conditions and display conditions, and the state processing sub-model also includes a page state observation model and a page state display model. Determining the state processing sub-model corresponding to each target judgment condition based on the association relationship includes: In response to the target judgment condition being an observation condition, the state processing sub-model corresponding to the target judgment condition is determined as the page state observation model. The page state observation model is used to execute preset processing logic and output the fourth page state to the next state processing sub-model when the input fourth page state meets the observation condition; otherwise, it directly outputs the fourth page state to the next state processing sub-model. In response to the target judgment condition being a display condition, the state processing sub-model corresponding to the display condition is determined to be the page state display model. The page state display model is used to display the fifth page state when the input fifth page state meets the display condition, and output the fifth page state to the next state processing sub-model. When the fifth page state does not meet the display condition, the fifth page state is directly output to the next state processing sub-model.

6. A device for displaying page elements, wherein, include: The state acquisition module is used to acquire the initial page state of the first page area among multiple page areas; The state update module is used to input the initial page state into the state processing model corresponding to the first page area, update the initial page state based on the state processing model, and obtain the target page state of the first page area. The display module is used to display page elements in the first page area based on the initial page state and the target page state of the first page area; The state acquisition module is further configured to: acquire multiple operation intentions of the target object on the first page area, merge the multiple operation intentions to acquire the target intention; and determine the initial page state of the first page area based on the target intention. The device further includes a construction module, configured to: acquire state execution logic information; identify the state execution logic information to acquire multiple target judgment conditions and the order of each target judgment condition; acquire the association between the judgment conditions and the state processing sub-models, and determine the state processing sub-model corresponding to each target judgment condition based on the association; and combine the state processing sub-models corresponding to each target judgment condition based on the order of each target judgment condition to obtain the state processing model. The judgment conditions include conversion conditions and blocking conditions. The state processing sub-model includes a page state conversion model and a page state blocking model. The construction module is further configured to: in response to the target judgment condition being a conversion condition, determine the state processing sub-model corresponding to the target judgment condition as the page state conversion model. The page state conversion model is configured to convert the input first page state to a preset second page state and output it to the next state processing sub-model when the input first page state meets the conversion condition, and output the first page state to the next state processing sub-model when the input page state does not meet the conversion condition; or, in response to the target judgment condition being a blocking condition, determine the state processing sub-model corresponding to the target judgment condition as the page state blocking model. The page state blocking model is configured to block the input third page state when the third page state meets the blocking condition, and output the third page state to the next state processing sub-model when the input third page state does not meet the blocking condition.

7. The apparatus according to claim 6, wherein, The status acquisition module is further configured to: The target page status of the second page area is received through a preset first-state communication link; The target page state of the second page area is determined as the initial page state of the first page area; The first state communication link is a one-way communication link from the second page area to the first page area.

8. The apparatus according to claim 6 or 7, wherein, The display module is also used for: The target page state of the first page area is sent through a preset second state communication link to indicate that the initial page state of the third page area is the target page state of the first page area. The second state communication link is a one-way communication link from the first page area to the third page area.

9. The apparatus according to claim 8, wherein, The input of the first state processing sub-model in the state processing model is the initial page state of the first page area. After the first state processing sub-model updates the initial page state of the first page area, it is input into the second state processing sub-model in the state processing model, until the last state processing sub-model in the state processing model completes the state update, and the target page state is obtained.

10. The apparatus according to claim 9, wherein, The judgment conditions also include observation conditions and display conditions; the state processing sub-model also includes a page state observation model and a page state display model; the construction module is further used for: In response to the target judgment condition being an observation condition, the state processing sub-model corresponding to the target judgment condition is determined to be the page state observation model. The page state observation model is used to execute preset processing logic and output the fourth page state to the next state processing sub-model when the input fourth page state meets the observation condition. When the fourth page state does not meet the observation condition, the fourth page state is directly output to the next state processing sub-model. or, In response to the target judgment condition being a display condition, the state processing sub-model corresponding to the display condition is determined to be the page state display model. The page state display model is used to display the fifth page state when the input fifth page state meets the display condition, and output the fifth page state to the next state processing sub-model. When the fifth page state does not meet the display condition, the fifth page state is directly output to the next state processing sub-model.

11. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1-5.

12. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method according to any one of claims 1-5.

13. A computer program product comprising a computer program that, when executed by a processor, implements the steps of the method according to any one of claims 1-5.

Images