Interface processing method, device and system and storage medium

Abstract

The invention discloses an interface processing method, device and system and a storage medium, and belongs to the field of computers and communication. The method comprises the steps that an editing interface is provided, the editing interface comprises an editing area and a node library, the editing area is used for displaying a first interaction object and a second interaction object, the first interaction object is used for interacting with interaction operation executed by a user, and the second interaction object is used for achieving first processing operation; in response to a selection operation for a first node of a first interaction object and a second node of a second interaction object included in the node library, a processing flow chart is obtained, the first node is used for monitoring whether the first interaction object interacts with the interaction operation, the second node is used for indicating a first processing operation, and the processing flow chart comprises the first node and the second node; the processing flow chart is used for describing a calling relation between the first interaction object and the second interaction object; and generating an interface file, wherein the interface file is used for generating a target interface. According to the method, the interface generation cost can be reduced.

Description

[0001] This application claims priority to the Chinese Patent Application No. 202410474647.1, entitled "Application Orchestration Method, Device, Computing Device Cluster, and Storage Medium", filed on April 17, 2024, the entire contents of which are incorporated herein by reference. TECHNICAL FIELD

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

[0003] An interface usually includes multiple 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 the device executes processing operations implemented by the controls included in the interface in response to the interaction operation.

[0004] In the related art, when a user develops an interface, the user selects multiple controls from a control library to form the interface, and the functions implemented by the interface include processing operations implemented by the multiple controls. Then, based on the scripts of the multiple controls, a large amount of codes are written to make the multiple controls cooperate. In this way, when the device responds to the interaction operation, the device executes the processing operations implemented by the controls included in the interface in sequence, thereby realizing the functions required to be implemented by the interface.

[0005] In the related art, when a user develops an interface, the user needs to code a large amount of codes to make the multiple controls in the interface cooperate, which leads to high labor cost of the interface. SUMMARY

[0006] The present application provides a method, device, system and storage medium for processing 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 configured to load the interface file in a browser to generate a target interface including the first interactive object and the second interactive object, and perform the first processing operation based on the second node when the first node listens to the first interactive object interacting with the interaction operation.

[0026] Since the cloud service platform provides an editing interface including an editing area and a node library, the editing area is configured 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, and 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. The cloud service platform generates the interface file based on the processing flowchart. The interface display device is configured to load the interface file in a browser to generate a target interface including the first interactive object and the second interactive object. In this way, when a 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, configured to execute the method in the first aspect or any possible implementation manner of the first aspect. Specifically, the device includes 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 including at least one computing device, each computing device including 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 including 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] Figure 1 is a schematic diagram of a network architecture provided by an embodiment of the present application;

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

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

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

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

[0038] Figure 6 is a method flowchart of a processing interface provided by an embodiment of the present application;

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

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

[0041] Figure 9 is a schematic diagram of a processing flowchart provided by an embodiment of the present application;

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

[0043] Figure 11 is a method flowchart of another processing interface provided by an embodiment of the present application;

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

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

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

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

[0048] Figure 16 is a cluster structure schematic diagram of a processing interface provided by an embodiment of the present application;

[0049] Figure 17 is another cluster structure schematic diagram of a processing interface provided by an embodiment of the present application. DETAILED DESCRIPTION

[0050] In order to facilitate understanding of the embodiments of the present application, some professional terms related to the embodiments of the present application will be explained first.

[0051] The interactive object is used to interact with the interactive operation performed by the user, and / or to implement the processing operation.

[0052] The interaction attribute of the interactive object includes 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 interactive 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 interactive object.

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

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

[0055] The command attribute 12 is bound to the processing operation implemented by the interactive object. Wherein, by assigning a value to the attribute value of the command attribute 12, 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.

[0056] The attribute value of the data attribute 12 includes the parameter information required for executing the processing operation. Wherein, when executing the processing operation, the processing operation needs to be executed based on the attribute value of the data attribute 12.

[0057] The attribute value of the data attribute 13 comprises an execution result obtained by executing a processing operation.

[0058] The interactive objects are classified into a first type of interactive object and a second type of interactive object.

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

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

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

[0062] With reference to Figure 1 The embodiments of the present application provide 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 comprising at least one node of each of m interactive objects, m being 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 in need of generating an interface based on the node library. The interface generation service is to provide the node library to the second device, or the interface generation service is to provide an editing interface 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 interactive objects.

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

[0066] For the command attribute of the second type of node, the command attribute is bound with a processing operation implemented by the interactive object. When the attribute value of the command attribute is assigned by the second type of node, the attribute value of the command attribute can be changed, and when the attribute value of the command attribute is changed, the processing operation bound with 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, and 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 interactive attribute of the interactive object, and the like, and then at least one node of the interactive object is configured. The at least one interactive 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 Figure 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 interactive 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 interactive attribute of the first type of interactive object, and the one or more first type of nodes correspond one-to-one to the one or more interactive attributes of the first type of interactive object, and the at least one interactive attribute of the first type of interactive object includes the one or more interactive 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 interactive attribute corresponding to the first type of node changes. If it is listened through the listening event that the attribute value of the interactive 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 Figure 2As shown, 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 interaction 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 interaction object includes the data attribute 11 corresponding to the first type of node.

[0076] In some embodiments, as Figure 2 As shown, the at least one node of the first type of interaction object further includes at least one second type of node, and each second type of node is used to assign a value to the attribute value of the command attribute 12 of the first type of interaction object.

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

[0078] The first type of interaction object can implement at least one processing operation, the at least one command attribute 12 corresponds to the at least one processing operation in one-to-one correspondence, and the at least one processing operation implemented by the first type of interaction object is at least one processing operation implemented by the control in the first type of interaction object. Each processing operation implemented by the first type of interaction object is respectively bound to the command attribute 12 corresponding to each processing operation. In this way, when 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.

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

[0080] In the case where the at least one node of the first type of interaction object further includes at least one second type of node, the first type of interaction object further includes an attribute binding method, and the attribute binding method is used to bind each processing operation implemented by the first type of interaction object to the command attribute 12 corresponding to each processing operation.

[0081] The interaction 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 interaction object. For example, as Figure 2As shown, the interaction attribute 1 corresponding to the first type of node includes a command attribute 11 which 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 interaction object further includes the command attribute 12 corresponding to each third type of node.

[0083] In some embodiments, as Figure 2 As shown, the at least one node of the first type of interaction object further includes at least one third type of node, each third type of node being configured to assign a value to an attribute value of the at least one data attribute 12 of the first type of interaction object.

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

[0085] Optionally, 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 configured to assign a value to an 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 performing the processing operation, that is, when performing the processing operation, the processing operation needs to be performed based on the attribute value of the at least one data attribute 12.

