Interface processing method, apparatus and system, and storage medium

By providing an editing interface and node library, the target interface is automatically generated, solving the problem of large code volume in interface development, reducing costs and improving efficiency.

WO2025218195A1PCT designated stage Publication Date: 2025-10-23HUAWEI CLOUD COMPUTING TECHNOLOGIES CO LTD
View PDF 5 Cites 0 Cited by

Patent Information

Application Number
PCT/CN2024/138152
Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
Priority Date
2024-07-29
Filing Date
2024-12-10
Publication Date
2025-10-23

AI Technical Summary

Technical Problem

During the interface development process, existing technologies require writing a large amount of code to implement the calling relationship of multiple controls, resulting in high labor costs.

Method used

Provides an editing interface and node library. By selecting the nodes of the interactive objects and generating a processing flow chart, the target interface is automatically generated, reducing dependence on code.

Benefits of technology

It reduces the cost of generating interfaces, reduces the need to write code, and improves development efficiency.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2024138152_23102025_PF_FP_ABST
    Figure CN2024138152_23102025_PF_FP_ABST
Patent Text Reader

Abstract

The present application relates to the field of computers and communications, and discloses an interface processing method, apparatus and system, and a storage medium. The method comprises: providing an editing interface, wherein the editing interface comprises an editing area and a node library, the editing area is used for displaying a first interactive object and a second interactive object, the first interactive object is used for interacting with an interactive operation executed by a user, and the second interactive object is used for implementing a first processing operation; in response to a selection operation for a first node of the first interactive object and a second node of the second interactive object which are comprised in the node library, acquiring a processing flow diagram, wherein the first node is used for monitoring whether the first interactive object interacts with the interactive operation, the second node is used for indicating the first processing operation, the processing flow diagram comprises the first node and the second node, and the processing flow diagram is used for describing the calling relationship between the first interactive object and the second interactive object; and generating an interface file, wherein the interface file is used for generating a target interface. The present application can reduce the costs of generating interfaces.
Need to check novelty before this filing date? Find Prior Art

Description

Method, device, system and storage medium for processing interface

[0001] The present application claims priority to Chinese Patent Application No. 202410474647.1, entitled "Application Orchestration Method, Device, Computing Device Cluster and Storage Medium", filed on April 17, 2024, the contents of which are incorporated herein by reference in its entirety. And, the present application claims priority to Chinese Patent Application No. 202411027133.8, entitled "Method, Device, System and Storage Medium for Processing Interface", filed on July 29, 2024, the contents of which are incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the field of computers and communications, and in particular, to a method, device, system and storage medium for processing an interface. BACKGROUND

[0003] An interface usually includes a plurality of controls, which can be input boxes, tables, and / or encapsulated invisible virtual controls, etc. A user can perform an interaction operation on a certain control in the interface, and a device responds to the interaction operation to perform processing operations implemented by the controls included in the interface.

[0004] In related technologies, when a user develops an interface, the user selects a plurality of controls from a control library to form the interface, and the functions implemented by the interface include processing operations implemented by the plurality of controls. Then, based on scripts of the plurality of controls, a large amount of code is written to make the plurality of controls cooperate. In this way, when the device responds to the interaction operation, the device sequentially performs processing operations implemented by the controls included in the interface, thereby implementing the functions required by the interface.

[0005] In related technologies, when a user develops an interface, the user needs to code a large amount of code to make the plurality of controls in the interface cooperate, resulting in high labor costs of the interface. SUMMARY

[0006] The present application provides a method, device, system and storage medium for processing an interface to reduce the cost of generating the interface. The technical solution is as follows:

[0007] In a first aspect, the present application provides a method for processing an interface, in which an editing interface is provided, the editing interface comprising an editing area and a node library, the editing area being configured to display a first interactive object and a second interactive object, the first interactive object being configured to interact with an interaction operation performed by a user, and the second interactive object being configured to implement a first processing operation. In response to a selection operation on a first node of the first interactive object and a second node of the second interactive object included in the node library, a processing flowchart is obtained, the first node being configured to listen to whether the first interactive object interacts with the interaction operation, and the second node being configured to indicate the first processing operation, the processing flowchart comprising the first node and the second node, and the processing flowchart being configured to describe a calling relationship between the first interactive object and the second interactive object. Based on the processing flowchart, an interface file is generated, the interface file being configured to be loaded in a browser to generate a target interface, the target interface comprising the first interactive object and the second interactive object, and the target interface being configured to interact with the interaction operation to implement the first processing operation.

[0008] Since the provided editing interface comprises the editing area and the node library, the editing area is configured to display the first interactive object and the second interactive object, so that an interface developer can select the first node of the first interactive object and the second node of the second interactive object. The processing flowchart comprising the first node and the second node is obtained, since the first node is configured to listen to whether the first interactive object interacts with the interaction operation, and the second node is configured to indicate the first processing operation, so that the processing flowchart is configured to describe the calling relationship between the first interactive object and the second interactive object. Based on the processing flowchart, the interface file is generated, and the interface file is configured to be loaded in the browser to generate the target interface comprising the first interactive object and the second interactive object, so that when the user interacts with the first interactive object in the target interface, the first processing operation can be performed. Therefore, when the interface file is generated, the interface developer selects the first node and the second node, and the processing flowchart comprising the first node and the second node can describe the calling relationship between the first interactive object and the second interactive object, without the need to write a large amount of code to implement the calling relationship between the first interactive object and the second interactive object, thereby saving the cost of generating the target interface.

[0009] In a possible implementation, the first node comprises a listening event, the listening event being configured to listen to an interaction attribute of the first interactive object, and the interaction operation being configured to modify an attribute value of the interaction attribute. Thus, the first node can listen to whether the first interactive object interacts with the interaction operation of the user by listening to the interaction attribute of the first interactive object.

[0010] In another possible implementation, the interaction attribute comprises a command attribute, and the interaction operation is configured to modify an attribute value of the command attribute. Thus, the second node can listen to whether the first interactive object interacts with the interaction operation of the user by listening to the attribute value of the command attribute.

[0011] In another possible implementation, the interaction attribute comprises a data attribute, the interaction operation is an input operation, and the input operation is configured to configure the attribute value of the data attribute to include user input data. Thus, the second node can monitor the attribute value of the data attribute to determine whether the first interaction object interacts with the user's interaction operation.

[0012] In another possible implementation, the second node comprises a command attribute of the second interaction object, and the command attribute of the second interaction object is bound to the first processing operation. The second node is configured to assign a value to the attribute value of the command attribute of the second interaction object. The second node is configured to execute the first processing operation bound to the command attribute of the second interaction object when the attribute value of the command attribute of the second interaction object changes.

[0013] Since the command attribute of the second interaction object is bound to the first processing operation, the second node can obtain the first processing operation bound to the command attribute of the second interaction object when the attribute value of the command attribute of the second interaction object changes, thereby implementing execution of the first processing operation.

[0014] In another possible implementation, the execution order of the second node in the processing flowchart is later than the execution order of the first node. In this way, the first processing operation is triggered for execution after the user's interaction operation interacts with the first interaction object.

[0015] In another possible implementation, the processing flowchart further comprises a third node of the second interaction object, and the execution order of the third node is between the execution order of the first node and the execution order of the second node. The third node comprises a first data attribute of the second interaction object and parameter information required for execution of the first processing operation, and the third node is configured to configure the attribute value of the first data attribute to include the parameter information. The second node is configured to instruct execution of the first processing operation based on the parameter information included in the attribute value of the first data attribute.

[0016] Since the execution order of the third node is between the execution order of the first node and the execution order of the second node, the attribute value of the first data attribute is configured to include the parameter information through the third node first, and then the second node is used to ensure that the first processing operation can be successfully executed based on the parameter information included in the attribute value of the first data attribute.

[0017] In another possible implementation, the first interaction object is further configured to implement a second processing operation, and the processing flowchart further comprises a fourth node of the first interaction object, and the execution order of the fourth node is later than the execution order of the first node. The fourth node is configured to instruct the second processing operation. Since the execution order of the fourth node is later than the execution order of the first node, the second processing operation is triggered for execution after the user's interaction operation interacts with the first interaction object.

[0018] In another possible implementation, the target interface further includes a third interaction object, the processing flowchart further includes a fifth node of the third interaction object, the execution sequence of the fifth node is later than the execution sequence of the second node, and the fifth node is configured to indicate a third processing operation implemented by the third interaction object. Since the execution sequence of the fifth node is later than the execution sequence of the second node, the third processing operation is executed through the fifth node after the first processing operation is executed, so that the function of the target interface includes more operations, and the target interface implements a complex function.

[0019] In another possible implementation, the processing flowchart further includes a sixth node of the third interaction object, the execution sequence of the sixth node is between the second node and the fifth node, the sixth node includes a data query method and a data attribute of the third interaction object, the attribute value of the second data attribute of the second interaction object includes an execution result obtained by executing the first processing operation, and the data query method is configured to query the execution result. The sixth node is configured to indicate that the attribute value of the data attribute of the third interaction object is configured to include the execution result obtained by querying the attribute value of the second data attribute based on the data query method. The fifth node is configured to indicate that the third processing operation is executed based on the execution result included in the attribute value of the data attribute of the third interaction object.

[0020] Since the execution sequence of the sixth node is between the second node and the fifth node, the attribute value of the data attribute of the third interaction object is configured to include the execution result obtained by querying the attribute value of the second data attribute based on the data query method through the sixth node. Then, the third processing operation can be successfully executed based on the execution result included in the attribute value of the data attribute of the third interaction object through the fifth node.

[0021] In a second aspect, the present application provides a system for processing an interface, the system comprising: a cloud service platform and an interface display device.

[0022] The cloud service platform is configured to provide an editing interface, the editing interface including an editing area and a node library, the editing area being configured to display a first interaction object and a second interaction object, the first interaction object being configured to interact with an interaction operation performed by a user, and the second interaction object being configured to implement a first processing operation.

[0023] The cloud service platform is further configured to, in response to a selection operation on a first node of the first interaction object and a second node of the second interaction object included in the node library, acquire a processing flowchart, the first node being configured to listen to whether the first interaction object interacts with the interaction operation, the second node being configured to indicate the first processing operation, the processing flowchart including the first node and the second node, and the processing flowchart being configured to describe a calling relationship between the first interaction object and the second interaction object.

[0024] The cloud service platform is further configured to generate an interface file based on the processing flowchart.

[0025] The interface display device is used for loading the interface file in the browser to generate a target interface including the first interactive object and the second interactive object, and performing the first processing operation based on the second node when the first node listens to the first interactive object interacting with the interactive operation.

[0026] Since the cloud service platform provides an editing interface including an editing area and a node library, the editing area is used for displaying the first interactive object and the second interactive object, so that the interface developer can select the first node of the first interactive object and the second node of the second interactive object. The cloud service platform obtains a processing flowchart including the first node and the second node, and the first node is used for listening to whether the first interactive object interacts with the interactive operation, and the second node is used for indicating the first processing operation, so that the processing flowchart is used for describing the calling relationship between the first interactive object and the second interactive object. The cloud service platform generates the interface file based on the processing flowchart. The interface display device loads the interface file in the browser to generate the target interface including the first interactive object and the second interactive object. In this way, when the user interacts with the first interactive object in the target interface generated by the interface display device, the interface display device performs the first processing operation to realize the function of the target interface. Therefore, when the interface file is generated, the interface developer selects the first node and the second node, and the processing flowchart including the first node and the second node can describe the calling relationship between the first interactive object and the second interactive object, without the need to write a large amount of code to realize the calling relationship between the first interactive object and the second interactive object, thereby saving the cost of generating the target interface.

[0027] In a third aspect, the present application provides a device for processing an interface, which is configured to execute the method in the first aspect or any possible implementation manner of the first aspect. Specifically, the device comprises units for executing the method in the first aspect or any possible implementation manner of the first aspect.

[0028] In a fourth aspect, the present application provides a computing device cluster, which comprises at least one computing device, and each computing device comprises a processor and a memory.

[0029] The processor of the at least one computing device is configured to execute instructions stored in the memory of the at least one computing device, so that the computing device cluster executes the method in the first aspect or any possible implementation manner of the first aspect.

[0030] In a fifth aspect, the present application provides a computer program product comprising instructions, which, when executed by a storage system, cause the storage system to execute the method in the first aspect or any possible implementation manner of the first aspect.

[0031] In a sixth aspect, the present application provides a computer readable storage medium, comprising computer program instructions, when the computer program instructions are executed by a storage system, the storage system executes the method in the first aspect or any possible implementation manner of the first aspect.

[0032] In a seventh aspect, the present application provides a chip, comprising a memory and a processor, the memory is used to store computer instructions, and the processor is used to call and run the computer instructions from the memory, so as to execute the method in the first aspect or any possible implementation manner of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0033] Fig. 1 is a schematic diagram of a network architecture provided by an embodiment of the present application;

[0034] Fig. 2 is a schematic diagram of a first type of interactive object provided by an embodiment of the present application;

[0035] Fig. 3 is a schematic diagram of a second type of interactive object provided by an embodiment of the present application;

[0036] Fig. 4 is a schematic diagram of another network architecture provided by an embodiment of the present application;

