Visualization application component orchestration method and apparatus

Abstract

The present disclosure provides a visual application component arrangement method and device. The visual application component arrangement method comprises: in response to a first operation of a user dragging a first application component in a component area to a first designated position of a work area, displaying the first application component at the first designated position; in response to a second operation of the user configuring a service attribute of the first application component, configuring the service attribute of the first application component according to attribute parameters input by the user; in response to a third operation of the user configuring an association relationship of the first application component, adjusting the association relationship between each application component in the work area according to association information input by the user; and in response to a first arrangement operation of the user, arranging the visual application components according to the service attribute and the association relationship of each application component in the work area.

Description

Technical Field

[0001] This disclosure relates to the field of information processing, and in particular to a method and apparatus for arranging visual application components. Background Technology

[0002] Currently, when deploying applications, staff need to develop the corresponding application component code in advance, and then compile the developed application component code to complete the service release. Summary of the Invention

[0003] The inventors noted that in the related technologies for deploying applications, if new application component code needs to be added, the application component code needs to be redeveloped, compiled, and serviced, and the published application cannot be flexibly adjusted as needed.

[0004] Accordingly, this disclosure provides a visual application component orchestration scheme that can effectively improve the flexibility of application deployment.

[0005] According to a first aspect of the present disclosure, a method for orchestrating visual application components is provided, comprising: in response to a first operation in which a user drags a first application component from a component area to a first designated location in a workspace, displaying the first application component at the first designated location; in response to a second operation in which the user configures the business attributes of the first application component, configuring the business attributes of the first application component according to attribute parameters input by the user; in response to a third operation in which the user configures the association relationships of the first application component, adjusting the association relationships between application components in the workspace according to association information input by the user; and in response to a first orchestration operation in which the user orchestrates visual application components according to the business attributes and association relationships of each application component in the workspace.

[0006] In some embodiments, in response to a fourth operation where the user deletes a second application component in the workspace, the second application component in the workspace is deleted; in response to a fifth operation where the user configures the association relationships of the remaining application components in the workspace, the association relationships between the remaining application components in the workspace are adjusted according to the association information input by the user; and in response to a second orchestration operation by the user, a visual application component orchestration is performed according to the business attributes and association relationships of the remaining application components in the workspace.

[0007] In some embodiments, in response to a sixth operation in which a user drags a detection component from the component area to a second designated location in the work area, the detection component is displayed at the second designated location; in response to a seventh operation in which the user configures the association relationship of the detection component, an association relationship between the detection component and the third application component is established based on the identifier of the third application component input by the user; in response to a detection trigger operation by the user, the detection component detects the third application component and presents the detection result.

[0008] In some embodiments, the detection component detects the third application component by: sending first request data to the third application component and determining first response data corresponding to the first request data based on the identifier of the third application component; the detection component detects whether the second data fed back by the third application component is the same as the first response data; if the second data is the same as the first response data, the detection component presents a prompt message indicating that the third application component is functioning normally.

[0009] In some embodiments, if the second data is different from the first response data, the detection component displays a prompt message indicating that the third application component is malfunctioning.

[0010] In some embodiments, in response to an eighth operation in which the user adjusts the association of the detection component, an association between the detection component and the fourth application component is established based on the identifier of the fourth application component input by the user, and the association between the detection component and the third application component is deleted.

[0011] In some embodiments, in response to a ninth operation by the user to delete the detection component, the detection component is deleted from the workspace.

[0012] According to a second aspect of the present disclosure, a visual application component orchestration apparatus is provided, comprising: a first processing module configured to, in response to a first operation in which a user drags a first application component from a component area to a first designated location in a workspace, display the first application component at the first designated location; in response to a second operation in which the user configures the business attributes of the first application component, configure the business attributes of the first application component according to attribute parameters input by the user; in response to a third operation in which the user configures the association relationships of the first application component, adjust the association relationships between application components in the workspace according to association information input by the user; and a second processing module configured to, in response to the first orchestration operation in which the user performs visual application component orchestration according to the business attributes and association relationships of each application component in the workspace.

[0013] According to a third aspect of the present disclosure, a visualization application component orchestration apparatus is provided, comprising: a memory configured to store instructions; and a processor coupled to the memory, the processor being configured to execute instructions stored in the memory to implement the method described in any of the above embodiments.

[0014] According to a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores computer instructions that, when executed by a processor, implement the method as described in any of the above embodiments.

[0015] Other features and advantages of this disclosure will become clear from the following detailed description of exemplary embodiments with reference to the accompanying drawings. Attached Figure Description

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

[0017] Figure 1 This is a flowchart illustrating a method for orchestrating visual application components according to an embodiment of this disclosure;

[0018] Figures 2-7 This is a schematic diagram illustrating the visual application components of some embodiments of this disclosure;