[0086] The interaction attribute corresponding to the first type of node can include a data attribute 11, which is a different data attribute of the first type of interaction object from the data attribute 12 corresponding to the third type of node. For example, as Figure 2 As shown, the interaction attribute 1 corresponding to the first type of node includes a data attribute 11 which is different from the data attribute 12 corresponding to the second type of node.

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

[0088] Optionally, the at least one data attribute of the first type of interaction object can further include at least one data attribute 13 configured to include an 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 attribute value of the at least one data attribute 13 to include the execution result.

[0089] For example, referring to Table 1 below, the first type of interaction object can include an input box object, the input box object including an input box control, interaction attributes of the input box object, and an attribute binding method 1.

[0090] The interaction attribute of the input box object includes a command attribute 12 and a data attribute 11 of the input box object. The interaction operation performed by the user on the input box object can be an input operation, and the input operation can input data to the input box control included in the input box object, so that the attribute value of the data attribute 11 of the input box object includes the input data. The processing operation implemented by the input box object includes a first rendering operation, and the first rendering operation is used 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 that the attribute value of the data attribute 11 of the input box object is assigned as 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, and the node 11 includes a listening event of the input box object as a listening event 1, and 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 and the first rendering operation. The node 12 is a second type of node, and the node 12 includes the command attribute 12 of the input box object and an attribute assignment operation 1, and 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 value of the command attribute 12 of the input box object is assigned by the attribute assignment operation 1 included in the 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 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 interaction object can further include a confirmation object, and the confirmation object includes a confirmation control and an interaction attribute of the confirmation object. The interaction attribute of the confirmation object includes a command attribute 11 of the confirmation object. The interaction operation performed by the user on the confirmation object can be a click operation, and 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 node, the node 2 includes a listening event of the confirmation object, the listening event is a listening event 2, the listening event 2 is used for listening whether the attribute value of the command attribute 11 of the confirmation object changes. If the attribute value of the command attribute 11 of the confirmation object is listened to change, it is listened that the confirmation control included in the confirmation object is clicked by the click operation.

[0097] Table 1

[0098]

[0099] Referring to Figure 3 For the second type of interactive object, the second type of interactive object is used to implement at least one processing operation. In addition to the control and the at least one interactive attribute, the second type of interactive object further includes an attribute binding method.

[0100] The at least one interactive attribute of the second type of interactive object includes at least one command attribute of the second type of interactive object, and the at least one command attribute of the second type of interactive object corresponds to the at least one processing operation of the second type of interactive object. The attribute binding method is used to bind each processing operation and the command attribute corresponding to each processing operation.

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

[0102] The at least one node of the second type of interactive object includes at least one second type of node, and the at least one second type of node corresponds to the at least one command attribute 12 of the second type of interactive 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.

[0103] In some embodiments, the at least one node of the second type of interactive 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 interactive object.

[0104] Each third type of node corresponds to the at least one data attribute 12 of the second type of interactive 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.

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

[0106] Optionally, asFigure 3 As shown, for each third type of node, the third type of node comprises at least one data attribute 12 corresponding to the third type of node and an attribute assignment operation for assigning an attribute value to 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 the parameter information required for performing the processing operation, that is, in performing the processing operation, the processing operation needs to be performed based on the attribute value of the at least one data attribute 12. Alternatively,

[0107] The third type of node comprises at least one data attribute 12 corresponding to the third type of node and a data query method. The data query method is used to query the attribute value of the data attribute of the other 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 performing the processing operation, that is, in performing the processing operation, the processing operation needs to be performed based on the attribute value of the at least one data attribute 12.

[0108] Optionally, the at least one interactive attribute of the second type of interactive object can further comprise at least one data attribute 13 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 performing the processing operation. That is, after the execution result is obtained by performing the processing operation, the processing operation can configure the attribute value of the at least one data attribute 13 to include the execution result.

[0109] 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 command attributes 12 and data attributes 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 attributes 12 of the table object and the display operation. The attribute value of the data attributes 12 of the table object includes data to be displayed, and the display operation is used to display the attribute value of the data attributes 12 of the table object.

[0110] 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 comprises the command attributes 12 of the table object and an attribute assignment operation 2 for assigning an attribute value to the command attributes 12 of the table object.

[0111] The node 32 is a third type of node, and the node 32 comprises the data attributes 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 the other interactive object, and the attribute value of the data attributes 12 of the table object is configured to include the data queried by the data query method 1.

[0112] In this way, the attribute value of the command attribute 12 of the table object is assigned through the attribute assignment operation 2 included in the node 31, 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.

[0113] For another example, referring to Table 2 below, the second type of interactive object may include a text object, which includes a text control, interactive properties of the text object, and property binding method 3. The interactive properties of the text object include a command property 12 and multiple data properties 12 of the text object. The processing operation implemented by the text object includes a second rendering operation implemented by the text control. The property binding method 3 is used to bind the command property 12 of the text object and the second rendering operation. The attribute values ​​of the multiple data properties 12 of the text object include parameter information required to perform the second rendering operation, and the second rendering operation is used to perform rendering based on the attribute values ​​of the multiple data properties 12 of the text object.

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

[0115] The text object corresponds to a node including node 41 and node 42. Node 41 is a second-type node. 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.

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

[0117] For example, referring to Table 2 below, the second type of interactive object can include an application programming interface (API) object, the API object including an API control, interactive properties of the API object, and a property binding method 4. The interactive properties of the API object include a command property 12 and a plurality of data properties of the API object. The processing operation implemented by the API object includes a query operation implemented by the API control, and the property binding method 4 is used to bind the command property 12 of the API object and the query operation. The plurality of data properties of the API object includes a data property 121, a data property 122, and a data property 13.

[0118] The at least one node of the API object includes a node 51, a node 52, and a node 53, the node 51 being a second type of node, the node 51 including the command property 12 of the API object and a property assignment operation 5, the property assignment operation 5 being used to assign a property value to the command property 12 of the API object.

[0119] The node 52 is a third type of node, the node 52 including the data property 121 of the API object and a property assignment operation 6, the property assignment operation 6 being used to assign a property value to the data property 121 of the API object, the assigned value being a query address.

[0120] The node 53 is a third type of node, the node 53 including the data property 122 of the API object and a data query method 2, the data query method 2 being used to query a property value of a data property of another interactive object, the property value of the data property 122 of the API object being configured to include data queried by the data query method 2.