[0037] Fig. 5 is a schematic diagram of another network architecture provided by an embodiment of the present application;

[0038] Fig. 6 is a method flow chart of processing an interface provided by an embodiment of the present application;

[0039] Fig. 7 is a schematic diagram of an editing interface provided by an embodiment of the present application;

[0040] Fig. 8 is a schematic diagram of a target interface provided by an embodiment of the present application;

[0041] Fig. 9 is a schematic diagram of a processing flow chart provided by an embodiment of the present application;

[0042] Fig. 10 is a schematic diagram of another editing interface provided by an embodiment of the present application;

[0043] Fig. 11 is a method flow chart of processing an interface provided by an embodiment of the present application;

[0044] Fig. 12 is a schematic diagram of another target interface provided by an embodiment of the present application;

[0045] Fig. 13 is a schematic diagram of a device structure of processing an interface provided by an embodiment of the present application;

[0046] Fig. 14 is a schematic diagram of a system structure of processing an interface provided by an embodiment of the present application;

[0047] Fig. 15 is a schematic diagram of a structure of a computing device provided by an embodiment of the present application;

[0048] FIG. 16 is a schematic diagram of a cluster structure of a processing interface according to an embodiment of the present application;

[0049] FIG. 17 is a schematic diagram of another cluster structure of a processing interface according to an embodiment of the present application. DETAILED DESCRIPTION

[0050] To facilitate understanding of the embodiments of the present application, some professional terms related to the embodiments of the present application are explained as follows.

[0051] An interaction object is used to interact with an interaction operation performed by a user and / or implement a processing operation.

[0052] The interaction attributes of an interaction object include at least one command attribute and / or at least one data attribute. The at least one command attribute includes at least one command attribute 11 and / or at least one command attribute 12 of the interaction object. The at least one data attribute includes at least one data attribute 11, at least one data attribute 12 and / or at least one data attribute 13 of the interaction object.

[0053] The command attribute 11 is a command attribute whose attribute value can be modified by an interaction operation performed by a user. For example, a click operation performed by a user can modify the attribute value of the command attribute 11.

[0054] The data attribute 11 is a data attribute whose attribute value can be modified by an interaction operation performed by a user. For example, an input operation performed by a user can cause the attribute value of the data attribute 11 to include data input by the input operation.

[0055] The command attribute 12 is bound to a processing operation implemented by the interaction object. The attribute value of the command attribute 12 is changed by assigning a value to the attribute value of the command attribute 12, and the processing operation bound to the command attribute 12 is performed when the attribute value of the command attribute 12 is changed.

[0056] The attribute value of the data attribute 12 includes parameter information required for performing a processing operation. The processing operation is performed based on the attribute value of the data attribute 12 when the processing operation is performed.

[0057] The attribute value of the data attribute 13 includes an execution result obtained by performing a processing operation. The attribute value of the data attribute 13 is configured to include the execution result obtained by performing the processing operation after the processing operation is performed.

[0058] Interaction objects are divided into first-type interaction objects and second-type interaction objects.

[0059] The first-type interaction object is used to interact with an interaction operation performed by a user, so at least one interaction attribute of the first-type interaction object includes at least one command attribute 11 and / or at least one data attribute 11.

[0060] The first type of interaction object is also used to implement a processing operation, so the at least one interaction attribute of the first type of interaction object further comprises at least one command attribute 12. Optionally, the at least one interaction attribute of the first type of interaction object can further comprise at least one data attribute 12 and / or at least one data attribute 13.

[0061] The second type of interaction object is used to implement a processing operation, so the at least one interaction attribute of the second type of interaction object further comprises at least one command attribute 12. Optionally, the at least one interaction attribute of the second type of interaction object can further comprise at least one data attribute 12 and / or at least one data attribute 13.

[0062] Referring to FIG. 1, the embodiment of the present application provides a network architecture 100, which comprises a cloud service platform 101 and a first device 102, the cloud service platform 101 can communicate with the first device 102.

[0063] The first device 102 acquires a node library, the node library comprises at least one node of each of m interaction objects, m is an integer greater than 1, and sends the node library to the cloud service platform 101. The cloud service platform 101 receives the node library and provides an interface generation service to a second device which needs to generate an interface based on the node library. The so-called interface generation service means that the node library is provided to the second device, or the so-called interface generation service means that an editing interface is provided to an interface developer to generate a target interface required by the interface developer using the editing interface.

[0064] Optionally, the node library can further comprise the m interaction objects.

[0065] The nodes in the node library can be divided into three types, the first type of node is used to listen to an interaction object, the second type of node is used to assign a value to a command attribute of the interaction object, and the third type of node is used to assign a value to a data attribute of the interaction object.

[0066] The command attribute to which the second type of node needs to assign a value is bound to a processing operation implemented by the interaction object, when the value of the command attribute is assigned by the second type of node, the value of the command attribute can be changed, and when the value of the command attribute is changed, the processing operation bound to the command attribute is executed. Therefore, the second type of node is used to indicate the processing operation.

[0067] The first device 102 can include m controls, m being an integer greater than 1, for each control, the object developer can perform a normalization packaging operation on the control on the first device 102 to obtain an interactive object. The interactive object includes the control and at least one interaction attribute of the interactive object, and then at least one node of the interactive object is configured. The at least one interaction attribute of the interactive object includes at least one command attribute and / or at least one data attribute of the interactive object.

[0068] The object developer performs normalization packaging on the m controls on the first device 102 to obtain m interactive objects. The m interactive objects can be divided into two types of interactive objects, which are a first type of interactive object and a second type of interactive object. Next, the two types of interactive objects are described in detail respectively.

[0069] Referring to FIG. 2, for the first type of interactive object, the first type of interactive object is used to interact with the interactive operation performed by the user, that is, the first type of interactive object is used to interact with the user. The at least one interaction attribute of the first type of interactive object includes at least one command attribute and / or at least one data attribute.

[0070] The at least one node of the first type of interactive object includes one or more first type of nodes, and each first type of node is used to listen to the first type of interactive object.

[0071] In some embodiments, each first type of node is used to listen to whether the first type of interactive object interacts with the interactive operation performed by the user.

[0072] The interactive operation performed by the user can modify the attribute value of the interaction attribute of the first type of interactive object, one or more first type of nodes correspond to one or more interaction attributes of the first type of interactive object, and the at least one interaction attribute of the first type of interactive object includes the one or more interaction attributes.

[0073] For each first type of node, the first type of node includes a listening event, and the listening event is used to listen to whether the attribute value of the interaction attribute corresponding to the first type of node changes. If it is listened through the listening event that the attribute value of the interaction attribute corresponding to the first type of node changes, it is concluded that the first type of interactive object interacts with the interactive operation performed by the user.

[0074] As shown in FIG. 2, the interaction attribute corresponding to the first type of node includes the command attribute 11, and the listening event included in the first type of node is used to listen to whether the attribute value of the command attribute 11 changes. Alternatively, the interaction attribute corresponding to the first type of node includes the data attribute 11, and the listening event included in the first type of node is used to listen to whether the attribute value of the data attribute 11 changes.

[0075] The at least one command attribute of the first type of interactive object includes the command attribute 11 corresponding to the first type of node, or the at least one data attribute of the first type of interactive object includes the data attribute 11 corresponding to the first type of node.

[0076] In some embodiments, as shown in FIG. 2, the at least one node of the first type of interactive object further includes at least one second type of node, each second type of node being configured to assign a value to a command attribute 12 of the first type of interactive object.

[0077] The at least one second type of node corresponds to the at least one command attribute 12 of the first type of interactive object one-to-one, and each second type of node is configured to assign a value to a command attribute 12 corresponding to the second type of node.

[0078] The first type of interactive object can implement at least one processing operation, the at least one command attribute 12 corresponds to the at least one processing operation one-to-one, and the at least one processing operation implemented by the first type of interactive object is at least one processing operation implemented by a control in the first type of interactive object. Each processing operation implemented by the first type of interactive object is bound to a command attribute 12 corresponding to the processing operation. Thus, when a value of the command attribute 12 is assigned by the second type of node, the value of the command attribute 12 changes, and when the value of the command attribute 12 changes, the processing operation bound to the command attribute 12 is executed.

[0079] Optionally, for each second type of node, the second type of node includes a command attribute 12 corresponding to the second type of node and an attribute value assignment operation configured to assign a value to the command attribute 12 corresponding to the second type of node.

[0080] In the case that the at least one node of the first type of interactive object further includes at least one second type of node, the first type of interactive object further includes an attribute binding method configured to bind each processing operation implemented by the first type of interactive object to a command attribute 12 corresponding to the processing operation.

[0081] The interactive attribute corresponding to the first type of node can include the command attribute 11, and the command attribute 11 and the command attribute 12 corresponding to the second type of node are different command attributes of the first type of interactive object. For example, as shown in FIG. 2, the command attribute 11 included in the interactive attribute 1 corresponding to the first type of node is different from the command attribute 12 corresponding to the second type of node.

[0082] The at least one command attribute of the first type of interactive object further includes the command attribute 12 corresponding to each second type of node.

[0083] In some embodiments, as shown in FIG. 2, the at least one node of the first type of interactive object further comprises at least one third type of node, each third type of node being configured to assign a property value to at least one data property 12 of the first type of interactive object.

[0084] Each third type of node corresponds to at least one data property 12 of the first type of interactive object, and each third type of node is configured to assign a property value to the at least one data property corresponding to the third type of node.

[0085] Optionally, for each third type of node, the third type of node comprises the at least one data property 12 corresponding to the third type of node and a property assignment operation configured to assign a property value to the at least one data property 12 corresponding to the third type of node. After the assignment, the property value of the at least one data property 12 is the parameter information required for performing the processing operation, that is, when performing the processing operation, the processing operation needs to be performed based on the property value of the at least one data property 12.

[0086] The interactive property corresponding to the first type of node can comprise a data property 11, which is different from the data property 12 corresponding to the second type of node. For example, as shown in FIG. 2, the interactive property 1 corresponding to the first type of node comprises a data property 11, which is different from the data property 12 corresponding to the second type of node.

[0087] The at least one data property of the first type of interactive object further comprises the data property 12 corresponding to each third type of node.

[0088] Optionally, the at least one data property of the first type of interactive object can further comprise at least one data property 13 configured to comprise the execution result obtained by performing the processing operation. That is, after performing the processing operation to obtain the execution result, the processing operation can configure the property value of the at least one data property 13 to comprise the execution result.

[0089] For example, referring to Table 1 below, the first type of interactive object can comprise an input box object, which comprises an input box control, an interactive property of the input box object, and a property binding method 1.

[0090] The interactive property of the input box object comprises a command property 12 and a data property 11 of the input box object. The interactive operation performed by the user on the input box object can be an input operation, which can input data to the input box control included in the input box object, so that the property value of the data property 11 of the input box object comprises the input data. The processing operation implemented by the input box object comprises a first rendering operation configured to render the data input by the user in the input box control included in the input box object.

[0091] The input operation inputs data to the input box control included in the input box object. The input operation inputs data to the input box control refers to assigning the attribute value of the data attribute 11 of the input box object to the input data, so that the attribute value of the data attribute 11 of the input box object includes the input data.

[0092] The at least one node of the input box object includes a node 11 and a node 12, the node 11 is a first type of node, the node 11 includes a listening event of the input box object as a listening event 1, the listening event 1 is used to listen to whether the attribute value of the data attribute 11 of the input box object changes. If it is found that the attribute value of the data attribute 11 of the input box object changes, it is found that the input operation inputs data to the input box control included in the input box object.

[0093] The attribute binding method 1 is used to bind the command attribute 12 of the input box object with a first rendering operation. The node 12 is a second type of node, the node 12 includes the command attribute 12 of the input box object and an attribute assignment operation 1, the attribute assignment operation 1 is used to assign the attribute value of the command attribute 12 of the input box object.

[0094] In this way, the attribute assignment operation 1 included in the node 12 assigns the attribute value of the command attribute 12 of the input box object, so that the attribute value of the command attribute 12 of the input box object changes. When the attribute value of the command attribute 12 of the input box object changes, the first rendering operation bound with the command attribute 12 of the input box object is executed to render the data input by the user in the input box control included in the input box object.

[0095] For another example, referring to Table 1 below, the first type of interactive object can further include a confirmation object, the confirmation object includes a confirmation control and an interactive attribute of the confirmation object. The interactive attribute of the confirmation object includes a command attribute 11 of the confirmation object. The interactive operation performed by the user on the confirmation object can be a click operation, the click operation can trigger a confirmation command to the confirmation control included in the confirmation object, and the confirmation command can modify the attribute value of the command attribute 11 of the confirmation object.

[0096] The at least one node of the confirmation object includes a node 2, the node 2 is a first type of node, the node 2 includes a listening event of the confirmation object as a listening event 2, the listening event 2 is used to listen to whether the attribute value of the command attribute 11 of the confirmation object changes. If it is found that the attribute value of the command attribute 11 of the confirmation object changes, it is found that the click operation clicks the confirmation control included in the confirmation object.

[0097] Table 1

[0098] Referring to FIG. 3, for the second type of interaction object, the second type of interaction object is used to implement at least one processing operation. In addition to the control and the at least one interaction attribute, the second type of interaction object further includes an attribute binding method.