[0019] Figure 8 This is a flowchart illustrating a visual application component orchestration method according to another embodiment of this disclosure;

[0020] Figures 9-10 This is a schematic diagram illustrating the visual application components of some embodiments of this disclosure;

[0021] Figure 11 This is a schematic diagram of the structure of a visualization application component orchestration device according to an embodiment of the present disclosure;

[0022] Figure 12 This is a schematic diagram of the structure of a visualization application component orchestration device according to another embodiment of the present disclosure. Detailed Implementation

[0023] The technical solutions of the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this disclosure, and not all embodiments. The following description of at least one exemplary embodiment is merely illustrative and is in no way intended to limit this disclosure or its application or use. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without creative effort are within the scope of protection of this disclosure.

[0024] Unless otherwise specifically stated, the relative arrangement, numerical expressions, and values ​​of the components and steps set forth in these embodiments do not limit the scope of this disclosure.

[0025] At the same time, it should be understood that, for ease of description, the dimensions of the various parts shown in the accompanying drawings are not drawn according to actual scale.

[0026] Techniques, methods, and equipment known to those skilled in the art may not be discussed in detail, but where appropriate, such techniques, methods, and equipment should be considered part of the specification.

[0027] In all examples shown and discussed herein, any specific values ​​should be interpreted as merely exemplary and not as limitations. Therefore, other examples of exemplary embodiments may have different values.

[0028] It should be noted that similar labels and letters in the following figures indicate similar items; therefore, once an item is defined in one figure, it does not need to be discussed further in subsequent figures.

[0029] Figure 1 This is a flowchart illustrating a visual application component orchestration method according to an embodiment of the present disclosure. In some embodiments, the following visual application component orchestration method steps are executed by a visual application component orchestration device.

[0030] In step 101, in response to the first operation of the user dragging the first application component in the component area to the first specified position in the work area, the first application component is displayed at the first specified position.

[0031] For example, such as Figure 2 As shown, in response to the user's operation of dragging application component 1 from the component area to the first specified position in the work area, application component 1 is displayed at the first specified position in the work area.

[0032] In step 102, in response to the second operation of configuring the business attributes of the first application component by the user, the business attributes of the first application component are configured according to the attribute parameters input by the user.

[0033] In step 103, in response to the third operation of the user configuring the association relationship of the first application component, the association relationship between the application components in the workspace is adjusted according to the association information input by the user.

[0034] For example, such as Figure 3 As shown, the workspace originally contains application component 1, application component 2, and application component 3, with the corresponding workflow order being application component 1, application component 2, and application component 3. By dragging application component 4 from the component area between application component 1 and application component 2, and adjusting the relationships between the application components, the workflow order of the four application components in the workspace becomes application component 1, application component 4, application component 2, and application component 3, as follows. Figure 4 As shown.

[0035] In step 104, in response to the user's first orchestration operation, the application components are visually orchestrated based on their business attributes and relationships in the workspace.

[0036] In some embodiments, in response to a fourth operation where the user deletes a second application component from the workspace, the second application component is deleted from the workspace. In response to a fifth operation where the user configures the association relationships of the remaining application components in the workspace, the association relationships between the remaining application components in the workspace are adjusted according to the association information input by the user. In response to a second orchestration operation by the user, a visual application component orchestration is performed based on the business attributes and association relationships of the remaining application components in the workspace.

[0037] For example, such as Figure 4 As shown, if the user deletes application component 2 as needed, the relationships between the remaining application components in the workspace will be adjusted according to the user's operation. Therefore, the flow order of the three remaining application components in the workspace will be application component 1, application component 4, and application component 3, as follows: Figure 5 As shown.

[0038] In some embodiments, the topological relationships between application components can be configured as needed, such as... Figure 6 and Figure 7 As shown.

[0039] In the visualization application component orchestration method provided in the above embodiments of this disclosure, the flexibility of application deployment can be effectively improved by dynamically adjusting the relationship between application components.

[0040] Figure 8 This is a flowchart illustrating a visualization application component orchestration method according to another embodiment of the present disclosure. In some embodiments, the following visualization application component orchestration method steps are performed by a visualization application component orchestration device.

[0041] In step 801, in response to the sixth operation whereby the user drags the detection component from the component area to the second specified position in the work area, the detection component is displayed at the second specified position.

[0042] In step 802, in response to the seventh operation of configuring the association relationship of the detection component by the user, the association relationship between the detection component and the third application component is established based on the identifier of the third application component input by the user.

[0043] For example, in Figure 3 Based on the illustrated embodiment, the detection component is displayed in the workspace according to the user's drag-and-drop operation, and the association between the detection component and application component 1 is established according to the user's configuration operation, such as... Figure 9 As shown.

[0044] In step 803, in response to the user's detection trigger operation, the detection component detects the third application component and presents the detection results.