[0121] The property value of the command property 12 of the API object is changed by assigning the property value to the command property 12 of the API object through the property assignment operation 5 included in the node 51. When the property value of the command property 12 of the API object is changed, the query operation bound to the command property 12 of the API object is executed based on the property value of the data property 121 and the property value of the data property 122 of the API object. The query operation further configures the property value of the data property 13 of the API object to include data queried by the query operation.

[0122] Table 2

[0123]

[0124] In some embodiments, referring to Figure 4 , the network architecture 100 further includes a second device 103, the second device 103 being capable of communicating with the cloud service platform 101.

[0125] The second device 103 is configured to send a service request to the cloud service platform 101, the service request being 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, the editing interface including the node library. An interface file is generated based on the editing interface, the interface file being used to be loaded in a browser to generate a target interface, the target interface including a plurality of interactive objects. Optionally, the interface file includes a process flowchart and the plurality of interactive objects, the process flowchart including a node of each interactive object in the plurality of interactive objects, the process flowchart describing a calling relationship between the plurality of interactive objects, and the process flowchart being 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 (UI).

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

[0127] 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 an editing interface including a node library when an interface developer needs to generate a target interface. In this way, the interface developer can select the plurality of interactive objects in the node library included in the editing interface based on a target function to be implemented by the target interface to be generated, and select a node of each interactive object from at least one node of each interactive object in the plurality of interactive objects included in the node library. The cloud service platform 101 obtains the selected plurality of interactive objects and the node of each interactive object, thereby obtaining the process flowchart and the plurality of interactive objects included in the target interface, the process flowchart including the node of each interactive object.

[0128] For the process flowchart and the plurality of interactive objects included in the target interface for implementing the target function, the plurality of interactive objects include one first type of interactive object and at least one second type of interactive object. A first node of the process flowchart is a node of the first type of interactive object, and the first node is a first type of node used to listen to the first type of interactive object. The nodes after the first node in the process flowchart include the second type of node and / or the third type of node, and the second type of node and / or the third type of node are used to assign values to interactive attributes of the interactive objects.

[0129] In some embodiments, the target interface can implement a plurality of target functions, and the target interface includes a plurality of interaction objects implementing each target function.

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

[0131] The second device 103 can generate an interface file based on the process flow diagram and the plurality of interaction objects included in the target interface, and the interface file includes the plurality of interaction objects and the process flow diagram. The interface file is sent to the server 104, the server 104 receives the interface file, and the interface file is saved.

[0132] In some embodiments, the server 104 can or can not belong to the cloud service platform 101.

[0133] In some embodiments, referring to Figure 5 , the network architecture 100 further includes a third device 105, and the third device 105 can communicate with the server 104.

[0134] The third device 105 can download the interface file from the server 104 and display the target interface based on the interface file. The user can perform an interaction operation on the first type of interaction object included in the target interface, and the third device 105 listens to the first type of interaction object interacting with the interaction operation based on the first node included in the process flow diagram, and performs the processing operation implemented by the plurality of interaction objects in the target interface based on other nodes included in the process flow diagram.

[0135] Referring to Figure 6 , the embodiments of the present application provide a method 600 for processing an interface, and the operation of processing the interface implemented by the method 600 is to generate an interface file, and the interface file is used to generate a target interface. Wherein, the method 600 can be applied to the second device 103 in the network architecture 100 shown in Figure 4 or Figure 5 , or the method 600 can be applied to the cloud service platform 101 in the network architecture 100 shown in Figure 1 , Figure 4 or Figure 5 , and the method 600 includes the following process.

[0136] Step 601: Obtain a node library, and the node library includes m interaction objects and at least one node of each interaction object, and m is an integer greater than 1.

[0137] 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.

[0138] If the execution entity of method 600 is a second device, the second device may send a service request to the cloud service platform, where 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.

[0139] Step 602: providing an editing interface, where the editing interface is used to display a node library and an editing area, where the editing area is used to generate a target interface.

[0140] For example, the cloud service platform or the second device may display Figure 7 The editing interface shown includes a node library and an editing area. The node library includes five interactive objects and nodes of the five interactive objects, namely, 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.

[0141] Interface developers can select multiple interactive objects required to implement the target function of the target interface to be generated from the node library, and then refer to the target function to select a node for each interactive object from at least one node of each interactive object in the multiple interactive objects included in the node library.

[0142] For example, suppose you need to generate Figure 8 The target interface shown has the target function of querying the database for records including the view name entered by the user when the user enters a view name into the input box, displaying the queried records, and replacing the default text content "Demonstration Text Control" with "Query Results". The font changes from Kaiti to Songti, and the font size is enlarged from size 5 to size 4.

[0143] Interface developers can use Figure 8 The target function implemented by the target interface shown is achieved by selecting multiple interactive objects required to achieve the target function from the node library. The selected multiple interactive objects include an input box object, an API object, a table object, and a text object. Referring again to the target function, nodes 11 and 12 of the input object are selected from nodes 11 and 12 of the input box object included in the node library; nodes 51, 52, and 53 of the API object are selected from nodes 51, 52, and 53 of the API object included in the node library; nodes 31 and 32 are selected from nodes 31 and 32 of the table object included in the node library; and nodes 41 and 42 are selected from nodes 41 and 42 of the text object included in the node library.

[0144] The process of achieving the target function through the selected interaction object and the node can be that when the user inputs the 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 to input the view name to be queried, so that the attribute value of the data attribute 11 of the input box object changes.

[0145] The node 11 based on can listen to the change of the attribute value of the data attribute 11 of the input box object. When the change of the attribute value of the data attribute 11 of the input box object is listened to, the node 12 based on assigns a value to 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 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.

[0146] The node 51 based on assigns a value to the 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, the query operation bound to the command attribute 12 of the API object is executed based on the address of the database included in the attribute value of the data attribute 121 of the API object and the view name to be queried included in the attribute value of the data attribute 122 of the API object, so as to query the records including the view name to be queried from the database, and configure the attribute value of the data attribute 13 of the API object to include the queried records.

[0147] The node 51 based on assigns a value to the 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, the query operation bound to the command attribute 12 of the API object is executed based on the address of the database included in the attribute value of the data attribute 121 of the API object and the view name to be queried included in the attribute value of the data attribute 122 of the API object, so as to query the records including the view name to be queried from the database, and configure the attribute value of the data attribute 13 of the API object to include the queried records.

[0148] The node 32 based on queries the attribute value of the data attribute 13 of the API object to obtain the queried records, and configures the attribute value of the data attribute 12 of the table object to include the queried records. The node 31 based on 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 based on the queried records included in the attribute value of the data attribute 12 of the table object, so as to display the queried records included in the attribute value of the data attribute 12 of the table object in the table of the table object.