[0099] The at least one interaction attribute of the second type of interaction object includes at least one command attribute of the second type of interaction object, and the at least one command attribute of the second type of interaction object is in one-to-one correspondence with the at least one processing operation of the second type of interaction object. The attribute binding method is used to bind each processing operation and the command attribute corresponding to each processing operation.

[0100] Optionally, the at least one processing operation implemented by the second type of interaction object can be at least one processing operation implemented by the control included by the second type of interaction object.

[0101] The at least one node of the second type of interaction object includes at least one second type of node, and the at least one second type of node is in one-to-one correspondence with the at least one command attribute 12 of the second type of interaction object. Each second type of node is respectively used to assign a value to the attribute value of the command attribute 12 corresponding to each second type of node. In this way, after the attribute value of the command attribute 12 is assigned by the second type of node, the attribute value of the command attribute 12 changes, and when the attribute value of the command attribute 12 changes, the processing operation bound to the command attribute 12 is executed.

[0102] In some embodiments, the at least one node of the second type of interaction object further includes at least one third type of node, and each third type of node is used to assign a value to the attribute value of the at least one data attribute 12 of the second type of interaction object.

[0103] Each third type of node corresponds to the at least one data attribute 12 of the second type of interaction object, and each third type of node is respectively used to assign a value to the attribute value of the at least one data attribute 12 corresponding to each third type of node.

[0104] The at least one interaction attribute of the second type of interaction object further includes the at least one data attribute 12 corresponding to each third type of node.

[0105] Optionally, as shown in FIG. 3, for each third type of node, the third type of node includes the at least one data attribute 12 corresponding to the third type of node and an attribute assignment operation, and the attribute assignment operation is used to assign a value to the attribute value of the at least one data attribute 12 corresponding to the third type of node. After the assignment, the attribute value of the at least one data attribute 12 is parameter information required for executing the processing operation, that is, when the processing operation is executed, the processing operation needs to be executed based on the attribute value of the at least one data attribute 12. Or,

[0106] The third type of node includes at least one data attribute 12 and a data query method corresponding to the third type of node. The data query method is used to query the attribute value of the data attribute of another interactive object, and the attribute value of the at least one data attribute 12 is configured to include the value of the query. After the configuration, the attribute value of the at least one data attribute 12 is the parameter information required for the execution of the processing operation, that is, when the processing operation is executed, the processing operation needs to be executed based on the attribute value of the at least one data attribute 12.

[0107] Optionally, the at least one interactive attribute of the second type of interactive object can also include at least one data attribute 13, which is different from the data attribute 12 corresponding to the third type of node. The attribute value of the at least one data attribute 13 is used to include the execution result obtained by executing the processing operation. That is, after the execution result of the processing operation is obtained, the processing operation can configure the attribute value of the at least one data attribute 13 to include the execution result.

[0108] For example, referring to Table 2 below, the second type of interactive object can include a table object, and the table object includes a table control, interactive attributes of the table object, and an attribute binding method 2. The interactive attributes of the table object include a command attribute 12 and a data attribute 12 of the table object. The processing operation implemented by the table object includes a display operation implemented by the table control, and the attribute binding method 2 is used to bind the command attribute 12 of the table object and the display operation. The attribute value of the data attribute 12 of the table object includes data that needs to be displayed, and the display operation is used to display the attribute value of the data attribute 12 of the table object.

[0109] The at least one node of the table object includes a node 31 and a node 32, the node 31 is a second type of node, and the node 31 includes the command attribute 12 of the table object and an attribute assignment operation 2, and the attribute assignment operation 2 is used to assign a value to the attribute value of the command attribute 12 of the table object.

[0110] The node 32 is a third type of node, and the node 32 includes the data attribute 12 of the table object and a data query method 1. The data query method 1 is used to query the attribute value of the data attribute of another interactive object, and the attribute value of the data attribute 12 of the table object is configured to include the data queried by the data query method 1.

[0111] In this way, the attribute assignment operation 2 included in the node 31 assigns a value to the attribute value of the command attribute 12 of the table object, so that the attribute value of the command attribute 12 of the table object changes. When the attribute value of the command attribute 12 of the table object changes, the display operation bound to the command attribute 12 of the table object is executed to display the attribute value of the data attribute 12 of the table object.

[0112] For another example, referring to Table 2 below, the second type of interactive object can include a text object, the text object including a text control, interactive attributes of the text object, and an attribute binding method 3. The interactive attributes of the text object include a command attribute 12 and a plurality of data attributes 12 of the text object. The processing operation implemented by the text object includes a second rendering operation implemented by the text control, and the attribute binding method 3 is used to bind the command attribute 12 of the text object and the second rendering operation. The attribute values of the plurality of data attributes 12 of the text object include parameter information required for performing the second rendering operation, and the second rendering operation is used to perform rendering based on the attribute values of the plurality of data attributes 12 of the text object.

[0113] Optionally, the plurality of data attributes 12 of the text object include a data attribute 121, a data attribute 122, and a data attribute 123, the attribute value of the data attribute 121 includes text content to be rendered, the attribute value of the data attribute 122 includes a font of the text content to be rendered, and the attribute value of the data attribute 123 includes a font size of the text content to be rendered.

[0114] The text object corresponds to a node including a node 41 and a node 42, the node 41 is a second type of node, and the node 41 includes the command attribute 12 of the text object and an attribute assignment operation 3, the attribute assignment operation 3 is used to assign an attribute value to the command attribute 12 of the text object.

[0115] The node 42 is a third type of node, and the node 42 includes the data attribute 121, the data attribute 122, and the data attribute 123 of the text object and an attribute assignment operation 4, the attribute assignment operation 4 is used to assign attribute values to the data attribute 121, the data attribute 122, and the data attribute 123 of the text object.

[0116] For another example, referring to Table 2 below, the second type of interactive object can include a text object, the text object including a text control, interactive attributes of the text object, and an attribute binding method 3. The interactive attributes of the text object include a command attribute 12 and a plurality of data attributes 12 of the text object. The processing operation implemented by the text object includes a second rendering operation implemented by the text control, and the attribute binding method 3 is used to bind the command attribute 12 of the text object and the second rendering operation. The attribute values of the plurality of data attributes 12 of the text object include parameter information required for performing the second rendering operation, and the second rendering operation is used to perform rendering based on the attribute values of the plurality of data attributes 12 of the text object.

[0117] The at least one node of the API object includes a node 51, a node 52, and a node 53, the node 51 is a second type of node, and the node 51 includes the command attribute 12 of the API object and an attribute assignment operation 5, the attribute assignment operation 5 is used to assign an attribute value to the command attribute 12 of the API object.

[0118] The node 52 is a third type of node, and the node 52 includes a data attribute 121 of an API object and an attribute assignment operation 6 for assigning an attribute value of the data attribute 121 of the API object, and the assigned value is a query address.

[0119] The node 53 is a third type of node, and the node 53 includes a data attribute 122 of an API object and a data query method 2 for querying an attribute value of a data attribute of another interactive object, and an attribute value of the data attribute 122 of the API object is configured to include data queried by the data query method 2.

[0120] Thus, the attribute assignment operation 5 included in the node 51 assigns an attribute value of the command attribute 12 of the API object, so that the attribute value of the command attribute 12 of the API object changes. When the attribute value of the command attribute 12 of the API object changes, a query operation bound to the command attribute 12 of the API object is executed based on the attribute value assignment of the data attribute 121 of the API object and the attribute value of the data attribute 122. The query operation also configures the attribute value of the data attribute 13 of the API object to include data queried by the query operation.

[0121] Table 2

[0122] In some embodiments, referring to FIG. 4, the network architecture 100 further includes a second device 103, which can communicate with the cloud service platform 101.

[0123] The second device 103 is configured to send a service request to the cloud service platform 101, and the service request is used to request an interface generation service. After receiving the service request, the cloud service platform 101 can send a node library to the second device 103. The second device 103 receives the node library and provides an editing interface, and the editing interface includes the node library. An interface file is generated based on the editing interface, and the interface file is used to be loaded in a browser to generate a target interface, and the target interface includes a plurality of interactive objects. Optionally, the interface file includes a processing flowchart and a plurality of interactive objects, the processing flowchart includes nodes of each interactive object in the plurality of interactive objects, and the processing flowchart describes a calling relationship between the plurality of interactive objects, and is used to make the plurality of interactive objects cooperate to implement a target function of the target interface. Optionally, the target interface can be a user interface (user interface, UI).

[0124] The interface developer can select a plurality of interactive objects from the node library included in the editing interface based on the target function to be implemented by the target interface to be generated, and select a node of each of the interactive objects from at least one node of each of the interactive objects included in the node library. The second device 103 obtains the selected plurality of interactive objects and the selected node of each of the interactive objects, thereby obtaining a processing flowchart and the plurality of interactive objects included in the target interface, the processing flowchart including the node of each of the interactive objects.

[0125] In some embodiments, the second device 103 can be a device in the cloud service platform 101, that is, the cloud service platform 101 provides the editing interface including the node library when the interface developer needs to generate the target interface. Thus, the interface developer can select a plurality of interactive objects from the node library included in the editing interface based on the target function to be implemented by the target interface to be generated, and select a node of each of the interactive objects from at least one node of each of the interactive objects included in the node library. The cloud service platform 101 obtains the selected plurality of interactive objects and the selected node of each of the interactive objects, thereby obtaining a processing flowchart and the plurality of interactive objects included in the target interface, the processing flowchart including the node of each of the interactive objects.

[0126] The plurality of interactive objects included in the processing flowchart and the target interface for implementing the target function include a first type of interactive object and at least one second type of interactive object. The first node of the processing flowchart is a node of the first type of interactive object, and the first node is a first type of node for listening to the first type of interactive object. The nodes after the first node in the processing flowchart include the second type of node and / or the third type of node for assigning values to the interaction attributes of the interactive objects.

[0127] In some embodiments, the target interface can implement a plurality of target functions, and the target interface includes a plurality of interactive objects for implementing each of the target functions.

[0128] In some embodiments, referring to FIG. 5, the network architecture 100 further includes a server 104, and the second device 103 can communicate with the server 104.

[0129] The second device 103 can generate an interface file based on the processing flowchart and the plurality of interactive objects included in the target interface, the interface file including the plurality of interactive objects and the processing flowchart. The interface file is sent to the server 104, and the server 104 receives and saves the interface file.

[0130] In some embodiments, the server 104 can or can not be a device in the cloud service platform 101.

[0131] In some embodiments, referring to FIG. 5, the network architecture 100 further comprises a third device 105, which can communicate with the server 104.

[0132] The third device 105 can download an interface file from the server 104, and display a target interface based on the interface file. A user can perform an interaction operation on a first type of interaction object included in the target interface. When the third device 105 detects that the first type of interaction object interacts with the interaction operation based on a first node included in a processing flow diagram, the third device 105 performs processing operations implemented by multiple interaction objects in the target interface based on other nodes included in the processing flow diagram.

[0133] Referring to FIG. 6, an embodiment of the present application provides a method 600 of processing an interface, which implements an operation of generating an interface file, and the interface file is used to generate a target interface. The method 600 can be applied to the second device 103 in the network architecture 100 shown in FIG. 4 or FIG. 5, or the method 600 can be applied to the cloud service platform 101 in the network architecture 100 shown in FIG. 1, FIG. 4 or FIG. 5, and the method 600 comprises the following steps.

[0134] In step 601, the method 600 obtains a node library, and the node library comprises m interaction objects and at least one node of each interaction object, and m is an integer greater than 1.

[0135] In step 601, if the execution subject of the method 600 is a cloud service platform, the cloud service platform obtains a local node library.

[0136] If the execution subject of the method 600 is a second device, the second device can send a service request to a cloud service platform, and the service request is used to request an interface generation service. The cloud service platform receives the service request, obtains a node library included in the interface generation service based on the service request, and sends the node library to the second device. The second device receives the node library.

[0137] In step 602, an editing interface is provided, and the editing interface is used to display the node library and an editing area, and the editing area is an area used to generate a target interface.

[0138] For example, the cloud service platform or the second device can display an editing interface as shown in FIG. 7, and the editing interface comprises a node library and an editing area, and the node library comprises five interaction objects and nodes of the five interaction objects, which are an input box object and nodes 11 and 12 of the input box object, a confirmation object and node 2 of the confirmation object, a table object and nodes 31 and 32 of the table object, a text object and nodes 41 and 42 of the text object, and an API object and nodes 51, 52 and 53 of the API object.

[0139] The interface developer can select a plurality of interactive objects required for implementing the target function from the node library based on the target function implemented by the target interface to be generated, and select at least one node of each interactive object from the plurality of interactive objects included in the node library with reference to the target function.

[0140] For example, it is assumed that the target interface as shown in FIG. 8 needs to be generated, and the target function implemented by the target interface is to query records including a view name input by a user from a database when the user inputs the view name into an input box, display the queried records, and replace default text content "demo text control" with "query result", change the font from Kai Ti to Song Ti, and enlarge the font size from five to four.