[0045] In some embodiments, the detection component sends first request data to the third application component and determines first response data corresponding to the first request data based on the identifier of the third application component. The detection component then checks whether the second data fed back by the third application component is the same as the first response data. If the second data is the same as the first response data, the detection component displays a message indicating that the third application component is functioning normally. If the second data is different from the first response data, the detection component displays a message indicating that the third application component is malfunctioning.

[0046] For example, such as Figure 9 As shown, the detection component sends data "1" to application component 1. Based on the code configuration of application component 1, the detection component determines that the response data generated by application component 1 to the received data "1" should be "10". After receiving the feedback data from application component 1, if the feedback data is "10", it indicates that the code of application component 1 is correct; otherwise, it is determined that there is a problem with the code of application component 1.

[0047] In some embodiments, in response to an eighth operation in which the user adjusts the association of the detection components, an association between the detection components and the fourth application components is established based on the identifier of the fourth application component input by the user, and the association between the detection components and the third application components is deleted.

[0048] For example, such as Figure 9 As shown, after a user uses the detection component to detect application component 1, they may also want to use the detection component to detect application component 4. In this case, based on the user's operation, an association is established between the detection component and application component 4, and the association between the detection component and application component 1 is deleted. This allows the user to continue using the detection component to detect application component 4. Figure 10 As shown.

[0049] In some embodiments, in response to a ninth operation by the user deleting a detection component, the detection component is deleted from the workspace. This does not affect the orchestration of the visualization application components.

[0050] Figure 11 This is a schematic diagram of the structure of a visual application component orchestration device according to an embodiment of this disclosure. Figure 11 As shown, the visualization application component orchestration device includes a first processing module 111 and a second processing module 112.

[0051] The first processing module 111 is configured to: in response to a first operation in which the user drags the first application component from the component area to a first specified location in the work area, display the first application component at the first specified location; in response to a second operation in which the user configures the business attributes of the first application component, configure the business attributes of the first application component according to the attribute parameters input by the user; and in response to a third operation in which the user configures the association relationship of the first application component, adjust the association relationship between the application components in the work area according to the association information input by the user.

[0052] The second processing module 112 is configured to respond to the user's first orchestration operation by visually orchestrating application components based on the business attributes and relationships of each application component in the workspace.

[0053] In some embodiments, the first processing module 111 deletes the second application component in the workspace in response to a fourth operation in which the user deletes the second application component in the workspace; and adjusts the association relationship between the remaining application components in the workspace according to the association information input by the user in response to a fifth operation in which the user configures the association relationship between the remaining application components in the workspace.

[0054] The second processing module 112 responds to the user's second orchestration operation and performs visual application component orchestration based on the business attributes and relationships of the remaining application components in the workspace.

[0055] In some embodiments, the first processing module 111, in response to a sixth operation whereby the user drags a detection component from the component area to a second designated location in the work area, displays the detection component at the second designated location; in response to a seventh operation whereby the user configures the association relationship of the detection component, establishes an association relationship between the detection component and the third application component based on the identifier of the third application component input by the user; and in response to a detection trigger operation by the user, the detection component detects the third application component and presents the detection result.

[0056] In some embodiments, the detection component sends first request data to the third application component and determines first response data corresponding to the first request data based on the identifier of the third application component. The detection component then checks whether the second data fed back by the third application component is the same as the first response data. If the second data is the same as the first response data, the detection component displays a message indicating that the third application component is functioning normally. If the second data is different from the first response data, the detection component displays a message indicating that the third application component is malfunctioning.

[0057] In some embodiments, the first processing module 111 responds to the eighth operation of the user adjusting the association relationship of the detection component, establishes the association relationship between the detection component and the fourth application component based on the identifier of the fourth application component input by the user, and deletes the association relationship between the detection component and the third application component.

[0058] In some embodiments, the first processing module 111 deletes the detection component in the workspace in response to the ninth operation of the user deleting the detection component.

[0059] Figure 12 This is a schematic diagram of the structure of a visualization application component orchestration apparatus according to another embodiment of this disclosure. Figure 12 As shown, the visualization application component orchestration device includes a memory 121 and a processor 122.

[0060] Memory 121 is used to store instructions, and processor 122 is coupled to memory 121. Processor 122 is configured to execute instructions based on the memory storage, as shown in the example. Figures 1 to 2 The method involved in any of the embodiments.

[0061] like Figure 12 As shown, the visualization application component orchestration device also includes a communication interface 123 for information interaction with other devices. Simultaneously, the visualization application component orchestration device also includes a bus 124, through which the processor 122, communication interface 123, and memory 121 communicate with each other.

[0062] The memory 121 may include high-speed RAM, and may also include non-volatile memory, such as at least one disk storage device. The memory 121 may also be a memory array. The memory 121 may also be divided into blocks, and the blocks may be combined into virtual volumes according to certain rules.