[0149] Based on the node 42 assigning attribute values to the data attribute 121, the data attribute 122 and the data attribute 123 of the text object, 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).

[0150] Based on the node 41 assigning attribute values to the command attribute 12 of the text object, 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 attribute value of the data attribute 121 of the text object including the text content to be displayed "query result", the attribute value of the data attribute 122 of the text object including the font, and the attribute value of the data attribute 123 of the text object including the font size, the second rendering operation bound to the command attribute 12 of the text object is executed to display "query result" in Songti four. In this way, the target function of the target interface as shown in Figure 8 is realized.

[0151] Step 603: In response to the selection operation on the first interactive object, the second interactive object, the first node of the first interactive object and the second node of the second interactive object in the node library, the first interactive object, the second interactive object, the first node and the second node are displayed in the editing area of the editing interface.

[0152] The first interactive object and the second interactive object are two of the multiple interactive 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.

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

[0154] The multiple interactive objects required to realize the target function include a first type of interactive object and at least one second type of interactive 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 interactive object. Optionally, the at least one processing operation can also include a processing operation implemented by the first type of interactive object.

[0155] It is assumed that the multiple interaction objects required by the target function include a first interaction object and a second interaction object, the first interaction object is a first type of interaction object, and the second interaction object is a second type of interaction object. That is, at least one second type of interaction object includes the second interaction object.

[0156] 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 a first processing operation. At least one processing operation of the target function includes the first processing operation. For example, as shown in Figure 7 The first interaction object can be an input box object, and the second interaction object can be an API object.

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

[0158] The interface developer refers to the target function implemented by the target interface, and clicks the first interaction object and the second interaction object required to implement the target function in the node library. Referring to the target function, click the node of the first interaction object in at least one node of the first interaction object included in the node library, and click the node of the second interaction object 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.

[0159] 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 the editing area of the editing interface.

[0160] For example, the editing area is divided into an upper half area and a lower half area, as shown in Figure 7 In response to the click operation on the input box object, the API object, the table object and the 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.

[0161] In response to the click operation on the node 11 and the node 12 of the input box object, the node 51, the node 52 and the node 53 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, the cloud service platform or the second device displays the node 11 and the node 12 of the input box object, the node 51, the node 52 and the node 53 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 in the lower half area of the editing area of the editing interface.

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

[0163] Optionally, the first node includes a listening event, and the listening event is configured to listen to an interaction attribute of the first interactive object. The interaction operation performed by the user is configured 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 the interaction operation performed by the user interacts with the first interactive object.

[0164] The interaction attribute of the first interactive object includes a command attribute, and the interaction operation performed by the user is configured to modify an attribute value of the command attribute. Alternatively, the interaction attribute of the first interactive object includes a data attribute, and the interaction operation performed by the user is an input operation, and the input operation is configured to configure the attribute value of the data attribute to include the data input by the user.

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

[0166] When the attribute value of the command attribute of the second interactive object changes, the first processing operation bound to the command attribute of the second interactive object can be executed, so that the second node is configured to indicate the first processing operation.

[0167] In some embodiments, the target function can also require a node of the second interactive object other than the second node. The interface developer can refer to the target function, click another node of the second interactive object in at least one node of the second interactive object included in the node library, and for the convenience of description, the other node of the second interactive object clicked 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.

[0168] The third node includes the first data attribute of the second interactive object and parameter information required for performing the first processing operation, and the third node is configured to assign a value to the first data attribute of the second interactive object, and the third node includes the parameter information. Therefore, the third node is a third type of node, which can assign a value to the first data attribute of the second interactive object, and the third node further includes an attribute assignment operation. The second node is configured to indicate that the first processing operation is performed based on the parameter information included in the 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.

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

[0170] In some embodiments, the target function can also require a node of the first interactive object other than the first node, and the interface developer can refer to the target function, click another node of the first interactive object in at least one node of the first interactive object included in the node library, and for the purpose of illustration, the clicked another node of the first interactive object is referred to as a fourth node. The fourth node is configured to indicate a second processing operation implemented by the first interactive object, and at least one processing operation of the target function further 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.

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

[0172] When the value of the command attribute of the first interactive object changes, the second processing operation bound to the command attribute of the first interactive object can be performed, so that the fourth node is configured to indicate the second processing operation.

[0173] For example, the fourth node can be the node 12 of the input box object, the node 12 can assign a value to the value of the command attribute 12 of the input box object, and when the 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 performed.

[0174] In some embodiments, if the target function needs a plurality of interactive objects including the first interactive object and the second interactive object, and further including a third interactive object, the interface developer continues to refer to the target function, clicks the third interactive object in the object library, and in at least one node of the third interactive object, clicks a certain node of the third interactive object, which is referred to as a fifth node for the sake of illustration. The fifth node is used to indicate a third processing operation implemented by the third interactive object, and the at least one processing operation of the target function further includes the third processing operation. In response to the click operation on the third interactive object and the click operation on the fifth node, the cloud service platform or the second device acquires the third interactive object and the fifth node, and displays the third interactive object and the fifth node in the editing area of the editing interface.

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

[0176] When the value of the command attribute of the third interactive object changes, the third processing operation bound to the command attribute of the third interactive object can be executed, so the fifth node is used to indicate the third processing operation.

[0177] For example, the third interactive 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 a command attribute 12 of the table object. When the 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.

[0178] In some embodiments, the target function can also need a node of the third interactive object other than the fifth node. The interface developer refers to the target function, clicks another node of the third interactive object in at least one node of the third interactive object included in the node library, which is referred to as a sixth node for the sake of illustration. In response to the click 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.

[0179] The sixth node includes a data query method and a data attribute of a third interactive object. The attribute value of the second data attribute of the second interactive object includes the 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, based on the data query method, the attribute value of the second data attribute of the second interactive object is queried to obtain the execution result. The attribute value of the data attribute of the third interactive object is configured to include the execution result. The sixth node belongs to the third type of node described above. Optionally, after selecting the sixth node, 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 interactive object.

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

[0181] For example, the sixth node may be node 32 of a table object, which includes a data query method 1 and a data attribute 12 of the table object. Thus, the attribute value of the data attribute 13 of the API object is queried using the data query method 1 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. Then, node 31 of the table object assigns a value to the attribute value of the command attribute 12 of the table object, causing the attribute value of the command attribute 12 of the table object to change. When the attribute value of the command attribute 12 of the table object changes, based on the queried records included in the attribute value of the data attribute 12 of the table object, 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.

[0182] Step 604: Based on the first node and the second node displayed in the editing area, obtain a processing flow chart, where the processing flow chart is used to describe the calling relationship between the first interactive object and the second interactive object.