[0141] The interface developer can select a plurality of interactive objects required for implementing the target function from the node library based on the target function implemented by the target interface as shown in FIG. 8, and the selected plurality of interactive objects include an input box object, an API object, a table object, and a text object. Then, with reference to the target function, the interface developer selects node 11 and node 12 of the input box object from node 11 and node 12 of the input box object included in the node library, selects node 51, node 52, and node 53 of the API object from node 51, node 52, and node 53 of the API object included in the node library, selects node 31 and node 32 of the table object from node 31 and node 32 of the table object included in the node library, and selects node 41 and node 42 of the text object from node 41 and node 42 of the text object included in the node library.

[0142] The process of implementing the target function by the selected interactive objects and nodes can be as follows: when the user inputs a view name to be queried into the input box object, the input operation performed by the user configures the attribute value of the data attribute 11 of the input box object as the input view name to be queried, so that the attribute value of the data attribute 11 of the input box object changes.

[0143] Based on node 11, the change of the attribute value of the data attribute 11 of the input box object can be listened to. When the change of the attribute value of the data attribute 11 of the input box object is listened to, the attribute value of the command attribute 12 of the input box object is assigned based on node 12, so that the attribute value of the command attribute 12 of the input box object changes. When the attribute value of the command attribute 12 of the input box object changes, the first rendering operation bound to the command attribute 12 of the input box object is executed based on the view name to be queried included in the attribute value of the data attribute 11 of the input box object, so as to display the view name to be queried included in the attribute value of the data attribute 11 of the input box object in the input box included in the input box object.

[0144] Based on the node 52, the attribute value of the data attribute 121 of the API object is assigned, so that the attribute value of the data attribute 121 of the API object includes the address of the database. Based on the node 53, the attribute value of the data attribute 11 of the input box object is queried to obtain the view name to be queried, and the attribute value of the data attribute 122 of the API object is configured to include the view name to be queried.

[0145] Based on the node 51, the attribute value of the command attribute 12 of the API object is assigned, so that the attribute value of the command attribute 12 of the API object changes. When the attribute value of the command attribute 12 of the API object changes, based on the address of the database included by the attribute value of the data attribute 121 of the API object and the view name to be queried included by the attribute value of the data attribute 122 of the API object, a query operation bound to the command attribute 12 of the API object is executed to query records including the view name to be queried from the database, and the attribute value of the data attribute 13 of the API object is configured to include the queried records.

[0146] Based on the node 32, the attribute value of the data attribute 13 of the API object is queried to obtain the queried records, and the attribute value of the data attribute 12 of the table object is configured to include the queried records. Based on the node 31, the attribute value of the command attribute 12 of the table object is assigned, so that the attribute value of the command attribute 12 of the table object changes. When the attribute value of the command attribute 12 of the table object changes, based on the queried records included by the attribute value of the data attribute 12 of the table object, a display operation bound to the command attribute 12 of the table object is executed to display the queried records included by the attribute value of the data attribute 12 of the table object in the table of the table object.

[0147] Based on the node 42, the attribute values of the data attribute 121, the data attribute 122 and the data attribute 123 of the text object are assigned, so that the attribute value of the data attribute 121 of the text object is the text content to be displayed “query result”, the attribute value of the data attribute 122 of the text object is the font of the text content to be displayed (such as Songti), and the attribute value of the data attribute 123 of the text object is the font size of the text content to be displayed (such as four).

[0148] Based on the node 41, the attribute value of the command attribute 12 of the text object is assigned, so that the attribute value of the command attribute 12 of the text object changes. When the attribute value of the command attribute 12 of the text object changes, based on the text content to be displayed “query result” included by the attribute value of the data attribute 121 of the text object, the font included by the attribute value of the data attribute 122 of the text object and the font size included by the attribute value of the data attribute 123 of the text object, a second rendering operation bound to the command attribute 12 of the text object is executed to display “query result” in Songti and four. In this way, the target function of the target interface shown in FIG. 8 is realized.

[0149] Step 603: In response to the selection operation on the first interaction object, the second interaction object, the first node of the first interaction object and the second node of the second interaction object in the node library, display the first interaction object, the second interaction object, the first node and the second node in the editing area of the editing interface.

[0150] The first interaction object and the second interaction object are two of the multiple interaction objects selected by the interface developer, and the first node and the second node are two of the multiple nodes selected by the interface developer.

[0151] Therefore, in step 603, in response to the selection operation on the multiple interaction objects in the node library and the selection operation on the nodes of each of the multiple interaction objects, the cloud service platform or the second device can display the selected multiple interaction objects and the nodes of each of the multiple interaction objects in the editing area of the editing interface, the multiple interaction objects including the first interaction object and the second interaction object, and the nodes of each of the multiple interaction objects including the first node and the second node.

[0152] The multiple interaction objects required to implement the target function include a first type of interaction object and at least one second type of interaction object. The target function includes at least one processing operation, and the at least one processing operation includes a processing operation implemented by the at least one second type of interaction object. Optionally, the at least one processing operation can also include a processing operation implemented by the first type of interaction object.

[0153] Suppose the multiple interaction objects required to implement the target function include the first interaction object and the second interaction object, the first interaction object is the first type of interaction object, and the second interaction object is the second type of interaction object. That is, the at least one second type of interaction object includes the second interaction object.

[0154] The first interaction object is used to interact with the interaction operation performed by the user, and the second interaction object is used to implement the first processing operation. The at least one processing operation of the target function includes the first processing operation. For example, as shown in FIG. 7, the first interaction object can be an input box object, and the second interaction object can be an API object.

[0155] In some embodiments, taking the selection operation as a click operation as an example, the interface developer refers to the target function implemented by the target interface to be generated, and clicks multiple times in the node library to implement the multiple interaction objects required by the target function and the nodes of each of the multiple interaction objects. When implemented:

[0156] The interface developer refers to a target function of a target interface, and clicks a first interaction object and a second interaction object required to implement the target function in the node library. The target function is referred to, a node of the first interaction object is clicked in at least one node of the first interaction object included in the node library, and a node of the second interaction object is clicked in at least one node of the second interaction object. For ease of description, the clicked node of the first interaction object is referred to as a first node, and the clicked node of the second interaction object is referred to as a second node.

[0157] In response to the click operation on the first interaction object, the second interaction object, the first node, and the second node, the cloud service platform or the second device acquires the first interaction object, the second interaction object, the first node, and the second node, and displays the first interaction object, the second interaction object, the first node, and the second node in an editing area of the editing interface.

[0158] For example, the editing area is an upper half area and a lower half area, as shown in FIG. 7, in response to a click operation on an input box object, an API object, a table object, and a text object in the node library, the cloud service platform or the second device displays the input box object, the API object, the table object, and the text object in the upper half area included in the editing area of the editing interface.

[0159] In response to the click operation on the nodes 11 and 12 of the input box object, the nodes 51, 52, and 53 of the API object, the nodes 32 and 31 of the table object, and the nodes 42 and 41 of the text object, the cloud service platform or the second device displays the nodes 11 and 12 of the input box object, the nodes 51, 52, and 53 of the API object, the nodes 32 and 31 of the table object, and the nodes 42 and 41 of the text object in the lower half area included in the editing area of the editing interface.

[0160] The first node is used to listen to the first interaction object, and the second node is used to indicate the first processing operation. For example, the first node is the node 11 of the input box object, which is used to listen to the input box object, and the second node is the node 51 of the API object, which is used to indicate the query operation of the API object.

[0161] Optionally, the first node includes a listening event, and the listening event is used to listen to an interaction attribute of the first interaction object. The interaction operation performed by the user is used to modify an attribute value of the interaction attribute. The first node is the first type of node described above, and can listen to whether there is an interaction operation performed by the user to interact with the first interaction object.

[0162] The interaction attribute of the first interaction object includes a command attribute, and the interaction operation performed by the user is used to modify the attribute value of the command attribute; or the interaction attribute of the first interaction object includes a data attribute, and the interaction operation performed by the user is an input operation, and the input operation is used to configure the attribute value of the data attribute to include user input data.

[0163] Optionally, the second node includes a command attribute of the second interaction object, the command attribute of the second interaction object is bound to the first processing operation, the second node is used to assign a value to the attribute value of the command attribute of the second interaction object, so that the attribute value of the command attribute of the second interaction object changes, the second node is the second type of node, and the second node further includes an attribute assignment operation.

[0164] When the attribute value of the command attribute of the second interaction object changes, the first processing operation bound to the command attribute of the second interaction object can be executed, so the second node is used to instruct the first processing operation.

[0165] In some embodiments, the target function can also require a node of the second interaction object other than the second node, and the interface developer can refer to the target function, click another node of the second interaction object in at least one node of the second interaction object included in the node library, and for the convenience of description, the clicked another node of the second interaction object is referred to as a third node. In response to the click operation on the third node, the cloud service platform or the second device acquires the third node and displays the third node in the editing area of the editing interface.

[0166] The third node includes a first data attribute of the second interaction object and parameter information required for executing the first processing operation, and the third node is used to configure the attribute value of the first data attribute to include the parameter information. Therefore, the third node is the third type of node, and can assign a value to the attribute value of the first data attribute of the second interaction object, and the third node further includes an attribute assignment operation. The second node is used to instruct the execution of the first processing operation based on the parameter information included in the attribute value of the first data attribute. Optionally, after the third node is selected, the interface developer can configure the parameter information in the third node, so that the third node includes the parameter information.

[0167] For example, the third node can be the node 52 and the node 53 of the API object, the node 52 can make the attribute value of the data attribute 121 of the API object include the address of the database, and the node 53 can make the attribute value of the data attribute 122 of the API object include the view name to be queried, so that when the node 51 of the API object is used to execute the query operation, the record including the view name to be queried is queried from the database.

[0168] In some embodiments, the target function can also require a node of the first interaction object other than the first node, the interface developer can refer to the target function, click another node of the first interaction object in at least one node of the first interaction object included in the node library, for the convenience of description, the clicked another node of the first interaction object is referred to as a fourth node. The fourth node is used to indicate a second processing operation implemented by the first interaction object, and at least one processing operation of the target function also includes the second processing operation. In response to the click operation on the fourth node, the cloud service platform or the second device acquires the fourth node and displays the fourth node in the editing area of the editing interface.

[0169] Optionally, the fourth node includes a command attribute of the first interaction object, the command attribute of the first interaction object is bound to the second processing operation, and the fourth node is used to assign a property value to the command attribute of the first interaction object, so that the property value of the command attribute of the first interaction object changes. The fourth node is the second type of node described above, and the fourth node further includes an attribute assignment operation.

[0170] When the property value of the command attribute of the first interaction object changes, the second processing operation bound to the command attribute of the first interaction object can be executed, so the fourth node is used to indicate the second processing operation.

[0171] For example, the fourth node can be a node 12 of an input box object, the node 12 can assign a property value to a command attribute 12 of the input box object, and when the property value of the command attribute 12 of the input box object changes, a first rendering operation bound to the command attribute 12 of the input box object is executed.

[0172] In some embodiments, if the target function requires multiple interaction objects in addition to the first interaction object and the second interaction object, for example, a third interaction object is also required, the interface developer continues to refer to the target function, clicks the third interaction object in the object library, and in at least one node of the third interaction object, clicks a certain node of the third interaction object, for the convenience of description, the clicked certain node of the third interaction object is referred to as a fifth node. The fifth node is used to indicate a third processing operation implemented by the third interaction object, and at least one processing operation of the target function also includes the third processing operation. In response to the click operation on the third interaction object and the click operation on the fifth node, the cloud service platform or the second device acquires the third interaction object and the fifth node and displays the third interaction object and the fifth node in the editing area of the editing interface.

[0173] Optionally, the fifth node includes a command attribute of the third interaction object, the command attribute of the third interaction object is bound to the third processing operation, and the fifth node is used to assign a property value to the command attribute of the third interaction object, so that the property value of the command attribute of the third interaction object changes, and the fifth node is the second type of node described above.

[0174] When the attribute value of the command attribute of the third interaction object changes, the third processing operation bound to the command attribute of the third interaction object can be executed, and therefore the fifth node is used to indicate the third processing operation.

[0175] For example, the third interaction object is a table object, and the fifth node can be a node 31 of the table object. The node 31 can assign a value to the attribute value of the command attribute 12 of the table object. When the attribute value of the command attribute 12 of the table object changes, a display operation bound to the command attribute 12 of the table object is executed.

[0176] In some embodiments, the target function can also require a node of the third interaction object other than the fifth node. The interface developer refers to the target function, clicks another node of the third interaction object in at least one node of the third interaction object included in the node library, and for the purpose of facilitating description, the clicked another node of the third interaction object is referred to as a sixth node. In response to the clicking operation on the sixth node, the cloud service platform or the second device acquires the sixth node and displays the sixth node in the editing area of the editing interface.

[0177] The sixth node includes a data query method and a data attribute of the third interaction object, and the attribute value of the second data attribute of the second interaction object includes an execution result obtained by executing the first processing operation. The data query method is used to query the execution result. The sixth node is used to indicate that the attribute value of the data attribute of the third interaction object is configured to include the execution result obtained by querying the attribute value of the second data attribute of the second interaction object based on the data query method, and the sixth node is the third type of node. Optionally, after the sixth node is selected, the interface developer can configure the data query method in the sixth node to query the attribute value of the second data attribute of the second interaction object.