[0063] Furthermore, processor 122 may be a central processing unit (CPU), an application-specific integrated circuit (ASIC), or one or more integrated circuits configured to implement embodiments of the present disclosure.

[0064] This disclosure also relates to a computer-readable storage medium storing computer instructions that, when executed by a processor, implement... Figures 1 to 2 The method involved in any of the embodiments.

[0065] In some embodiments, the functional unit modules described above may be implemented as general-purpose processors, programmable logic controllers (PLCs), digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or any suitable combination thereof for performing the functions described herein.

[0066] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0067] The description in this disclosure is provided for illustrative and descriptive purposes only and is not intended to be exhaustive or to limit the disclosure to its forms. Many modifications and variations will be apparent to those skilled in the art. The embodiments were chosen and described in order to better illustrate the principles and practical application of this disclosure and to enable those skilled in the art to understand this disclosure and to design various embodiments with various modifications suitable for a particular purpose.

Claims

1. A method for visualizing application component orchestration, comprising: displaying a first application component in a first designated position of a work area in response to a first operation of a user dragging the first application component in a component area to the first designated position of the work area; configuring a service attribute of the first application component in response to a second operation of the user, and configuring the service attribute of the first application component according to attribute parameters input by the user; configuring an association relationship of the first application component in response to a third operation of the user, and adjusting the association relationship between application components in the work area according to association information input by the user; performing visual application component orchestration according to service attributes and the association relationship of the application components in the work area in response to a first orchestration operation of the user; displaying a detection component in a second designated position of the work area in response to a sixth operation of the user dragging the detection component in the component area to the second designated position of the work area; configuring an association relationship of the detection component in response to a seventh operation of the user, and establishing the association relationship between the detection component and a third application component according to an identification of the third application component input by the user; detecting the third application component by the detection component in response to a detection trigger operation of the user, and presenting a detection result; adjusting the association relationship of the detection component in response to an eighth operation of the user, and establishing an association relationship between the detection component and a fourth application component according to an identification of the fourth application component input by the user, and deleting the association relationship between the detection component and the third application component; detecting the fourth application component by the detection component in response to the detection trigger operation of the user, and presenting a detection result. 2.The method of claim 1, further comprising: deleting a second application component in the work area in response to a fourth operation of the user deleting the second application component in the work area; configuring an association relationship of the remaining application components in the work area in response to a fifth operation of the user, and adjusting the association relationship between the remaining application components in the work area according to association information input by the user; performing visual application component orchestration according to service attributes and the association relationship of the remaining application components in the work area in response to a second orchestration operation of the user.

3. The method of claim 1 or 2, wherein, detecting the third application component by the detection component comprises: sending first request data to the third application component by the detection component, and determining first response data corresponding to the first request data according to the identification of the third application component; detecting whether second data fed back by the third application component is the same as the first response data according to the second data; presenting prompt information that the third application component is functioning normally by the detection component if the second data is the same as the first response data. 4.The method of claim 3, further comprising: presenting prompt information that the third application component is functioning abnormally by the detection component if the second data is not the same as the first response data. 5.The method of claim 3, further comprising: In response to a ninth operation of the user deleting the detection component, the detection component in the work area is deleted.

6. A visual application component arrangement device, comprising: a first processing module configured to, in response to a first operation of the user dragging a first application component in a component area to a first designated position of a work area, display the first application component at the first designated position; in response to a second operation of the user configuring a service attribute of the first application component, configure the service attribute of the first application component according to attribute parameters input by the user; in response to a third operation of the user configuring an association relationship of the first application component, adjust the association relationship between application components in the work area according to association information input by the user; in response to a sixth operation of the user dragging a detection component in the component area to a second designated position of the work area, display the detection component at the second designated position, in response to a seventh operation of the user configuring an association relationship of the detection component, establish an association relationship between the detection component and a third application component according to an identifier of the third application component input by the user, in response to a detection trigger operation of the user, the detection component detects the third application component and presents a detection result, in response to an eighth operation of the user adjusting the association relationship of the detection component, establish an association relationship between the detection component and a fourth application component according to an identifier of the fourth application component input by the user, and delete the association relationship between the detection component and the third application component, in response to the detection trigger operation of the user, the detection component detects the fourth application component and presents a detection result; a second processing module configured to, in response to a first arrangement operation of the user, perform visual application component arrangement according to service attributes and association relationships of application components in the work area.

7. A visual application component arrangement device, comprising: a memory configured to store instructions; a processor coupled to the memory, the processor configured to execute the instructions stored in the memory to implement the method of any one of claims 1-5.

8. A computer readable storage medium, wherein, A computer readable storage medium stores computer instructions, the instructions being executed by a processor to implement the method of any one of claims 1-5.

Images