[0183] In step 604, an execution order between the first node and the second node is obtained, and a processing flow chart is obtained based on the execution order. The processing flow chart includes the first node and the second node, and the execution order of the second node is later than the execution order of the first node.

[0184] For multiple nodes displayed in the editing area of ​​the editing interface, for any two nodes with a sequential execution order, the interface developer can use a line to connect the two nodes to indicate the sequential execution order between the two nodes through the line.

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

[0186] The execution order of the first node is earlier than the execution order of the third and fourth nodes. The execution order between the third and fourth nodes can be in no particular order, so the interface developer uses a line to connect the first and fourth nodes (such as Figure 7 As shown, a line is used to connect the node 11 of the input box object and the node 12 of the input box object), and a line is used to connect the first node and the third node (as shown Figure 7 As shown, a line is used to connect the node 11 of the input box object and the node 52 of the API object, and a line is used to connect the node 11 of the input box object and the node 53 of the API object).

[0187] The execution order of the third node is earlier than that of the second node, so the interface developer uses a line to connect the third node and the second node (such as Figure 7 As shown, a line is used to connect the node 52 of the API object and the node 51 of the API object, and a line is used to connect the node 53 of the API object and the node 51 of the API object).

[0188] The execution order of the second node is earlier than that of the sixth node, so the interface developer uses a line to connect the second node and the sixth node (such as Figure 7 As shown, a line is used to connect the node 51 of the API object and the node 32 of the table object).

[0189] The execution order of the sixth node is earlier than that of the fifth node, so the interface developer uses a line to connect the sixth node and the fifth node (such as Figure 7 As shown, a line is used to connect the node 32 of the table object and the node 31 of the table object).

[0190] If there are other nodes in the editing area of ​​the editing interface, the interface developer can use lines to connect other nodes. For example, Figure 7 As shown, the execution order of node 31 of the table object is earlier than the execution order of node 42 of the text object, so the interface developer uses a line to connect node 31 of the table object and node 42 of the text object. The execution order of node 42 of the text object is earlier than the execution order of node 41 of the text object, so the interface developer uses a line to connect node 42 of the text object and node 41 of the text object.

[0191] In step 604, the cloud service platform or the second device obtains the execution order among the plurality of nodes based on the connection of the plurality of nodes displayed in the editing area of the editing interface, and obtains the processing flowchart based on the execution order among the plurality of nodes. The processing 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 order 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.

[0192] For example, the cloud service platform or the second device obtains the execution order among the 9 nodes based on the connection of the 9 nodes displayed in the editing area of the editing interface as shown in FIG. 6B, and obtains the processing flowchart as shown in FIG. 6C based on the execution order among the 9 nodes. Figure 7 Figure 9 For example, the cloud service platform or the second device obtains the execution order among the 9 nodes based on the connection of the 9 nodes displayed in the editing area of the editing interface as shown in FIG. 6B, and obtains the processing flowchart as shown in FIG. 6C based on the execution order among the 9 nodes.

[0193] In the processing flowchart as shown in FIG. 6C, 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 is earlier than the execution order of the node 53 of the API object, and 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, and 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. Figure 9 In some embodiments, for the second type of node in the processing flowchart, the interface developer can also configure an attribute value into the second type of node, so that the second type of node includes the configured attribute value, and the second type of node is used to assign the attribute value of the command attribute 12 of the interactive object to the configured attribute value when assigning the attribute value of the command attribute 12 of the interactive object. Alternatively, the interface developer can also not configure an attribute value into the second type of node, so that the second type of node assigns a default value or a random value to the attribute value of the command attribute 12 of the interactive object when assigning the attribute value of the command attribute 12 of the interactive object.

[0194] For example, the cloud service platform or the second device obtains the execution order among the 9 nodes based on the connection of the 9 nodes displayed in the editing area of the editing interface as shown in FIG. 6B, and obtains the processing flowchart as shown in FIG. 6C based on the execution order among the 9 nodes.

[0195] Figure 7 ​​The processing flowchart shown includes a second type of node, the API object node 51, the table object node 31 and the text object node 41.

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

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

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

[0199] In some embodiments, for a 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 the parameter information into the third type of node, so that the third type of node includes the configured parameter information. Thus the third type of node is used to assign the attribute value of the data attribute 12 of the interactive object to the configured parameter information when assigning the attribute value of the data attribute 12 of the interactive object.

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

[0201] For example, Figure 7 The processing flowchart shown includes a third type of node, the API object node 52 and the text object node 42.

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

[0203] The attribute value of the data attribute 121 of the text object can be a default text content (such as a default "presentation text control"), the attribute value of the data attribute 122 of the text object can be a default font (such as a default font of Kai), and the attribute value of the data attribute 123 of the text object can be a default font size (such as a default font size of five). In the displayFigure 8 When the target interface shown includes a text object, 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, i.e., the "demo text control" in five-point KaiTi is displayed.

[0204] The node 42 of the text object includes the data attribute 121, the data attribute 122, the data attribute 123, and the attribute assignment operation 4 of the text object. The interface developer can configure the parameter information in the node 52 of the API object, 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-point) of the text content to be displayed. 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. 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 (such as SongTi) of the text content to be displayed, and assign the attribute value of the data attribute 123 of the text object to the font size (such as four-point) of the text content to be displayed.

[0205] In some embodiments, for the third type of node in the process flowchart, 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.

[0206] For example, Figure 7 The third type of node included in the process flowchart shown also includes the node 53 of the API object and the node 32 of the table object.

[0207] The node 53 of the API object includes the data attribute 122 of the API object and the data query method 2. 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 data input by the user. In this way, 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 data input by the user, and the attribute value of the data attribute 122 of the API object is assigned to the data input by the user.

[0208] 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.

[0209] Step 605: generating an interface file based on the processing flowchart, the interface file being used to be loaded in a browser to generate a target interface, the target interface including the second interactive object of the first interactive object.

[0210] 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.

[0211] 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.

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

[0213] For example, referring to Figure 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.

[0214] 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.

[0215] Optionally, the interface file can be a web page.

[0216] Optionally, the interface file includes a JavaScript script file and the like.

[0217] For example, the cloud service platform or the second device can package Figure 10The interaction objects (input box objects, API objects, table objects, text objects) in the target interface shown, the process flowchart and the processing engine are packaged into an interface file, the interface file is sent to the server, and the server receives and saves the interface file.