[0178] The fifth node is used to indicate that the third processing operation is executed based on the execution result included in the attribute value of the data attribute of the third interaction object.

[0179] For example, the sixth node can be a node 32 of the table object, and the node 32 includes a data query method 1 and a data attribute 12 of the table object. In this way, the attribute value of the data attribute 13 of the API object is queried by the data query method 1 to obtain queried records, and the attribute value of the data attribute 12 of the table object is configured to include the queried records. Then, the node 31 of the table object assigns a value to the attribute value of the command attribute 12 of the table object, so that the attribute value of the command attribute 12 of the table object changes. When the attribute value of the command attribute 12 of the table object changes, the queried records included in the attribute value of the data attribute 12 of the table object are displayed in the table of the table object based on the queried records included in the attribute value of the data attribute 12 of the table object.

[0180] Step 604: based on the first node and the second node displayed in the editing area, obtaining a processing flowchart, the processing flowchart being used to describe a calling relationship between the first interactive object and the second interactive object.

[0181] In step 604, the execution order between the first node and the second node is obtained, and a processing flowchart is obtained based on the execution order, the processing flowchart including the first node and the second node, and the execution order of the second node being later than the execution order of the first node.

[0182] For the plurality of nodes displayed in the editing area of the editing interface, for any two nodes with execution order, the interface developer can use a connection line to connect the two nodes to represent the execution order between the two nodes through the connection line.

[0183] The cloud service platform or the second device displays a first node (such as the node 11 of the input box object shown in FIG. 7), a second node (such as the node 51 of the API object shown in FIG. 7), a third node (such as the nodes 52 and 53 of the API object shown in FIG. 7), a fourth node (such as the node 12 of the input box object shown in FIG. 7), a fifth node (such as the node 31 of the table object shown in FIG. 7), and a sixth node (such as the node 32 of the table object shown in FIG. 7) in the editing area of the editing interface.

[0184] The execution order of the first node is earlier than the execution order of the third node and the fourth node, and the execution order between the third node and the fourth node can not be distinguished, so the interface developer uses a connection line to connect the first node and the fourth node (as shown in FIG. 7, a connection line is used to connect the node 11 of the input box object and the node 12 of the input box object), and uses a connection line to connect the first node and the third node (as shown in FIG. 7, a connection line is used to connect the node 11 of the input box object and the node 52 of the API object, and a connection line is used to connect the node 11 of the input box object and the node 53 of the API object).

[0185] The execution order of the third node is earlier than the execution order of the second node, so the interface developer uses a connection line to connect the third node and the second node (as shown in FIG. 7, a connection line is used to connect the node 52 of the API object and the node 51 of the API object, and a connection line is used to connect the node 53 of the API object and the node 51 of the API object).

[0186] The execution order of the second node is earlier than the execution order of the sixth node, so the interface developer uses a connection line to connect the second node and the sixth node (as shown in FIG. 7, a connection line is used to connect the node 51 of the API object and the node 32 of the table object).

[0187] The execution order of the sixth node is earlier than the execution order of the fifth node, so the interface developer connects the sixth node and the fifth node by using a connection line (as shown in FIG. 7, the node 32 of the table object and the node 31 of the table object are connected by using a connection line).

[0188] If there are other nodes in the editing area of the editing interface, the interface developer can connect the other nodes by using a connection line. For example, as shown in FIG. 7, the execution order of the node 31 of the table object is earlier than the execution order of the node 42 of the text object, so the interface developer connects the node 31 of the table object and the node 42 of the text object by using a connection line. The execution order of the node 42 of the text object is earlier than the execution order of the node 41 of the text object, so the interface developer connects the node 42 of the text object and the node 41 of the text object by using a connection line.

[0189] In step 604, the cloud service platform or the second device obtains the execution orders among the plurality of nodes based on the connection lines of the plurality of nodes displayed by the editing area of the editing interface, and obtains a process flowchart based on the execution orders among the plurality of nodes. The process flowchart includes the first node, the fourth node, the third node, the second node, the sixth node, and the fifth node, the execution order of the first node is earlier than the execution orders of the fourth node and the third node, the execution order of the third node is earlier than the execution order of the second node, the execution order of the second node is earlier than the execution order of the sixth node, and the execution order of the sixth node is earlier than the execution order of the fifth node.

[0190] For example, the cloud service platform or the second device obtains the execution orders among the 9 nodes based on the connection lines of the 9 nodes displayed by the editing area of the editing interface shown in FIG. 7, and obtains the process flowchart shown in FIG. 9 based on the execution orders among the 9 nodes. The process flowchart includes the node 11 and the node 12 of the input box object, the node 52, the node 53, and the node 51 of the API object, the node 32 and the node 31 of the table object, and the node 42 and the node 41 of the text object.

[0191] In the process flowchart shown in FIG. 9, the execution order of the node 11 of the input box object is earlier than the execution order of the node 12 of the input box object, the execution order of the node 52 of the API object, and the execution order of the node 53 of the API object. The execution order of the node 52 of the API object and the execution order of the node 53 of the API object are both earlier than the execution order of the node 51 of the API object. The execution order of the node 51 of the API object is earlier than the execution order of the node 32 of the table object. The execution order of the node 32 of the table object is earlier than the execution order of the node 31 of the table object. The execution order of the node 31 of the table object is earlier than the execution order of the node 42 of the text object. The execution order of the node 42 of the text object is earlier than the execution order of the node 41 of the text object.

[0192] In some embodiments, for the second type of node in the processing flowchart, the interface developer can also configure a property value into the second type of node, so that the second type of node includes the configured property value, and the second type of node is used to assign the property value of the command attribute 12 of the interactive object to the configured property value when assigning the property value of the command attribute 12 of the interactive object. Alternatively, the interface developer can also not configure a property value into the second type of node, so that the second type of node assigns the property value of the command attribute 12 of the interactive object to a default value or a random value when assigning the property value of the command attribute 12 of the interactive object.

[0193] For example, the processing flowchart shown in FIG. 7 includes the second type of node of the API object node 51, the table object node 31 and the text object node 41.

[0194] The interface developer can configure a property value 1 into the API object node 51, so that the API object node 51 includes the property value 1, and the API object node 51 can be used to assign the property value of the command attribute 12 of the API object to 1.

[0195] The interface developer can configure a property value 2 into the table object node 31, so that the table object node 31 includes the property value 2, and the table object node 31 can be used to assign the property value of the command attribute 12 of the table object to 2.

[0196] The interface developer can configure a property value 3 into the text object node 41, so that the text object node 41 includes the property value 3, and the text object node 41 can be used to assign the property value of the command attribute 12 of the text object to 3.

[0197] In some embodiments, for the third type of node in the processing flowchart, if the third type of node includes the data attribute 12 of the interactive object and the attribute assignment operation, the interface developer can configure parameter information into the third type of node, so that the third type of node includes the configured parameter information. In this way, the third type of node is used to assign the property value of the data attribute 12 of the interactive object to the configured parameter information when assigning the property value of the data attribute 12 of the interactive object.

[0198] Optionally, before assigning the property value of the data attribute 12 of the interactive object, the property value of the data attribute 12 of the interactive object can be a default value.

[0199] For example, the processing flowchart shown in FIG. 7 includes the third type of node of the API object node 52 and the text object node 42.

[0200] The node 52 of the API object includes the data attribute 121 of the API object and the attribute assignment operation 6. The interface developer can configure the parameter information in the node 52 of the API object, and the parameter information is the address of the database, so that the node 52 of the API object includes the address of the database, and the node 52 of the API object can be used to assign the attribute value of the data attribute 121 of the API object to the address of the database.

[0201] The attribute value of the data attribute 121 of the text object can be default text content (e.g., default "demo text control"), the attribute value of the data attribute 122 of the text object can be a default font (e.g., default font is KaiTi), and the attribute value of the data attribute 123 of the text object can be a default font size (e.g., default font size is five). When displaying the text object included in the target interface shown in FIG. 8, the default text content included based on the attribute value of the data attribute 121 of the text object, the default font included based on the attribute value of the data attribute 122, and the default font size included based on the attribute value of the data attribute 123, the default text content is displayed, that is, "demo text control" in five KaiTi is displayed.

[0202] The node 42 of the text object includes the data attribute 121, the data attribute 122, the data attribute 123 of the text object, and the attribute assignment operation 4. The interface developer can configure the parameter information in the node 52 of the API object, and the parameter information includes the text content to be displayed "query result", the font of the text content to be displayed (e.g., SongTi), and the font size of the text content to be displayed (e.g., four). In this way, the node 42 of the text object includes the text content to be displayed "query result", the font of the text content to be displayed, and the font size of the text content to be displayed, and the node 52 of the API object can be used to assign the attribute value of the data attribute 121 of the text object to the text content to be displayed "query result", assign the attribute value of the data attribute 122 of the text object to the font of the text content to be displayed (e.g., SongTi), and assign the attribute value of the data attribute 123 of the text object to the font size of the text content to be displayed (e.g., four).

[0203] In some embodiments, for the third type of node in the process flow diagram, if the third type of node includes the data attribute 12 of the interactive object and the data query method, the interface developer can configure the data query method to query the attribute value of the data attribute of the other interactive object. In this way, the third type of node is used to query the attribute value of the data attribute of the other interactive object, and the attribute value of the data attribute 12 of the interactive object is assigned to the queried attribute value.

[0204] For example, the third type of node included in the process flow diagram shown in FIG. 7 also includes the node 53 of the API object and the node 32 of the table object.

[0205] The node 53 of the API object includes the data attribute 122 of the API object and the data query method 2, and the interface developer can configure the data query method 2 to query the attribute value of the data attribute 11 of the input box object. The attribute value of the data attribute 11 of the input box object includes the user input data, so that the node 53 of the API object is used to query the attribute value of the data attribute 11 of the input box object to obtain the user input data, and the attribute value of the data attribute 122 of the API object is assigned as the user input data.

[0206] The node 32 of the table object includes the data attribute 12 of the table object and the data query method 1, and the interface developer can configure the data query method 1 to query the data attribute 13 of the API object. The attribute value of the data attribute 13 of the API object includes the queried record, so that the node 32 of the table object is used to query the attribute value of the data attribute 13 of the API object to obtain the queried record, and the attribute value of the data attribute 12 of the table object is assigned as the queried record.

[0207] In step 605, an interface file is generated based on the processing flowchart, and the interface file is used to be loaded in a browser to generate a target interface, and the target interface includes the second interactive object of the first interactive object.

[0208] In some embodiments, the editing area further includes other interactive objects, such as further including a third interactive object, and the target interface further includes the third interactive object.

[0209] In some embodiments, the cloud service platform or the second device registers the command attribute included in each second-type node in the processing flowchart into the processing engine.

[0210] In some embodiments, the interface file includes a page configuration file and an execution framework, the execution framework can include the processing engine and a plurality of interactive objects in the target interface, and the page configuration file includes the processing flowchart.

[0211] For example, referring to FIG. 10, the target interface includes an input box object, an API object, a table object, a text object, a processing flowchart and a processing engine. The second-type nodes in the processing flowchart include the node 51 of the API object, the node 31 of the table object and the node 41 of the text object. The cloud service platform or the second device registers the command attribute 12 of the API object included in the node 51 of the API object, the command attribute 12 of the table object included in the node 31 of the table object and the command attribute 12 of the text object included in the node 41 of the text object into the processing engine.

[0212] Optionally, the cloud service platform or the second device can package the processing object in the target interface, the processing flowchart and the processing engine into an interface file, send the interface file to a server, and the server receives and saves the interface file.

[0213] Optionally, the interface file can be a webpage.

[0214] Optionally, the interface file includes a JavaScript script file, etc.

[0215] For example, the cloud service platform or the second device can package the interactive objects (input box object, API object, table object, text object) in the target interface shown in FIG. 10, the process flowchart and the processing engine into an interface file, send the interface file to the server, and the server receives and saves the interface file.

[0216] In the embodiment of the present application, the cloud service platform or the second device provides an editing interface, and the editing interface includes a node library and an editing area. The interface developer selects a plurality of interactive objects and nodes of each interactive object from the node library based on the target function to be implemented by the target interface to be generated. The cloud service platform or the second device displays the plurality of selected interactive objects and nodes in the editing area of the editing interface, and the interface developer connects the plurality of nodes by a connection line to represent the execution order between the plurality of nodes. The cloud service platform or the second device obtains a process flowchart based on the execution order, the process flowchart is used to describe the calling relationship between the plurality of interactive objects, generates an interface file, and the interface file includes the plurality of interactive objects and the process flowchart. In this way, the interface developer can obtain the interface file for generating the target interface by selecting the interactive objects and nodes from the node library, and does not need to edit a large amount of code, thereby reducing the cost of generating the target interface.

[0217] Referring to FIG. 11, the embodiment of the present application provides a method 1100 for processing an interface, the method 1100 implements an operation of processing an interface to provide a target interface, implement a target function when a user performs an interactive operation on a first interactive object of the target interface, and the method 1100 can be applied to the third device 105 in the network architecture 100 shown in FIG. 5, and the method 1100 includes the following processes.