[0218] In the embodiments 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 multiple interaction objects and nodes of each interaction object from the node library based on a target function implemented by a target interface to be generated. The cloud service platform or the second device displays the selected multiple interaction objects and multiple nodes in the editing area of the editing interface, and the interface developer connects the multiple nodes by a connection line to represent an execution order between the multiple 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 a calling relationship between the multiple interaction objects, generates an interface file, and the interface file includes the multiple interaction objects and the process flowchart. In this way, the interface developer can obtain the interface file used to generate the target interface by selecting the interaction objects and the 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.

[0219] Referring to Figure 11 The embodiments of the present application provide a method 1100 for processing an interface, the method 1100 implements an operation of processing an interface to provide a target interface, implements a target function when a user performs an interaction operation on a first interaction object of the target interface, and can be applied to Figure 5 The third device 105 in the network architecture 100, and the method 1100 includes the following processes.

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

[0221] In step 1101, the third device can obtain an interface file from the server, and the interface file includes multiple interaction 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 interaction object and the second interaction object, the target interface can also include other interaction objects, for example, a third interaction object.

[0222] In some embodiments, the third device includes a browser, and the browser is used to access a service to obtain the interface file from the server. The browser is used to load the interface file to provide the target interface.

[0223] For example, the server stores an interface file, which includes multiple interactive objects in the target interface, a processing flow chart, and a processing engine. The multiple interactive objects in the target interface include Figure 10 The input box object, API object, table object and text object shown in the figure are obtained by the third device from the server, and the interface file is provided based on the interface file. Figure 8 The target interface is shown.

[0224] In some embodiments, the second interactive object may further include an attribute binding method. When providing the target interface, the third device uses the attribute binding method to bind the command attributes of the second interactive object to the first processing operation. Optionally, the third device uses the attribute binding method to load the correspondence between the command attributes of the second interactive object and the first processing operation into the third device's memory.

[0225] In some embodiments, the first interactive object may also implement a second processing operation. The first interactive object may also include an attribute binding method. When providing the target interface, the third device uses the attribute binding method of the first interactive object to bind the command attribute (command attribute 12) of the first interactive object to the second processing operation. Optionally, the third device uses the attribute binding method of the first interactive object to load the correspondence between the command attribute of the first interactive object and the second processing operation into the memory of the third device.

[0226] Step 1102: Obtain a processing flow chart, the processing flow chart including a first node and a second node, the first node is used to monitor the first interactive object, and the second node is used to indicate a first processing operation.

[0227] In step 1102, the third device obtains a processing flow chart from the interface file. In addition to the first node and the second node, the processing flow chart may also include other nodes, for example, a third node, a fourth node, a fifth node and / or a sixth node.

[0228] For example, the third device obtains from the interface file Figure 9 As shown in the processing flow chart, the processing flow chart includes nodes 11 and 12 of the input box object, nodes 52, 53 and 51 of the API object, nodes 32 and 31 of the table object, and nodes 42 and 41 of the text object.

[0229] Step 1103: When the first node monitors the interaction operation performed by the user to interact with the first interaction object, the first processing operation is performed based on the second node to realize the target function of the target interface.

[0230] 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.

[0231] 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.

[0232] 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.

[0233] 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.

[0234] 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.

[0235] 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.

[0236] 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.

[0237] 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.

[0238] Thus, in step 1103, the third node is invoked when the user performs the interaction operation based on the first node to interact with the first interaction object, and the execution order of the third node in the processing flowchart is later than the execution order 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 the execution order of the third node.

[0239] Then, the first processing operation is performed based on the second node and the parameter information included in the attribute value of the first data attribute of the second interaction object. 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 included in the attribute value of the first data attribute of the second interaction object.

[0240] 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.

[0241] 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.

[0242] Thus, in step 1103, when the first node monitors the user's interactive operation performed to interact with the first interactive object, the fourth node is called. In the processing flow chart, the execution order of the fourth node is later than the execution order of the first node. The second processing operation is performed based on the fourth node.

[0243] In some embodiments, the fourth node includes a command attribute of the first interactive object (i.e., command attribute 12 of the first interactive object) and an attribute assignment operation. The attribute assignment operation assigns an attribute value to the command attribute of the first interactive object. Optionally, if the first node includes attribute values ​​configured by an interface developer, the attribute value of the command attribute of the first interactive object may be assigned to the attribute value included in the first node. Alternatively, if the first node does not include attribute values ​​configured by an interface developer, the attribute value of the command attribute of the first interactive object may be assigned to a default value or a random value.

[0244] Because the command attribute of the first interactive object (command attribute 12 of the first interactive object) is registered with the processing engine, when the command attribute of the first interactive object changes, the processing engine can detect the change and execute the second processing operation bound to the command attribute of the first interactive object. Optionally, based on the command attribute of the first interactive object, the processing engine obtains the second processing operation from the correspondence between command attributes and processing operations stored in the memory of the third device, and executes the second processing operation.

[0245] For example, see Figure 8 In the target interface shown, the input box object is equivalent to the first interactive object, and the API object is equivalent to the second interactive object. The interactive operation performed by the user is the input operation, see Figure 12 , the user inputs the name of the view to be queried as "Reuse Test" into 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 "Reuse Test".

[0246] See also Figure 9 The processing flow chart includes nodes 11 and 12 of the input box object, nodes 52, 53, and 51 of the API object, nodes 32 and 31 of the table object, and nodes 42 and 41 of the text object. The first node may be node 11 of the input box object, the fourth node may be node 12 of the input box object, the third node includes nodes 52 and 53 of the API object, and the second node is node 51 of the API object.

[0247] 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 sequence of the node 12 of the input box object, the execution sequence of the node 52 of the API object and the execution sequence of the node 53 of the API object are all later than the execution sequence of the node 11 of the input box object in the processing flowchart shown in FIG. 8. Figure 9 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 sequence of the node 12 of the input box object, the execution sequence of the node 52 of the API object and the execution sequence of the node 53 of the API object are all later than the execution sequence of the node 11 of the input box object in the processing flowchart shown in FIG. 8.

[0248] 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 to 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. 8, when the attribute value of the command attribute 12 of the input box object changes, the processing engine executes the first rendering operation bound to the command attribute 12 of the input box object based on the attribute value of the data attribute 11 of the input box object, so as to render “Old Test” in the input box of the input box object. Figure 12

[0249] 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, and the parameter information 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.

[0250] The node 53 of the API object includes a data attribute 122 of the API object and a data query method 2, and the data query method 2 is configured by the interface developer to query 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, and obtains the “Old Test” input by the user. The attribute value of the data attribute 122 of the API object is configured to include the queried “Old Test”.

[0251] The node 51 of the API object is called, and the execution sequence of the node 51 of the API object is later than the execution sequence of the node 52 of the API object in the processing flowchart shown in FIG. 8. Figure 9 ​The execution order of the node 51 of the API object in the illustrated processing flow chart 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 the command attribute 12 of the API object (the command attribute 12 of the API object is bound with the query operation implemented by the API object) and the attribute assignment operation 5. The third device assigns a property value to the command attribute 12 of the API object through the attribute assignment operation 5. When the property value of the command attribute 12 of the API object changes, the processing engine executes the query operation bound with the command attribute 12 of the API object based on the address of the database included by the property value of the data attribute 121 of the API object and the “old customer test” included by 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”.

[0252] 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 processing flow chart further includes one or more nodes for indicating third processing operations 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 processing flow chart is later than the execution order of the second node. The third processing operations are executed based on the one or more nodes.

[0253] In some embodiments, the one or more nodes include a command attribute of the one or more interactive objects (as the command attribute 12 of the third interactive object) and an attribute assignment operation. The attribute assignment operation is used to assign a property value to the command attribute of the one or more interactive objects. 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 by the one or more nodes. Alternatively, the one or more nodes can not 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 a default value or a random value.

[0254] Since the command attribute of the one or more interactive objects (as the command attribute 12 of the third interactive object) 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 execute the third processing operations bound with the command attribute of the one or more interactive objects.

[0255] In some embodiments, the processing flow chart further includes a sixth node including a data query method and a data attribute of the third interactive object (as the data attribute 12 of the third interactive object), and the property value of the second data attribute of the second interactive object (as the command attribute 13 of the second interactive object) includes an execution result obtained by executing the first processing operation, and the data query method is used to query the execution result.

[0256] After the third device performs the first processing operation based on the second node, the sixth node is invoked, and the execution order of the sixth node in the processing flowchart is later than the execution order 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 interactive object is queried to obtain the execution result. The attribute value of the data attribute of the third interactive object is configured to include the execution result. Then the fifth node is invoked, and the execution order of the fifth node in the processing flowchart is later than the execution order of the sixth node. Based on the fifth node and the attribute value of the data attribute of the third interactive object including the execution result, the third processing operation is performed.

[0257] For example, Figure 8 The target interface shown also includes a table object and a text object, Figure 9 The processing flowchart shown also includes the node 32 and the node 31 of the table object, and the node 42 and the node 41 of the text object. 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.

[0258] 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 attribute value of the data attribute 12 of the table object is configured to include the record of the "old test". Figure 9 The execution order of the node 32 of the table object in the processing flowchart shown is later than the execution order of the node 51 of the API object.

[0259] The node 32 of the table object includes the data attribute 12 of the table object and the 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".

[0260] The node 31 of the table object is invoked, and the attribute value of the command attribute 12 of the table object is configured to include the record of the "old test". Figure 9 The execution order of the node 31 of the table object in the processing flowchart shown is later than the execution order of the node 32 of the table object. 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 to the 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 Figure 12 When the attribute value of the command attribute 12 of the table object changes, the processing engine performs the display operation bound to 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 "old test") to display the record including the "old test" on the table of the table object.

[0261] Calling the text object node 42, Figure 9 In the processing flow chart shown, the execution order of node 42 of the text object is later than that of node 31 of the table object. Node 32 of the text object includes data attribute 121, data attribute 122, data attribute 123 of the text object, attribute assignment operation 4, and parameter information configured by the interface developer, which parameter information includes the text content "query result" to be displayed, the font (e.g., Songti) and font size (e.g., size 4) of the text content to be displayed. Through attribute assignment operation 4, the third device assigns the attribute value of data attribute 121 of the text object to the text content "query result" to be displayed, assigns the attribute value of data attribute 122 of the text object to the font (e.g., Songti) of the text content to be displayed, and assigns the attribute value of data attribute 123 of the text object to the font size (e.g., size 4) of the text content to be displayed.

[0262] The third device calls the node 41 of the text object, Figure 9 In the processing flow chart shown, the execution order of the text object node 41 is later than the execution order of the text object node 42. The text object node 41 includes the text object's command attribute 12 (the text object's command attribute 12 is bound to the second rendering operation implemented by the text object) and the attribute assignment operation 3. The third device assigns the attribute value of the text object's command attribute 12 through the attribute assignment operation 3. Figure 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 "query result" in size 4 Song font 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 of the text content to be displayed (such as Songti)), and the attribute value of the data attribute 123 of the text object (the font size of the text content to be displayed (such as size 4)).

[0263] In some embodiments, Figure 6 In the illustrated method, after generating the interface file, the second device or cloud service platform can provide the target interface to the interface developer based on the interface file. The interface developer can then test the target functionality implemented by the target interface. The interface developer, like the user described above, performs an interactive operation on the first interactive object. The second device or cloud service platform can then execute the process of method 1100 to perform the first processing operation on the second interactive object.

[0264] In the embodiment of the present application, the interface file includes a plurality of interactive objects and a processing flowchart in the target interface, the plurality of interactive objects include a first interactive object, a second interactive object and a third interactive 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 interactive operation performed by the user and interacts with the first interactive object, the second processing operation of the first interactive object, the first processing operation of the second interactive object and the third processing operation of the third interactive object are sequentially executed 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 interactive objects and the plurality of nodes included in the processing flowchart are a plurality of interactive objects and a plurality of nodes selected by the interface developer from the node library. Therefore, the interface developer can obtain the interface file used to generate the target interface by referring to the target function realized by the target interface and selecting a plurality of interactive objects and a plurality of nodes from the node library. In this way, the interface developer does not need to write a large amount of code when generating the target interface, thereby reducing the labor cost of generating the target interface.

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

[0266] A 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 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;

[0267] An acquisition unit 1302 is configured to acquire a processing flowchart 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 configured to listen to whether the first interactive object interacts with the interactive 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 interactive object and the second interactive object;

[0268] The processing unit 1301 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 interactive object and the second interactive object, and the target interface being configured to interact with the interactive operation to implement the first processing operation.

[0269] Optionally, the processing unit 1301 provides detailed implementation process of the editing interface, please refer to Figure 6 The related content of step 602 of method 600 is not described in detail here.

[0270] Optionally, the acquisition unit 1302 is configured to acquire the detailed implementation process of the processing flowchart in response to a selection operation on a first node of a first interactive object and a second node of a second interactive object included in the node library. For detailed implementation process, please refer to Figure 6 The related content of step 603 of method 600 is not described in detail here.

[0271] Optionally, the processing unit 1301 generates the interface file based on the processing flowchart. For detailed implementation process, please refer to Figure 6 The related content of step 605 of method 600 is not described in detail here.

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