[0218] Step 1101: providing a target interface, the target interface including a first interactive object and a second interactive object, the first interactive object being used to interact with an interactive operation performed by a user, and the second interactive object being used to implement a first processing operation.

[0219] In step 1101, the third device can obtain an interface file from the server, and the interface file includes a plurality of interactive objects in the target interface, a process flowchart and a processing engine. The target interface is provided based on the interface file. In addition to the first interactive object and the second interactive object, the target interface can also include other interactive objects, for example, it can also include a third interactive object.

[0220] In some embodiments, the third device comprises a browser, and the server is accessed using the browser to obtain the interface file from the server. The interface file is loaded using the browser to provide the target interface.

[0221] For example, the server stores an interface file, which comprises a plurality of interactive objects in a target interface, a process flowchart and a processing engine. The plurality of interactive objects in the target interface comprises the input box object, the API object, the table object and the text object shown in FIG. 10. The third device obtains the interface file from the server, and provides the target interface shown in FIG. 8 based on the interface file.

[0222] In some embodiments, the second interactive object can further comprise an attribute binding method, and the third device binds the command attribute of the second interactive object and the first processing operation through the attribute binding method when providing the target interface. Alternatively, the third device loads the correspondence between the command attribute of the second interactive object and the first processing operation into the memory of the third device through the attribute binding method.

[0223] In some embodiments, the first interactive object can further implement a second processing operation, and the first interactive object can further comprise an attribute binding method, and the third device binds the command attribute (the command attribute 12) of the first interactive object and the second processing operation through the attribute binding method of the first interactive object when providing the target interface. Alternatively, the third device loads the correspondence between the command attribute of the first interactive object and the second processing operation into the memory of the third device through the attribute binding method of the first interactive object.

[0224] Step 1102: Obtain a process flowchart, the process flowchart comprising a first node and a second node, the first node being used for listening to a first interactive object, and the second node being used for indicating a first processing operation.

[0225] In step 1102, the third device obtains the process flowchart from the interface file, and the process flowchart can comprise other nodes in addition to the first node and the second node, for example, the third node, the fourth node, the fifth node and / or the sixth node, etc.

[0226] For example, the third device obtains the process flowchart shown in FIG. 9 from the interface file, and the process flowchart comprises the node 11 and the node 12 of the input box object, the node 52, the node 53 and the node 51 of the API object, the node 32 and the node 31 of the table object, and the node 42 and the node 41 of the text object.

[0227] Step 1103: When the first node listens to the interactive operation performed by the user and interacts with the first interactive object, the second node is executed to implement the first processing operation, so as to realize the target function of the target interface.

[0228] The user can perform an interaction operation on the first interaction object. Optionally, the interaction operation performed by the user can include one or more of the following: an input operation, a click operation, a hovering operation, and the like.

[0229] The first node includes a listening event for listening to an interaction attribute of the first interaction object, and the interaction operation performed by the user is used to modify an attribute value of the interaction attribute of the first interaction object. The second node includes a command attribute (the command attribute 12 of the second interaction object) of the second interaction object, and the command attribute of the second interaction object is bound to the first processing operation. The target interface further includes a processing engine.

[0230] In step 1103, when the attribute value of the interaction attribute of the first interaction object is changed based on the listening event, it is determined that the interaction operation performed by the user interacts with the first interaction object. The second node is called, and the execution order of the second node in the processing flowchart is later than that of the first node. The attribute value of the command attribute of the second interaction object is assigned based on the second node, so that the attribute value of the command attribute of the second interaction object is changed. The processing engine executes the first processing operation bound to the command attribute of the second interaction object when the attribute value of the command attribute of the second interaction object is changed.

[0231] In some embodiments, the second node further includes an attribute assignment operation. The attribute value of the command attribute of the second interaction object is assigned through the attribute assignment operation. Optionally, the second node includes an attribute value configured by an interface developer, and the attribute value of the command attribute of the second interaction object can be assigned as the attribute value included in the second node. Alternatively, the second node can not include an attribute value configured by an interface developer, and the attribute value of the command attribute of the second interaction object can be assigned as a default value or a random value.

[0232] Since the command attribute of the second interaction object (the command attribute 12 of the second interaction object) is registered to the processing engine, when the attribute value of the command attribute of the second interaction object is changed, the processing engine can discover the change and execute the first processing operation bound to the command attribute of the second interaction object. Optionally, the processing engine obtains the first processing operation based on the command attribute of the second interaction object from the correspondence between the command attribute and the processing operation saved in the memory of the third device, and executes the first processing operation.

[0233] In some embodiments, the interaction attribute of the first interaction object comprises a command attribute (as the command attribute 11 of the first interaction object), and the interaction operation performed by the user is used to modify the attribute value of the command attribute of the first interaction object. For example, the interaction operation performed by the user is a clicking operation, and the attribute value of the command attribute of the first interaction object is modified when the user clicks the first interaction object by the clicking operation. Or, for another example, the interaction operation performed by the user is a hovering operation, and the attribute value of the command attribute of the first interaction object is modified when the user hovers the mouse over the first interaction object.

[0234] In some embodiments, the interaction attribute of the first interaction object comprises a data attribute (as the data attribute 11 of the first interaction object), and the interaction operation performed by the user is an input operation, and the attribute value of the data attribute of the first interaction object configured by the input operation comprises data input by the user.

[0235] In some embodiments, the processing flowchart further comprises a third node, and the third node comprises the first data attribute (as the data attribute 12 of the second interaction object) of the second interaction object and the parameter information required for performing the first processing operation.

[0236] Thus, in step 1103, when the first node detects that the interaction operation performed by the user interacts with the first interaction object, the third node is invoked, and the execution order of the third node in the processing flowchart is later than that of the first node. The attribute value of the first data attribute of the second interaction object configured based on the third node comprises the parameter information. The second node is invoked, and the execution order of the second node in the processing flowchart is later than that of the third node.

[0237] Then, based on the first data attribute of the second interaction object comprising the parameter information and the second node, the first processing operation is performed. That is, the attribute value of the command attribute of the second interaction object is assigned based on the second node, so that the attribute value of the command attribute of the second interaction object changes. When the attribute value of the command attribute of the second interaction object changes, the processing engine performs the first processing operation bound to the command attribute of the second interaction object based on the parameter information comprised by the attribute value of the first data attribute of the second interaction object.

[0238] In some embodiments, the third node further comprises an attribute assignment operation. The attribute value of the first data attribute of the second interaction object configured by the attribute assignment operation comprises the parameter information.

[0239] In some embodiments, the first interaction object is further used to implement a second processing operation, and the processing flowchart further comprises a fourth node used to indicate the second processing operation.

[0240] Thus, in step 1103, when the first node detects that the user performs an interaction operation to interact with the first interaction object, a fourth node is invoked, and the execution order of the fourth node in the processing flow chart is later than that of the first node. The fourth node performs a second processing operation.

[0241] In some embodiments, the fourth node includes a command attribute (command attribute 12 of the first interaction object) of the first interaction object and an attribute assignment operation. The attribute value of the command attribute of the first interaction object is assigned through the attribute assignment operation. Optionally, the fourth node includes an attribute value configured by the interface developer, and the attribute value of the command attribute of the first interaction object can be assigned as the attribute value included in the fourth node. Alternatively, the fourth node can not include an attribute value configured by the interface developer, and the attribute value of the command attribute of the first interaction object can be assigned as a default value or a random value.

[0242] Since the command attribute (command attribute 12 of the first interaction object) of the first interaction object is registered to the processing engine, when the command attribute of the first interaction object changes, the processing engine can discover the change and execute the second processing operation bound to the command attribute of the first interaction object. Optionally, the processing engine obtains the second processing operation based on the command attribute of the first interaction object from the correspondence between the command attribute saved in the memory of the third device and the processing operation, and executes the second processing operation.

[0243] For example, referring to the target interface shown in FIG. 8, the input box object corresponds to the first interaction object, and the API object corresponds to the second interaction object. The interaction operation performed by the user is an input operation. Referring to FIG. 12, the user inputs the view name to be queried as "test for old benefits" to the input box object through the input operation, and the input operation configures the attribute value of the data attribute 11 of the input box object as "test for old benefits".

[0244] Referring to FIG. 9, the processing flow chart includes the node 11 and the node 12 of the input box object, the node 52, the node 53 and the node 51 of the API object, the node 32 and the node 31 of the table object, and the node 42 and the node 41 of the text object. Among them, the above-mentioned first node can be the node 11 of the input box object, the above-mentioned fourth node can be the node 12 of the input box object, the above-mentioned third node includes the node 52 and the node 53 of the API object, and the above-mentioned second node is the node 51 of the API object.

[0245] The node 11 of the input box object includes a listening event 1, which is used to listen to whether the attribute value of the data attribute 11 of the input box object changes. Therefore, when the attribute value change of the data attribute 11 of the input box object is listened to based on the listening event 1, the node 12 of the input box object, the node 52 of the API object and the node 53 of the API object are called, and the execution order of the node 12 of the input box object, the execution order of the node 52 of the API object and the execution order of the node 53 of the API object are all later than the execution order of the node 11 of the input box object in the processing flowchart shown in FIG. 9.

[0246] The node 12 of the input box object includes a command attribute 12 of the input box object (the command attribute 12 of the input box object is bound with the first rendering operation implemented by the input box object) and an attribute assignment operation 1. The third device assigns the attribute value of the command attribute 12 of the input box object through the assignment operation 1. Referring to FIG. 12, the processing engine executes the first rendering operation bound with the command attribute 12 of the input box object to render “Old Test” in the input box of the input box object based on the attribute value of the data attribute 11 of the input box object when the attribute value of the command attribute 12 of the input box object changes.

[0247] The node 52 of the API object includes a data attribute 121 of the API object, an attribute assignment operation 6 and parameter information configured by the interface developer, which includes the address of the database. The third device assigns the attribute value of the data attribute 121 of the API object as the address of the database through the attribute assignment operation 6, so that the attribute value of the data attribute 121 of the API object includes the address of the database.

[0248] The node 53 of the API object includes a data attribute 122 of the API object and a data query method 2 configured by the interface developer for querying the attribute value of the data attribute 11 of the input box object. The third device queries the attribute value of the data attribute 11 of the input box object through the data query method 2 to obtain the user input “Old Test”, and configures the attribute value of the data attribute 122 of the API object to include the queried “Old Test”.

[0249] The node 51 of the API object is invoked, and the execution order of the node 51 of the API object in the process flowchart shown in FIG. 9 is later than the execution order of the node 12 of the input box object, the execution order of the node 52 of the API object, and the execution order of the node 53 of the API object. The node 51 of the API object includes a command attribute 12 of the API object (the command attribute 12 of the API object is bound to the query operation implemented by the API object) and a property assignment operation 5. The third device assigns a property value to the command attribute 12 of the API object through the property assignment operation 5. When the property value of the command attribute 12 of the API object changes, the processing engine performs the query operation bound to the command attribute 12 of the API object based on the address of the database included in the property value of the data attribute 121 of the API object and the "old customer test" included in the property value of the data attribute 122, to query the record including the "old customer test" from the database, and configures the property value of the data attribute 13 of the API object as the record including the "old customer test".

[0250] In some embodiments, the target interface can include one or more interactive objects in addition to the first interactive object and the second interactive object, and the process flowchart further includes one or more nodes for instructing a third processing operation implemented by the one or more interactive objects. Thus, the third device invokes the one or more nodes, and the execution order of the one or more nodes in the process flowchart is later than the execution order of the second node. The third processing operation is performed based on the one or more nodes.

[0251] In some embodiments, the one or more nodes include a command attribute of the one or more interactive objects (as a command attribute 12 of the one or more interactive objects) and a property assignment operation. The property value of the command attribute of the one or more interactive objects is assigned through the property assignment operation. Optionally, the one or more nodes include a property value configured by the interface developer, and the property value of the command attribute of the one or more interactive objects can be assigned as the property value included in the one or more nodes. Alternatively, the one or more nodes can not include the property value configured by the interface developer, and the property value of the command attribute of the one or more interactive objects can be assigned as a default value or a random value.

[0252] Since the command attribute of the one or more interactive objects (as a command attribute 12 of the one or more interactive objects) is registered to the processing engine, when the command attribute of the one or more interactive objects changes, the processing engine can discover the change and perform the third processing operation bound to the command attribute of the one or more interactive objects.

[0253] In some embodiments, the processing flowchart further comprises a sixth node, the sixth node comprises a data query method and a data attribute of the third interaction object (as the data attribute 12 of the third interaction object), the attribute value of the second data attribute of the second interaction object (as the command attribute 13 of the second interaction object) comprises an execution result obtained by executing the first processing operation, and the data query method is used to query the execution result.

[0254] In this way, after the third device executes the first processing operation based on the second node, the sixth node is invoked, and the execution sequence of the sixth node in the processing flowchart is later than the execution sequence of the second node. Based on the data query method included in the sixth node, the attribute value of the second data attribute of the second interaction object is queried to obtain the execution result. The attribute value of the data attribute of the third interaction object is configured to include the execution result. Then the fifth node is invoked, and the execution sequence of the fifth node in the processing flowchart is later than the execution sequence of the sixth node. Based on the fifth node and the attribute value of the data attribute of the third interaction object including the execution result, the third processing operation is executed.

[0255] For example, the target interface shown in FIG. 8 further comprises a table object and a text object, and the processing flowchart shown in FIG. 9 further comprises a node 32 and a node 31 of the table object, and a node 42 and a node 41 of the text object. Among them, the sixth node described above can be the node 32 of the table object, and the fifth node described above can be the node 31 of the table object.

[0256] After the record including the “old test” is queried from the database, and the attribute value of the data attribute 13 of the API object is configured to include the record of the “old test”, the node 32 of the table object is invoked, and the execution sequence of the node 32 of the table object in the processing flowchart shown in FIG. 9 is later than the node 51 of the API object.

[0257] The node 32 of the table object comprises a data attribute 12 of the table object and a data query method 1, and the data query method 1 is configured by the interface developer to query the attribute value of the data attribute 13 of the API object. The third device queries the attribute value of the data attribute 13 of the API object through the data query method 1 to obtain the record including the “old test”.

[0258] The node 31 of the table object is invoked, and the execution order of the node 31 of the table object is later than that of the node 32 of the table object in the process flow chart shown in FIG. 9. The node 31 of the table object includes the command attribute 12 of the table object (the command attribute 12 of the table object is bound with a display operation implemented by the table object) and the attribute assignment operation 2. The third device assigns the attribute value of the command attribute 12 of the table object through the attribute assignment operation 2. Referring to FIG. 12, when the attribute value of the command attribute 12 of the table object changes, the processing engine executes the display operation bound with the command attribute 12 of the table object based on the attribute value of the data attribute 12 of the table object (including the record of the “legacy test”), to display the record including the “legacy test” on the table of the table object.

[0259] The node 42 of the text object is invoked, and the execution order of the node 42 of the text object is later than that of the node 31 of the table object in the process flow chart shown in FIG. 9. The node 32 of the text object includes the data attribute 121, the data attribute 122, the data attribute 123 of the text object, the attribute assignment operation 4, and the parameter information configured by the interface developer, which includes the text content to be displayed “query result”, the font (such as Songti) of the text content to be displayed, and the font size (such as four) of the text content to be displayed. The third device assigns the attribute value of the data attribute 121 of the text object to the text content to be displayed “query result” through the attribute assignment operation 4, assigns the attribute value of the data attribute 122 of the text object to the font (such as Songti) of the text content to be displayed, and assigns the attribute value of the data attribute 123 of the text object to the font size (such as four) of the text content to be displayed.

[0260] The third device invokes the node 41 of the text object, and the execution order of the node 41 of the text object is later than that of the node 42 of the text object in the process flow chart shown in FIG. 9. The node 41 of the text object includes the command attribute 12 of the text object (the command attribute 12 of the text object is bound with a second rendering operation implemented by the text object) and the attribute assignment operation 3. The third device assigns the attribute value of the command attribute 12 of the text object through the attribute assignment operation 3. Referring to FIG. 12, when the attribute value of the command attribute 12 of the text object changes, the processing engine replaces the default text content on the text object with the “query result” in four Songti based on the attribute value of the data attribute 121 of the text object (the text content to be displayed “query result”), the attribute value of the data attribute 122 of the text object (the font (such as Songti) of the text content to be displayed), and the attribute value of the data attribute 123 of the text object (the font size (such as four) of the text content to be displayed).

[0261] In some embodiments, in the method shown in FIG. 6, after the interface file is generated, the second device or the cloud service platform can provide the target interface to the interface developer based on the interface file. The interface developer can test the target function implemented by the target interface. The interface developer performs the interaction operation on the first interaction object as the user does, so that the second device or the cloud service platform can execute the process of the method 1100 described above to execute the first processing operation of the second interaction object.

[0262] In the embodiments of the present application, the interface file includes a plurality of interaction objects in the target interface and a processing flowchart, the plurality of interaction objects include a first interaction object, a second interaction object and a third interaction object, and the processing flowchart includes a first node, a fourth node, a third node, a second node, a sixth node and a fifth node. When the first node listens to the interaction operation performed by the user and interacts with the first interaction object, the second processing operation of the first interaction object, the first processing operation of the second interaction object and the third processing operation of the third interaction object are executed in turn through the fourth node, the third node, the second node, the sixth node and the fifth node included in the processing flowchart, so as to realize the target function of the target interface. The plurality of interaction objects and the plurality of nodes included in the processing flowchart are a plurality of interaction objects and a plurality of nodes selected by the interface developer from the node library, so that the interface developer can obtain the interface file for generating the target interface by referring to the target function implemented by the target interface from the plurality of interaction objects and the plurality of nodes in the node library. In this way, when the target interface is generated, the interface developer does not need to write a large amount of code, thereby reducing the labor cost of generating the target interface.

[0263] Referring to FIG. 13, the embodiments of the present application provide a device 1300 for processing an interface, which can be deployed on the cloud service platform in the network architecture 100 shown in FIG. 1, FIG. 4 or FIG. 5, or can be deployed on the second device in the network architecture 100 shown in FIG. 4 or FIG. 5. The device 1300 includes:

[0264] The processing unit 1301 is configured to provide an editing interface, the editing interface including an editing area and a node library, the editing area being configured to display a first interaction object and a second interaction object, the first interaction object being configured to interact with an interaction operation performed by a user, and the second interaction object being configured to implement a first processing operation;

[0265] The acquisition unit 1302 is configured to acquire a processing flowchart in response to a selection operation on a first node of the first interaction object and a second node of the second interaction object included in the node library, the first node being configured to listen to whether the first interaction object interacts with the interaction operation, the second node being configured to indicate the first processing operation, the processing flowchart including the first node and the second node, and the processing flowchart being configured to describe a calling relationship between the first interaction object and the second interaction object;

[0266] The processing unit 1301 is further configured to generate, based on the processing flowchart, an interface file, the interface file being used to be loaded in a browser to generate a target interface, the target interface including the first interactive object and the second interactive object, the target interface being used to interact with the interaction operation to implement the first processing operation.

[0267] Optionally, the processing unit 1301 provides a detailed implementation process of the editing interface, which can be referred to related content of step 602 of method 600 shown in FIG. 6, and will not be described in detail here.

[0268] Optionally, the acquisition unit 1302 is configured to acquire, in response to a selection operation on a first node of the first interactive object and a second node of the second interactive object included in the node library, a detailed implementation process of the processing flowchart, which can be referred to related content of step 603 of method 600 shown in FIG. 6, and will not be described in detail here.

[0269] Optionally, the processing unit 1301 generates, based on the processing flowchart, an interface file, which can be referred to related content of step 605 of method 600 shown in FIG. 6, and will not be described in detail here.

[0270] Optionally, the first node includes a listening event, the listening event being used to listen to an interaction attribute of the first interactive object, and the interaction operation is used to modify an attribute value of the interaction attribute.

[0271] Optionally, the interaction attribute includes a command attribute, and the interaction operation is used to modify an attribute value of the command attribute; or, the interaction attribute includes a data attribute, and the interaction operation is an input operation, the input operation being used to configure the attribute value of the data attribute to include user input data.

[0272] Optionally, the second node includes a command attribute of the second interactive object, the command attribute of the second interactive object being bound to the first processing operation.

[0273] The second node is used to assign a value to the attribute value of the command attribute of the second interactive object.

[0274] The second node is used to execute the first processing operation bound to the command attribute of the second interactive object when the attribute value of the command attribute of the second interactive object changes.

[0275] Optionally, the execution order of the second node in the processing flowchart is later than the execution order of the first node.

[0276] Optionally, the processing flowchart further includes a third node of the second interactive object, the execution order of the third node being between the execution order of the first node and the execution order of the second node.

[0277] The third node comprises a first data attribute of the second interactive object and parameter information required for performing the first processing operation, and is configured to configure an attribute value of the first data attribute to include the parameter information;

[0278] The second node is configured to instruct performing the first processing operation based on the parameter information included in the attribute value of the first data attribute.

[0279] Optionally, the first interactive object is further configured to implement a second processing operation, and the processing flowchart further comprises a fourth node of the first interactive object, the execution sequence of the fourth node being later than that of the first node, and the fourth node being configured to instruct the second processing operation.

[0280] Optionally, the target interface further comprises a third interactive object, and the processing flowchart further comprises a fifth node of the third interactive object, the execution sequence of the fifth node being later than that of the second node, and the fifth node being configured to instruct a third processing operation implemented by the third interactive object.

[0281] Optionally, the processing flowchart further comprises a sixth node of the third interactive object, the execution sequence of the sixth node being between the second node and the fifth node, the sixth node comprising a data query method and a data attribute of the third interactive object, and an attribute value of a second data attribute of the second interactive object comprising an execution result obtained by performing the first processing operation, the data query method being configured to query the execution result.

[0282] The sixth node is configured to instruct querying the attribute value of the second data attribute based on the data query method to obtain the execution result, and configuring an attribute value of the data attribute of the third interactive object to include the execution result.

[0283] The fifth node is configured to instruct performing the third processing operation based on the execution result included in the attribute value of the data attribute of the third interactive object.

[0284] In the embodiment of the present application, the editing interface provided by the processing unit includes an editing area and a node library, the editing area is used to display the first interactive object and the second interactive object, so that the interface developer can select the first node of the first interactive object and the second node of the second interactive object. The obtaining unit obtains the processing flowchart including the first node and the second node. Since the first node is used to listen to whether the first interactive object interacts with the interactive operation, and the second node is used to instruct the first processing operation, the processing flowchart is used to describe the calling relationship between the first interactive object and the second interactive object. The processing unit processes the processing flowchart to generate an interface file, and the interface file is used to generate a target interface including the first interactive object and the second interactive object. In this way, when the user interacts with the first interactive object in the target interface, the first processing operation can be executed. Therefore, when the processing unit generates the interface file, the interface developer needs to select the first node and the second node. The processing flowchart including the first node and the second node can describe the calling relationship between the first interactive object and the second interactive object, so that a large amount of code does not need to be written to realize the calling relationship between the first interactive object and the second interactive object, thereby saving the cost of generating the target interface.

[0285] Referring to FIG. 14, the embodiment of the present application provides a system 1400 for processing an interface, the system 1400 includes a cloud service platform 1401 and an interface display device 1402.

[0286] The cloud service platform 1401 is configured to provide an editing interface, the editing interface includes an editing area and a node library, the editing area is used to display a first interactive object and a second interactive object, the first interactive object is used to interact with an interactive operation performed by a user, and the second interactive object is used to implement a first processing operation.

[0287] The cloud service platform 1401 is further configured to, in response to a selection operation on a first node of the first interactive object and a second node of the second interactive object included in the node library, obtain a processing flowchart, the first node is used to listen to whether the first interactive object interacts with the interactive operation, the second node is used to instruct the first processing operation, the processing flowchart includes the first node and the second node, and the processing flowchart is used to describe a calling relationship between the first interactive object and the second interactive object.

[0288] The cloud service platform 1401 is further configured to generate an interface file based on the processing flowchart.

[0289] The interface display device 1402 is configured to load the interface file in a browser to generate a target interface, the target interface includes the first interactive object and the second interactive object, and the first processing operation is executed based on the second node when the first node listens to that the first interactive object interacts with the interactive operation.

[0290] In some embodiments, the cloud service platform 1401 can include the second device in any of the above embodiments. The interface display device 1402 can be the third device in any of the above embodiments.

[0291] In the embodiments of the present application, since the cloud service platform can provide an editing interface, the editing interface includes an editing area and a node library, the editing area is used to display the first interactive object and the second interactive object, so that the interface developer can select the first node of the first interactive object and the second node of the second interactive object. The cloud service platform obtains a processing flowchart including the first node and the second node, since the first node is used to listen whether the first interactive object interacts with the interactive operation, and the second node is used to instruct the first processing operation, so that the processing flowchart is used to describe the calling relationship between the first interactive object and the second interactive object. The cloud service platform generates an interface file based on the processing flowchart. The interface display device displays a target interface including the first interactive object and the second interactive object based on the interface file. In this way, when the user interacts with the first interactive object in the target interface displayed by the interface display device, the interface display device executes the first processing operation, and realizes the function of the target interface. Therefore, when the target interface is generated, the interface developer needs to select the first node and the second node, and the processing flowchart including the first node and the second node can describe the calling relationship between the first interactive object and the second interactive object, without the need to write a large amount of code to realize the calling relationship between the first interactive object and the second interactive object, thereby saving the cost of generating the target interface.

[0292] Referring to FIG. 15, an embodiment of the present application provides a computing device 1500. For example, the computing device 1500 can be a device included in the network architecture 100 shown in FIG. 1, FIG. 4 or FIG. 5, or the computing device 1500 can be a device in the method 600 shown in FIG. 6 or the method 1100 shown in FIG. 11, etc.

[0293] As shown in FIG. 15, the computing device 1500 includes a bus 1502, a processor 1504, a memory 1506 and a communication interface 1508. The processor 1504, the memory 1506 and the communication interface 1508 communicate through the bus 1502. The computing device 1500 can be a server or a terminal device. It should be understood that the number of processors and memories in the computing device 1500 is not limited in the present application.