[0273] Optionally, the interaction attribute includes a command attribute, and the interaction operation is configured to modify an attribute value of the command attribute. Alternatively, 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 user input data.

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

[0275] The second node is configured to assign an attribute value to the command attribute of the second interactive object.

[0276] The second node is configured 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.

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

[0278] Optionally, the processing flowchart further includes a third node of the second interactive 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.

[0279] The third node includes a first data attribute of the second interactive object and parameter information required for executing the first processing operation. The third node is configured to configure an attribute value of the first data attribute to include the parameter information.

[0280] 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.

[0281] 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 fourth node being executed later than the first node, and the fourth node being configured to indicate the second processing operation.

[0282] 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 fifth node being executed later than the second node, and the fifth node being configured to indicate a third processing operation implemented by the third interactive object.

[0283] Optionally, the processing flowchart further comprises a sixth node of the third interactive object, the sixth node being executed 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 the second data attribute of the second interactive object comprising an execution result obtained by executing the first processing operation, the data query method being configured to query the execution result.

[0284] The sixth node is configured to indicate that the execution result is obtained by querying the attribute value of the second data attribute based on the data query method, and an attribute value of the data attribute of the third interactive object is configured to include the execution result.

[0285] 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 interactive object.

[0286] In the embodiments of the present application, the editing interface provided by the processing unit comprises an editing area and a node library, the editing area is configured 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 comprising the first node and the second node. Since the first node is configured to listen to whether the first interactive object interacts with the interactive operation, and the second node is configured to indicate the first processing operation, the processing flowchart is configured 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 configured to generate the target interface comprising 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 comprising 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 implement the calling relationship between the first interactive object and the second interactive object, thereby saving the cost of generating the target interface.

[0287] Referring to Figure 14, an embodiment of the present application provides a system 1400 for processing an interface, the system 1400 comprising: a cloud service platform 1401 and an interface display device 1402;

[0288] The cloud service platform 1401 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;

[0289] The cloud service platform 1401 is further configured to, in response to a selection operation on a first node of a first interactive object and a second node of a second interactive object included in the node library, obtain a processing flow chart, wherein the first node is configured to monitor whether the first interactive object interacts with the interactive operation, the second node is configured to indicate a first processing operation, the processing flow chart includes the first node and the second node, and the processing flow chart is configured to describe a call relationship between the first interactive object and the second interactive object;

[0290] The cloud service platform 1401 is further used to generate an interface file based on the processing flow chart;

[0291] The interface display device 1402 is used to load the interface file in the browser to generate a target interface, which includes a first interactive object and a second interactive object. When the first node monitors the interaction between the first interactive object and the interactive operation, the first processing operation is performed based on the second node.

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

[0293] In the embodiments of the present application, the cloud service platform can provide an editing interface, and 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. 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. Therefore, 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 performs the first processing operation, and the function of the target interface is realized. Therefore, when the target interface is generated, 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, and a large amount of code is not needed 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.

[0294] Referring to Figure 15 , the embodiments of the present application provide a computing device 1500. For example, the computing device 1500 can be a device included in the network architecture 100 shown in Figure 1 、 Figure 4 or Figure 5 , or the computing device 1500 can be a device in the method 600 shown in Figure 6 or the method 1100 shown in Figure 11 , etc.

[0295] As shown in Figure 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.

[0296] The bus 1502 can be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus, etc. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 15The fact that only one line is used in the figure does not mean that there is only one bus or only one type of bus. The bus 1502 may include a path for transmitting information between various components of the computing device 1500 (eg, the processor 1504, the memory 1506, and the communication interface 1508).

[0297] The processor 1504 may include any one or more processors such as a central processing unit (CPU), a graphics processing unit (GPU), a microprocessor (MP), or a digital signal processor (DSP).

[0298] The memory 1506 may include volatile memory, such as random access memory (RAM). The memory 1506 may also include non-volatile memory, such as read-only memory (ROM), flash memory, hard disk drive (HDD), or solid state drive (SSD).

[0299] See also Figure 15 , the memory 1506 stores executable program code, and the processor 1504 executes the executable program code to respectively implement Figure 13 The functions of the processing unit 1301 and the obtaining unit 1302 in the device 1300 shown in FIG. 1300 are implemented to implement the method provided by any of the above embodiments. That is, the memory 1506 stores instructions for executing the method provided by any of the above embodiments. Or,

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

[0301] Embodiments of the present application also provide a cluster of processing interfaces. The cluster of processing interfaces includes at least one computing device. The computing device can be a server, such as 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 laptop computer, or a smartphone.

[0302] like Figure 16As shown, the cluster of processing interfaces includes at least one computing device 1500. The memory 1506 in one or more computing devices 1500 in the cluster of processing interfaces can have the same instructions for performing the methods provided by any of the embodiments described above.

[0303] In some possible implementations, the memory 1506 in one or more computing devices 1500 in the cluster of processing interfaces can also have respective partial instructions for performing the methods of processing data described above. In other words, the combination of one or more computing devices 1500 can collectively execute the instructions for performing the methods provided by any of the embodiments described above.

[0304] 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. Figure 17 A possible implementation is shown. As shown in Figure 17 As shown, 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.

[0305] In this type of possible implementation, the memory 1506 in the computing device 1500A has instructions for performing the functions of the processing unit 1301 in the embodiments shown in Figure 13 As shown, the memory 1506 in the computing device 1500B has instructions for performing the functions of the obtaining unit 1302 in the embodiments shown in Figure 13

[0306] It should be understood that Figure 17 The functions of the computing device 1500A shown in The functions of the computing device 1500B shown in

[0307] The present embodiments 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 of the cluster of processing interfaces described above. Figure 17 The cluster of processing interfaces differs from the cluster of processing interfaces described above in that the memory 1506 in one or more computing devices 1500 in the cluster of processing interfaces can have the same instructions for performing the methods provided by any of the embodiments described above.

[0308] In some possible implementations, the memory 1506 in one or more computing devices 1500 in the cluster of processing interfaces can also have respective partial instructions for performing the methods provided by any of the embodiments described above. In other words, the combination of one or more computing devices 1500 can collectively execute the instructions for performing the methods provided by any of the embodiments described above.

[0309] 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.

[0310] The embodiments of the present application further provide a computer readable storage medium. The computer readable storage medium can be any available medium or a data center containing one or more available media, which can be stored by a computing device. 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), etc. The computer readable storage medium contains instructions, which instruct the computing device to perform the method provided by any of the above embodiments.

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

[0312] The above description is only optional embodiments of the present application, and is not used to limit the present application. Any modification, equivalent replacement, improvement, etc. made within the principles 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, comprising 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, comprising 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.

Images