[0294] The bus 1502 can be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus, or the like. The bus can be divided into an address bus, a data bus, a control bus, or the like. For ease of representation, only one line is represented in FIG. 15, but it does not mean that there is only one bus or only one type of bus. The bus 1502 can include a path for transmitting information between various components (e.g., the processor 1504, the memory 1506, the communication interface 1508) of the computing device 1500.

[0295] The processor 1504 can include any one or more of a central processing unit (CPU), a graphics processing unit (GPU), a microprocessor (MP), or a digital signal processor (DSP), or the like.

[0296] The memory 1506 can include a volatile memory (e.g., a random access memory (RAM)), and can also include a non-volatile memory (e.g., a read-only memory (ROM), a floppy disk, a hard disk, or a solid state drive (SSD)).

[0297] Referring to FIG. 15, the memory 1506 stores executable program codes, and the processor 1504 executes the executable program codes to implement the functions of the processing unit 1301 and the acquisition unit 1302 in the apparatus 1300 shown in FIG. 13, respectively, thereby implementing the method provided by any of the above embodiments. That is, the memory 1506 has instructions for executing the method provided by any of the above embodiments. Alternatively,

[0298] The communication interface 1508 uses a transceiver module such as, but not limited to, a network interface card, a transceiver, or the like, to implement communication between the computing device 1500 and other devices or communication networks.

[0299] The embodiments of the present application also provide a cluster of processing interfaces. The cluster of processing interfaces comprises at least one computing device. The computing device can be a server, for example, a central server, an edge server, or a local server in a local data center. In some embodiments, the computing device can also be a terminal device such as a desktop computer, a notebook computer, or a smart phone.

[0300] As shown in FIG. 16, the cluster of processing interfaces comprises at least one computing device 1500. The same instructions for performing the method provided in any of the above embodiments can be stored in the memory 1506 of one or more computing devices 1500 in the cluster of processing interfaces.

[0301] In some possible implementations, partial instructions for performing the method of processing data can also be stored in the memory 1506 of one or more computing devices 1500 in the cluster of processing interfaces, respectively. In other words, the combination of one or more computing devices 1500 can collectively perform the instructions for performing the method provided in any of the above embodiments.

[0302] In some possible implementations, one or more computing devices in the cluster of processing interfaces can be connected through a network. The network can be a wide area network, a local area network, or the like. FIG. 17 shows one possible implementation. As shown in FIG. 17, two computing devices 1500A and 1500B are connected through a network. Specifically, the computing devices are connected to the network through the communication interfaces in the computing devices.

[0303] In this type of possible implementation, the memory 1506 in the computing device 1500A stores instructions for performing the functions of the processing unit 1301 in the embodiment shown in FIG. 13. Meanwhile, the memory 1506 in the computing device 1500B stores instructions for performing the functions of the obtaining unit 1302 in the embodiment shown in FIG. 13.

[0304] It should be understood that the functions of the computing device 1500A shown in FIG. 17 can also be completed by multiple computing devices 1500. Similarly, the functions of the computing device 1500B can also be completed by multiple computing devices 1500.

[0305] The embodiments of the present application also provide another cluster of processing interfaces. The connection relationship between the computing devices in the cluster of processing interfaces can be similar to the connection mode of the cluster of processing interfaces described with reference to FIG. 17. The difference is that the same instructions for performing the method provided in any of the above embodiments can be stored in the memory 1506 of one or more computing devices 1500 in the cluster of processing interfaces.

[0306] In some possible implementation manners, part of instructions for performing the method provided by any of the above embodiments can also be stored in the memory 1506 of one or more computing devices 1500 in the cluster of the processing interface respectively. In other words, the combination of the one or more computing devices 1500 can collectively perform the instructions for performing the method provided by any of the above embodiments.

[0307] The embodiments of the present application further provide a computer program product containing instructions. The computer program product can be a software or program product containing instructions, which can run on a computing device or be stored in any available medium. When the computer program product runs on at least one computing device, the at least one computing device is caused to perform the method provided by any of the above embodiments.

[0308] The embodiments of the present application further provide a computer readable storage medium. The computer readable storage medium can be any available medium that the computing device can store or a data storage device such as a data center containing one or more available media. The available medium can be a magnetic medium (for example, a floppy disk, a hard disk, a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk) and the like. The computer readable storage medium contains instructions, which instruct the computing device to perform the method provided by any of the above embodiments.

[0309] Those of ordinary skill in the art can understand that all or part of the steps of the above embodiments can be completed by hardware, or by a program instructing relevant hardware, and the program can be stored in a computer readable storage medium. The storage medium mentioned above can be a read-only memory, a magnetic disk or an optical disk, etc.

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

Claims

1. A method of processing an interface, characterized by, The method comprises: providing an editing interface, the editing interface comprising an editing area and a node library, the editing area being used to display a first interactive object and a second interactive object, the first interactive object being used to interact with an interactive operation performed by a user, and the second interactive object being used to implement a first processing operation; in response to a selection operation on a first node of the first interactive object and a second node of the second interactive object included in the node library, the first node being used to listen to whether the first interactive object interacts with the interactive operation, and the second node being used to indicate the first processing operation, obtaining a processing flowchart, the processing flowchart comprising the first node and the second node, and the processing flowchart being used to describe a calling relationship between the first interactive object and the second interactive object; based on the processing flowchart, generating an interface file, the interface file being used to be loaded in a browser to generate a target interface, the target interface comprising the first interactive object and the second interactive object, and the target interface being used to interact with the interactive operation to implement the first processing operation.

2. The method of claim 1, wherein, The first node comprises a listening event, the listening event being used to listen to an interactive attribute of the first interactive object, and the interactive operation being used to modify an attribute value of the interactive attribute.

3. The method of claim 2, wherein, The interactive attribute comprises a command attribute, the interactive operation is used to modify an attribute value of the command attribute; or the interactive attribute comprises a data attribute, and the interactive operation is an input operation, the input operation being used to configure the attribute value of the data attribute to include data input by the user.

4. The method according to any one of claims 1 to 3, characterized in that, The second node comprises a command attribute of the second interactive object, the command attribute of the second interactive object being bound to the first processing operation; the second node is used to assign a value to the attribute value of the command attribute of the second interactive object; the second node is used to execute the first processing operation bound to the command attribute of the second interactive object when the attribute value of the command attribute of the second interactive object changes.

5. The method according to any one of claims 1 to 4, characterized in that, The execution order of the second node is later than the execution order of the first node in the processing flowchart.

6. The method of claim 5, wherein, The processing flowchart further comprises a third node of the second interactive object, the execution order of the third node being between the execution order of the first node and the execution order of the second node; The third node comprises a first data attribute of the second interactive object and parameter information required for executing the first processing operation, and the third node is used to configure the attribute value of the first data attribute to include the parameter information; The second node is used to indicate that the first processing operation is executed based on the parameter information included in the attribute value of the first data attribute.

7. The method of claim 1 or 2, wherein, The first interactive object is further used to implement a second processing operation, the processing flowchart further comprises a fourth node of the first interactive object, the execution order of the fourth node being later than the execution order of the first node, and the fourth node being used to indicate the second processing operation.

8. The method according to any one of claims 1 to 7, wherein The target interface further includes a third interaction object, and the processing flowchart further includes a fifth node of the third interaction object, the execution sequence of the fifth node being later than that of the second node, and the fifth node being configured to indicate a third processing operation implemented by the third interaction object.

9. The method of claim 8, wherein, The processing flowchart further includes a sixth node of the third interaction object, the execution sequence of the sixth node being between that of the second node and that of the fifth node, the sixth node including a data query method and a data attribute of the third interaction object, and the attribute value of the second data attribute of the second interaction object including an execution result obtained by executing the first processing operation, the data query method being configured to query the execution result; The sixth node is configured to indicate that the attribute value of the data attribute of the third interaction object is configured to include the execution result obtained by querying the attribute value of the second data attribute based on the data query method; The fifth node is configured to indicate that the third processing operation is executed based on the execution result included in the attribute value of the data attribute of the third interaction object.

10. An apparatus for processing an interface, the apparatus comprising: The device includes: a processing unit configured to provide an editing interface, the editing interface including an editing area and a node library, the editing area being configured to display a first interaction object and a second interaction object, the first interaction object being configured to interact with an interaction operation performed by a user, and the second interaction object being configured to implement a first processing operation; a obtaining unit configured to, in response to a selection operation on a first node of the first interaction object and a second node of the second interaction object included in the node library, obtain a processing flowchart, the first node being configured to listen to whether the first interaction object interacts with the interaction operation, and the second node being configured to indicate the first processing operation, the processing flowchart including the first node and the second node, and the processing flowchart being configured to describe a calling relationship between the first interaction object and the second interaction object; the processing unit is further configured to generate an interface file based on the processing flowchart, the interface file being configured to be loaded in a browser to generate a target interface, the target interface including the first interaction object and the second interaction object, and the target interface being configured to interact with the interaction operation to implement the first processing operation.

11. The apparatus of claim 10, wherein, The first node includes a listening event configured to listen to an interaction attribute of the first interaction object, and the interaction operation is configured to modify an attribute value of the interaction attribute.

12. The apparatus of claim 11, wherein, The interaction attribute includes a command attribute, and the interaction operation is configured to modify an attribute value of the command attribute; or the interaction attribute includes a data attribute, and the interaction operation is an input operation configured to configure an attribute value of the data attribute to include data input by the user.

13. The apparatus of any one of claims 10-12, wherein, The second node includes a command attribute of the second interaction object, and the command attribute of the second interaction object is bound to the first processing operation; the second node is configured to assign a value to the attribute value of the command attribute of the second interaction object; and The second node is configured to execute the first processing operation bound to the command attribute of the second interactive object when a property value of the command attribute of the second interactive object changes.

14. The apparatus of any one of claims 10-13, wherein, The second node is executed later than the first node in the processing flowchart.

15. The apparatus of claim 14, wherein, The processing flowchart further includes a third node of the second interactive object, the third node being executed between the first node and the second node. The third node includes a first data attribute of the second interactive object and parameter information required for executing the first processing operation, and the third node is configured to configure a property value of the first data attribute to include the parameter information. The second node is configured to instruct to execute the first processing operation based on the parameter information included in the property value of the first data attribute.

16. The apparatus of claim 10 or 11, wherein, The first interactive object is further configured to implement a second processing operation, and the processing flowchart further includes a fourth node of the first interactive object, the fourth node being executed later than the first node, and the fourth node is configured to instruct the second processing operation.

17. The apparatus of any one of claims 10-16, wherein, The target interface further includes a third interactive object, and the processing flowchart further includes a fifth node of the third interactive object, the fifth node being executed later than the second node, and the fifth node is configured to instruct a third processing operation implemented by the third interactive object.

18. The apparatus of claim 17, wherein, The processing flowchart further includes a sixth node of the third interactive object, the sixth node being executed between the second node and the fifth node, the sixth node including a data query method and a data attribute of the third interactive object, and a property value of a second data attribute of the second interactive object including an execution result obtained by executing the first processing operation, and the data query method is configured to query the execution result. The sixth node is configured to instruct to query the property value of the second data attribute to obtain the execution result based on the data query method, and configure a property value of the data attribute of the third interactive object to include the execution result. The fifth node is configured to instruct to execute the third processing operation based on the execution result included in the property value of the data attribute of the third interactive object.

19. A system for processing an interface, the system comprising: The system includes a cloud service platform and an interface display device. The cloud service platform is configured to provide an editing interface, the editing interface including an editing area and a node library, the editing area being configured to display a first interactive object and a second interactive object, the first interactive object being configured to interact with an interactive operation performed by a user, and the second interactive object being configured to implement a first processing operation. The cloud service platform is further configured to, in response to a selection operation on a first node of the first interactive object and a second node of the second interactive object included in the node library, acquire a processing flowchart, the first node is configured to listen to whether the first interactive object interacts with the interactive operation, the second node is configured to indicate the first processing operation, the processing flowchart includes the first node and the second node, and the processing flowchart is configured to describe a calling relationship between the first interactive object and the second interactive object. The cloud service platform is further configured to generate an interface file based on the processing flowchart. The interface display device is configured to load the interface file in a browser to generate the target interface, the target interface includes the first interactive object and the second interactive object, and the first processing operation is executed based on the second node when the first node listens to that the first interactive object interacts with the interactive operation.

20. A cluster of computing devices, characterized in that, at least one computing device, each computing device comprising a processor and a memory; the processor of the at least one computing device is configured to execute instructions stored in the memory of the at least one computing device to cause the cluster of computing devices to perform the method of any one of claims 1-9.

21. A computer-readable storage medium, characterized in that, computer program instructions that, when executed by a storage system, cause the storage system to perform the method of any one of claims 1-9.

22. A computer program product comprising instructions, characterized in that, the instructions, when executed by a storage system, cause the storage system to perform the method of any one of claims 1-9.

Citation Information

Patent Citations

  • Visual modeling method for distributed simulation platform

    CN105677446A

  • Human-computer interaction interface generation method and device and computer equipment

    CN112506512A

  • Graph visualization method and device, equipment, medium and product

    CN115129553A

  • Storage business generation system and method

    CN117389521A

  • Event handler nodes for visual scripting

    US10223176B1