CN113741965A

CN113741965A - Method, device and equipment for arranging flow chart and storage medium

Info

Publication number: CN113741965A
Application number: CN202111003785.4A
Authority: CN
Inventors: 李成玲
Original assignee: OneConnect Financial Technology Co Ltd Shanghai
Current assignee: OneConnect Smart Technology Co Ltd; OneConnect Financial Technology Co Ltd Shanghai
Priority date: 2021-08-30
Filing date: 2021-08-30
Publication date: 2021-12-03

Abstract

The invention relates to the field of artificial intelligence, and discloses a method, a device, equipment and a storage medium for arranging a flow chart, wherein the method comprises the following steps: responding to the drawing operation of a user through the canvas component, displaying the drawn target flow chart in the canvas area, and adding user configuration information into a flow chart data structure of the target flow chart through the interaction component; rendering and displaying configuration sub-pages of different levels in a node configuration page of the target general node through a popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages; and responding to a target flow chart processing instruction aiming at the target flow chart by the main business component, and sending the flow chart data structure of the target flow chart to a bottom layer interface matched with the target flow chart processing instruction. The technical scheme of the embodiment of the invention realizes the logic layering of the flow chart realization architecture, enhances the arrangement flexibility of the flow chart realization codes and reduces the maintenance cost of the realization codes.

Description

Method, device and equipment for arranging flow chart and storage medium

Technical Field

The embodiment of the invention relates to the technical field of artificial intelligence, in particular to a method, a device, equipment and a storage medium for arranging a flow chart.

Background

At present, a user can use various general functional components provided by a service platform in a unified service platform to perform custom construction to obtain various personalized service flows, such as a flow of automatically approving products, a data processing flow based on artificial intelligence and the like. When different types of functional components (for example, a polling component, a loop execution component, or a condition judgment component) are used to perform personalized construction of a custom service flow, various functional components used need to be configured in a custom manner. For some functional components that require complex configurations, multiple levels of user configuration may be required.

In order to implement the building function of the personalized service flow, a programmer needs to correspondingly build an implementation code of the service platform. The inventor discovers that in the process of implementing the invention: the implementation codes of the service platform constructed in the prior art are not reasonably arranged, various codes are fused together, the difficulty of difficult code maintenance is caused, and meanwhile, when a new functional assembly needs to be added in the service platform or a page is configured by the new functional assembly, the original implementation codes need to be greatly modified, the modification workload is large, and the whole body is dragged and pulled.

Disclosure of Invention

The embodiment of the invention provides a method, a device, equipment and a storage medium for arranging a flow chart, which can realize the logic layering of codes for the flow chart, enhance the flexibility of arranging the codes for realizing the flow chart and reduce the maintenance workload of the codes.

In a first aspect, an embodiment of the present invention provides a method for arranging a flowchart, including:

responding to drawing operation of a user through a canvas component, and displaying a drawn target flow chart in a canvas area, wherein the target flow chart comprises a plurality of universal nodes with connection relation;

responding to a configuration information input instruction aiming at a node configuration page of a target general node in a target flow chart through an interaction component, and adding user configuration information input aiming at the node configuration page into a flow chart data structure of the target flow chart;

rendering and displaying configuration sub-pages of different levels in a node configuration page of the target general node through a popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages;

and responding to a target flow chart processing instruction aiming at the target flow chart by the main business component, and sending the flow chart data structure of the target flow chart to a bottom layer interface matched with the target flow chart processing instruction.

In a second aspect, an embodiment of the present invention further provides an apparatus for arranging a flowchart, including:

the target flow chart drawing module is used for responding to drawing operation of a user through the canvas assembly and displaying the drawn target flow chart in the canvas area, and the target flow chart comprises a plurality of universal nodes with connection relation;

the universal node configuration module is used for responding to a configuration information input instruction of a node configuration page aiming at a target universal node in a target flow chart through an interaction component, and adding user configuration information input aiming at the node configuration page into a flow chart data structure of the target flow chart;

the configuration sub-page rendering and displaying module is used for rendering and displaying configuration sub-pages of different levels in the node configuration page of the target general node through the popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages;

and the bottom layer interface calling module is used for responding to a target flow chart processing instruction aiming at the target flow chart through the main service component and sending the flow chart data structure of the target flow chart to the bottom layer interface matched with the target flow chart processing instruction.

In a third aspect, an embodiment of the present invention further provides a computer device, where the computer device includes:

a processor;

a storage device for storing a program;

when the program is executed by the processor, the program causes the processor to execute the method for arranging the flow chart provided by any embodiment of the invention.

In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, where a computer program is stored on the storage medium, and when the computer program is executed by a processor, the computer program implements the method for arranging the flowcharts provided in any embodiment of the present invention.

According to the technical scheme provided by the embodiment of the invention, the implementation codes of the flow chart service platform are subjected to architecture layering to obtain the canvas component, the interaction component, the popup component and the main service component, and the drawing of the flow chart is realized through the matched functional components in response to different operations of a user, so that a solution of architecture layering is provided, the reasonable code arrangement of the service platform is realized, and the arrangement flexibility of the implementation codes of the flow chart is enhanced; meanwhile, when the functional components are newly added or the functional components are configured with pages, only the matched components need to be modified, the overall architecture of the service platform for realizing the codes cannot be influenced, and the later maintenance cost and the maintenance workload for realizing the codes are greatly reduced.

Drawings

FIG. 1A is a flow chart of a method for scheduling of flow charts in an embodiment of the present invention;

FIG. 1B is a diagram illustrating a configuration sub-page according to an embodiment of the invention;

FIG. 1C is a diagram of a pop-up window page in an embodiment of the invention;

FIG. 1D is a diagram illustrating a pop-up window page in accordance with an embodiment of the present invention;

FIG. 1E is a diagram of a pop-up window page in an embodiment of the invention;

FIG. 2 is a flow chart of a method of orchestration according to the flow chart of another embodiment of the invention;

FIG. 3A is a flow chart of a method of orchestration according to the flow chart of another embodiment of the invention;

FIG. 3B is a schematic diagram of a page of a flowchart service platform according to another embodiment of the present invention;

FIG. 3C is a block diagram of a service platform implementation code in another embodiment of the invention;

FIG. 4 is a schematic structural diagram of an editing apparatus according to a flowchart in another embodiment of the present invention;

fig. 5 is a schematic structural diagram of a computer device in another embodiment of the present invention.

Detailed Description

Embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present invention are shown in the drawings, it should be understood that the present invention may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present invention. It should be understood that the drawings and the embodiments of the present invention are illustrative only and are not intended to limit the scope of the present invention.

It should be understood that the various steps recited in the method embodiments of the present invention may be performed in a different order and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the invention is not limited in this respect.

The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.

It should be noted that the terms "first", "second", and the like in the present invention are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.

It is noted that references to "a", "an", and "the" modifications in the present invention are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that reference to "one or more" unless the context clearly dictates otherwise.

The names of messages or information exchanged between devices in the embodiments of the present invention are for illustrative purposes only, and are not intended to limit the scope of the messages or information.

The embodiment of the invention can arrange the data processing flow of the artificial intelligence technology. Among them, Artificial Intelligence (AI) is a theory, method, technique and application system that simulates, extends and expands human Intelligence using a digital computer or a machine controlled by a digital computer, senses the environment, acquires knowledge and uses the knowledge to obtain the best result.

The artificial intelligence infrastructure generally includes technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technologies, operation/interaction systems, mechatronics, and the like. The artificial intelligence software technology mainly comprises a computer vision technology, a robot technology, a biological recognition technology, a voice processing technology, a natural language processing technology, machine learning/deep learning and the like.

Fig. 1A is a flowchart of an arrangement method of a flowchart according to an embodiment of the present invention, where the embodiment of the present invention is applicable to a case where drawing of the flowchart is implemented by architectural layering of implementation codes of a flowchart service platform, and the method may be executed by an arrangement apparatus of a flowchart, which may be composed of hardware and/or software and may be generally integrated in a computer device for providing a flowchart drawing service. As shown in fig. 1A, the method specifically includes the following steps:

and S110, responding to the drawing operation of the user through the canvas component, and displaying the drawn target flow chart in the canvas area.

The canvas component is a packaged code program used for responding to drawing operation of the user flow chart; typically, the canvas component can be implemented based on the existing Gojs component, and the Gojs component is a JavaScript-based flow chart construction component, has functions of flow chart drawing, connection, deletion, undo, redo and the like, and has the characteristics of strong function, rapidness and light weight.

In this embodiment, through the canvas component, the drawing of the whole target flowchart and the display of the drawn target flowchart can be realized.

In this embodiment, the target flowchart includes a plurality of general nodes having a connection relationship; the universal node is used for realizing a preset minimum flow processing function; the general nodes can comprise a polling node, a condition control node, a cycle execution node and the like. The matched user-defined parameters are set for each universal node, the universal nodes are connected according to the preset connection relation to obtain the target flow chart, and then different flow processing functions are executed according to the node connection relation sequence by triggering the universal nodes in the target flow chart, so that the flow processing functions which are user-defined and have complex functions can be finally realized, namely, one target flow chart is composed of a plurality of universal nodes with the execution sequence being preset, so that the matched flow processing function is realized.

It should be noted that the drawing operation of the user may be a dragging instruction for dragging a general node in the general node library to a canvas by the user, a selection instruction for the general node in the general node library by the user, a connection instruction executed by the user for two general nodes in the canvas, a cancel instruction for setting the dragging instruction or the connection instruction by the user, a delete instruction for setting the general node or the connection in the canvas by the user, a redo instruction executed by the user for a currently drawn flow chart, and the like, which is not limited in this embodiment.

S120, responding to a configuration information input instruction aiming at a node configuration page of a target general node in the target flow chart through an interactive component, and adding user configuration information input aiming at the node configuration page into a flow chart data structure of the target flow chart.

The interactive assembly is packaged and supports a code program for realizing the information configuration of each universal node in the flow chart; the configuration information input instruction is command information for inputting configuration information on a node configuration page for a user, for example, clicking operation of the user on an information item in the node configuration page. The user configuration information is personalized characteristic information set by a user aiming at one or more target general nodes included in the target flow chart; the user configuration information may include data types, such as constants, variables, functions, and the like, input or output by the target general-purpose node.

In an optional implementation manner of this embodiment, after the user finishes drawing the target flowchart, the user may select a target general node that needs to be configured by user definition in the target flowchart in a single-click manner, a double-click manner, or a long-press manner, at this time, activation of the interaction component is triggered, the interaction component may correspondingly pop up a node configuration page that matches the target general node, and receive one or more items of user configuration information that is configured by the user for the target general node through the node configuration page.

Specifically, one or more common nodes included in the target flowchart may include a default configuration value of the configurable parameter, and when a user selects not to configure a certain common node or a certain configuration parameter in the common nodes, the common node may directly use the default configuration value of the corresponding configuration parameter; or, one or more general nodes included in the target flowchart may include a required configuration parameter, and in order to ensure that the target flowchart can be executed normally, the user must configure a matched configuration value for the required configuration parameter of the general node.

The target flow chart corresponds to a flow chart data structure, and the flow chart data structure comprises implementation codes of flow processing functions implemented by all the general nodes in the target flow chart. Typically, the flowchart data structure may include one or more blank data areas to be filled in, or data areas to be updated, and is configured to correspondingly fill in the blank data areas, or update and store data in the data areas to be updated, using user configuration information input by a user for one or more target general nodes.

In this embodiment, after the drawn target flow chart is obtained, the service platform displays a node configuration page matched with the target general node to the target user through the interaction component according to a selection instruction of the target user on the target general node, and fills user configuration information corresponding to the target general node into a flow chart data structure of the target flow chart according to a configuration information input instruction of the target user on the node configuration page, so as to implement user-defined configuration on the target general node.

It should be noted that node configuration pages corresponding to different general nodes in the target flowchart are the same or different, and the corresponding target users may also have differences with respect to user configuration information configured by different general nodes; typically, different general nodes may correspond to node configuration pages in different levels, or correspond to the same level, but correspond to different information configuration items in the same level. In this embodiment, the interaction component configures corresponding user configuration information for each general node in the target flowchart, so that personalized configuration of each general node in the target flowchart can be realized on the basis of drawing a personalized target flowchart.

S130, rendering and displaying the configuration sub-pages of different levels in the node configuration page of the target general node through the popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages.

The popup component is a code program used for realizing the node configuration page and the corresponding configuration subpage display; in this embodiment, the node configuration page and the configuration sub-page may both be displayed in a form of a popup window, and the node configuration pages of different general nodes may correspond to configuration sub-pages of different levels.

In addition, optionally, on the basis of each configuration sub-page, the popup pages of different levels can be further displayed through the popup component according to the configuration information item selected by the user in the configuration sub-page, so as to realize deeper self-defined setting of the general node.

As shown in FIG. 1B, taking the Calling Node universal Node as an example, the Node Configuration page includes four-layer Configuration sub-pages of Basic Information, Model Configuration, I/O Parameter and Code Configuration; taking an I/O Parameter configuration subpage as an example, the subpage includes an Advanced configuration information item, and the Advanced configuration information item needs to be configured at a high level, so that a popup page needs to be further displayed, as shown in fig. 1C, a popup page corresponding to the Advanced configuration information item includes five types of configuration information, namely, Constant, Variable, clipping, Function, and project; taking the Function configuration information as an example, the corresponding further popup page is shown in fig. 1D, and when the user selects the Add Variable option therein, a further popup is displayed, as shown in fig. 1E, so that the user selects a specific Variable value; therefore, on the basis that the I/O Parameter configures the popup of the sub-page, a three-layer popup page is further displayed.

The display content and the display time of different configuration sub-pages in different node configuration pages are triggered and controlled by the popup component. Specifically, after the target user inputs corresponding user configuration information in the node configuration page, the corresponding configuration sub-page is determined according to the user configuration information through the popup component, and the configuration sub-pages of each level are rendered and displayed according to a preset default display sequence, so that the user configuration information input by the target user in the configuration sub-pages of each level is obtained.

In this embodiment, the popup component renders and displays each hierarchical configuration subpage corresponding to the node configuration page of the target general node, so that the target user can self-define the multi-hierarchical configuration information of the target general node, and the target general node can express more complex logic and adapt to more complex scenes.

S140, responding to a target flow chart processing instruction aiming at the target flow chart through the main business component, and sending the flow chart data structure of the target flow chart to a bottom layer interface matched with the target flow chart processing instruction.

The main business component is a code program supporting the realization of the data structure operation of the target flow chart. The target flow chart processing instruction is sent by a target user and aims at the operation command information of the target flow chart; the target flow graph processing instructions may include: storing, issuing, simulating and executing operation instructions; and different bottom layer interfaces are associated with different flow chart processing instructions and are used for specifically realizing different operation functions.

Specifically, the page bearing the canvas and the universal node library also comprises various functional controls, and after the user finishes drawing the target flow chart, the user can click and select the corresponding functional control to trigger and generate a corresponding target flow chart processing instruction; for example, clicking the save function control to issue a target flowchart save instruction; and then when receiving a target flow chart processing instruction of a target user, the flow chart drawing service platform calls the main business component and sends the flow chart data structure of the target flow chart to the corresponding bottom layer interface. Wherein, the bottom interface is used for executing the operation matched with the target flow chart processing instruction.

In this embodiment, by the main service component, corresponding operations are performed on the drawn target flowchart, so that operations such as simulation execution and final saving of the target flowchart can be realized.

It should be noted that, because the implementation code of the flowchart is divided into corresponding functional components, on the basis of the functional components, the components can be newly added or adaptively modified according to task requirements, and the existing implementation code architecture does not need to be globally adjusted, so that the workload of function expansion can be reduced, and the maintenance cost of the implementation code of the flowchart can be reduced.

In this embodiment, optionally, sending, by the main service component, the flowchart data structure of the target flowchart to the bottom interface matched with the target flowchart processing instruction in response to the target flowchart processing instruction for the target flowchart, where the sending may include:

acquiring a bottom layer interface matched with the target flow chart processing instruction through a main service component; through the main service component, if the bottom layer interface is determined not to be matched with the flow chart data structure, carrying out format conversion on the flow chart data structure, and sending a format conversion result to the bottom layer interface for processing; through the main service component, if a data processing result fed back by the bottom layer interface is received, performing reverse format conversion on the data processing result; and providing the reverse format conversion result to the canvas component through the main service component so as to trigger the canvas component to display the reverse format conversion result in the canvas area.

Wherein, different bottom interfaces are used for executing target flow chart processing operations corresponding to different target flow chart processing instructions; optionally, in the interactive component, a mapping relationship between the target flowchart processing instruction and the underlying interface is pre-stored; therefore, after the target flow chart processing instruction of the target user is obtained, the mapping relation stored in advance is searched according to the target flow chart processing instruction so as to obtain the matched bottom layer interface, and the matched bottom layer interface can be accurately determined.

It should be noted that, the data formats that the bottom layer interface can process are preset, and one bottom layer interface can correspond to multiple data formats; after determining the bottom layer interface corresponding to the target flow chart processing instruction, the fault interaction component needs to further judge whether the flow chart data structure conforms to a preset processable data format matched with the bottom layer interface; and if the flow chart data structure does not conform to the preset format, performing corresponding format conversion on the flow chart data structure so as to process the flow chart data structure after the format conversion through the bottom layer interface.

Secondly, when the main service component receives the data processing result fed back to the bottom layer interface, for example, the target flowchart processing instruction is a simulation instruction, and after the simulation is finished, a corresponding simulation result is generated. Specifically, if the data format of the data processing result is different from the data format that can be displayed in the canvas area, the data processing result is subjected to corresponding reverse format conversion, and the reverse format conversion result is sent to the canvas component, so that the reverse format conversion result is displayed through the canvas component.

In the embodiment, the canvas component, the interaction component, the popup component and the main service component are independently packaged in different classes, so that the logical hierarchy of the architecture is realized, and when a programmer selects to add a general node, only the relevant logic in the canvas component needs to be correspondingly updated; when a programmer selects to update a node configuration page, only relevant logic in the popup component needs to be updated correspondingly, and codes of other parts do not need to be modified, so that the workload of code maintenance of the programmer is greatly saved.

Based on the foregoing embodiment, this embodiment specifically introduces a method for displaying a target flowchart obtained by drawing in a canvas area by a canvas component in response to a user operating a general node.

Fig. 2 is a flowchart of a method for arranging a flowchart according to another embodiment of the present invention, where the present embodiment provides a method for arranging a flowchart based on the foregoing technical solution, and the method includes:

and S210, responding to the drawing instruction of the flow chart, and triggering and calling the canvas component.

The instruction for drawing the flow chart is sent by the target user, and the initial command information for drawing the flow chart can include a new instruction for creating the flow chart; after receiving the flow chart drawing instruction, the service platform automatically triggers the calling operation of the drawing assembly, so that the support for the subsequent flow chart drawing of the target user can be realized.

S220, displaying the universal node library by a user through the canvas component, and initializing to construct a flow chart data structure matched with the target flow chart.

The universal node is pre-associated with a pre-packaged component data structure for realizing the set flow processing function; the general node library includes at least one general node.

In this embodiment, after the service platform receives the flow chart drawing instruction and implements the call trigger of the canvas component, the service platform further displays the general node library through the canvas component; typically, the universal node library may be displayed on the left side or the right side of the canvas area, and may be displayed by using a tree structure, and the display position and the display form of the universal node library are not specifically limited in this embodiment.

Secondly, establishing an initialization flow chart data structure corresponding to the target flow chart while displaying the general node library; the initialized flow chart data structure may be a flow chart data structure corresponding to the preset configuration information, or may be a flow chart data structure corresponding to the configuration information being empty. By initializing and constructing a flow chart data structure corresponding to the target flow chart in advance, when the user-defined setting is carried out on the target flow chart configuration information subsequently, only the modification is carried out on the basis of initializing the flow chart data structure, and the user-defined configuration efficiency of the target flow chart can be improved.

And S230, responding to the drawing operation of the user through the canvas component, and displaying the drawn target flow chart in the canvas area.

The target flow chart comprises a plurality of general nodes with connection relations.

In a specific implementation manner of this embodiment, a target user may select a general node to be used by clicking in a general node library to implement drawing of a flowchart; for example, a user can click a target general node in the general node library by a mouse, copy the target general node, paste the copied target general node to a corresponding position in the canvas area, and finally draw the target flowchart by combining and connecting a plurality of general nodes.

In this embodiment, optionally, displaying, by the canvas component and in response to a user drawing operation, the drawn target flowchart in the canvas area may include:

responding to a dragging operation aiming at a first general node in a general node library through the canvas component, and dragging and displaying the first general node in a canvas area; and adding a component data structure matched with the first universal node into the flow chart data structure through the canvas component.

Each general node is pre-associated with a pre-packaged component data structure for implementing the set flow processing function.

It should be noted that the canvas component also supports the target user to select the general node in a dragging manner; specifically, a general node selected by clicking of a target user is used as a first general node, and a mouse release position in a canvas area is used as a display position of the first general node, so that the first general node is displayed; and simultaneously, adding the component data structure matched with the first universal node into the initially constructed flow chart data structure.

In addition, optionally, the canvas component may further support a user to simultaneously select a plurality of first general nodes in the general node library, and drag the plurality of general nodes to the canvas area for display, so as to improve the efficiency of drawing the flowchart.

In this embodiment, optionally, displaying, by the canvas component and in response to a user drawing operation, the drawn target flowchart in the canvas area, may further include: responding to a connecting line instruction aiming at a second general node and a third general node in a canvas area through the canvas component, and generating and displaying a connecting line for connecting the second general node and the third general node in the canvas area according to a connecting line direction in the connecting line instruction; and adding the connection relation between the second general node and the third general node into the flow chart data structure through the canvas component.

Specifically, after the service platform realizes the selection and display of the universal nodes through the canvas component, the service platform further displays corresponding connecting lines among the corresponding universal nodes through the canvas component according to the connecting line instruction of the target user; meanwhile, the canvas assembly is used for adding the connection relation corresponding to the connecting line into the corresponding flow chart data structure, so that the construction of the whole flow chart framework is realized.

When a user selects to drag one or more universal nodes to a canvas area, the canvas component correspondingly combines the component data structures of the universal nodes and adds the combined component data structures to the flow chart data structure corresponding to the target flow chart. Meanwhile, according to the connection operation executed by the user on each general node, the connection relation among the general nodes can be further added into the data structure of the flow chart; for example, if the user performs a connection operation From the general node a to the general node B, the corresponding connection relationship From a to B may be generated and added to the corresponding flowchart data structure.

S240, responding to a configuration information input instruction aiming at a node configuration page of a target general node in the target flow chart through an interactive component, and adding user configuration information input aiming at the node configuration page into a flow chart data structure of the target flow chart.

Correspondingly, the user configuration information is filled into at least one blank filling item in the component data structure of the target universal node, so that the user-defined configuration of the universal node is realized.

In an optional implementation manner of this embodiment, adding, by the interaction component, in response to a configuration information input instruction for a node configuration page of a target general node in the target flowchart, user configuration information input for the node configuration page into a flowchart data structure of the target flowchart may include:

acquiring a node type corresponding to the target universal node through an interactive component, and displaying a node configuration page matched with the node type; and correspondingly filling user configuration information input by a user in the node configuration page into a blank filling area matched with the target universal node in the flow chart data structure through an interactive component.

The component data structure of the general node comprises at least one blank filling area for realizing the self-defined configuration of the general node; through reserving the blank region in the component data structure of each general node, the blank region can be directly added to the corresponding reserved blank filling region after the user-defined configuration information of the user is received, the modification of other parts of the component data structure can be avoided, and the user-defined configuration efficiency of the general nodes is improved.

Specifically, the types (polling, cycling, or condition, etc.) of the general nodes are different, and the structures of the corresponding custom configuration pages are also different. A target user selects a target general node in a target flow chart and sends a node configuration request comprising a target general node identifier to a service platform; after receiving a node configuration request of a target user through the interactive component, the service platform determines a node type matched with the current target universal node according to the target universal node identification, and displays a node configuration page corresponding to the node type. Furthermore, the target user inputs configuration information in the displayed node configuration page, and the service platform fills the user configuration information into a blank filling area matched with the target universal node after acquiring the user configuration information of the user through the interaction component, so that the user-defined configuration of the target universal node is realized.

And S250, rendering and displaying the configuration sub-pages of different levels in the node configuration page of the target general node through the popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages.

And S260, responding to a target flow chart processing instruction aiming at the target flow chart through the main business component, and sending the flow chart data structure of the target flow chart to a bottom layer interface matched with the target flow chart processing instruction.

According to the technical scheme provided by the embodiment of the invention, before a user executes the flow chart drawing operation, the service platform executes the triggering operation of calling the canvas component according to the flow chart drawing instruction of the user, and realizes the display of the universal node library and the initialization construction of the flow chart data structure through the canvas component; furthermore, each functional component respectively responds to the operation instruction corresponding to the target user, so that the arrangement efficiency of the flow chart is improved; meanwhile, the blank filling areas are reserved in the component data structure of the universal node, so that when the configuration information of the user is obtained, the user configuration information is directly added to the corresponding blank filling areas through the interaction component, and the user-defined configuration efficiency of the universal node is improved.

The present embodiment specifically introduces the following steps of adding user configuration information into a flow chart data structure of a target flow chart, performing data binding on a target general node and the user configuration information through an interactive component, and displaying back the user configuration information when configuration is completed.

Fig. 3A is a flowchart of a method for arranging a flowchart according to another embodiment of the present invention, where the present embodiment provides a method for arranging a flowchart based on the foregoing technical solution, and the method includes:

and S310, responding to the drawing instruction of the flow chart, and triggering and calling the canvas component.

And S320, displaying the universal node library by a user through the canvas component, and initializing to construct a flow chart data structure matched with the target flow chart.

The general node is associated with a pre-packaged component data structure for realizing the set flow processing function in advance.

S330, responding to the drawing operation of the user through the canvas component, and displaying the drawn target flow chart in the canvas area.

S340, responding to a configuration information input instruction aiming at a node configuration page of a target general node in the target flow chart through an interactive component, and adding user configuration information input aiming at the node configuration page into a flow chart data structure of the target flow chart.

S350, responding to a configuration information input instruction aiming at the node configuration page through an interactive component, and performing data binding relation between the target universal node and user configuration information input by the node configuration page.

Specifically, after the service platform adds the configuration information input by the user on the node configuration page in the target flow chart to the flow chart data structure of the target flow chart through the interaction component according to the received configuration information input instruction of the user on the node configuration page of the target general node in the target flow chart, the service platform further performs data binding on the target general node and the user configuration information through the interaction component to obtain the mapping relation between the target general node and the user configuration information.

And S360, responding to a configuration completion instruction matched with the target universal node through an interactive component, and displaying the user configuration information back to a display area matched with the target universal node in the layout area according to the data binding relation.

In this embodiment, when receiving a configuration completion instruction for a target general node sent by a target user, the service platform displays, through the interaction component, user configuration information in a display area of a canvas area matched with the target general node according to a recorded data binding relationship between the target general node and the user configuration information, thereby implementing custom modification and supplementation of a target flowchart according to the user configuration information.

And S370, responding to a reconfiguration instruction of the target universal node which completes information configuration through an interactive component, and displaying the user configuration information back to the position of the matched user information input in the node configuration page of the target universal node according to the data binding relationship.

When the target user needs to modify the configuration information of the target general node, a reconfiguration instruction can be sent to the service platform, for example, the target general node in the layout area is clicked again; when the service platform receives a reconfiguration instruction of a target user, the interaction component displays user configuration information customized by the user to a user information input position matched with a node configuration page corresponding to a target universal node according to the stored data binding relation, so that the display of the current node configuration page is realized, and the target user can modify the user configuration information in the node configuration page conveniently.

And S380, rendering and displaying the configuration sub-pages of different levels in the node configuration page of the target general node through the popup component so as to guide a user to input matched user configuration information in the different configuration sub-pages.

And S390, responding to the target flow chart processing instruction aiming at the target flow chart through the main service component, and sending the flow chart data structure of the target flow chart to a bottom layer interface matched with the target flow chart processing instruction.

In a specific implementation manner of this embodiment, as shown in fig. 3B, a page of the flowchart service platform includes a canvas area on the left side, a general node library on the right side, and a service function area on the upper portion, and is used for issuing a flowchart processing instruction, such as Start, Save, Publish, and the like. The overall architecture of the service platform implementation code is shown in fig. 3C, where flow.vue represents a main service component, datadiagramzoom.vue represents an interaction component, goddiagram.vue represents a canvas component, nodeinfo.vue, CustomDomain and customdrawinginput represent a popup component; vue, which is the first layer of the popup component and is used for rendering and displaying the configuration subpages of each level; CustomDomain, which is a second layer of the popup component and is used for defining high-level configuration information; CustomDrawerInput, at the third level of the popup component, is used to determine the configuration subpage at the next level.

When a user needs to perform custom configuration on the general nodes, the user can click and select the general nodes of the target flow chart in the canvas area, and the popup component renders and displays a node configuration page corresponding to the general nodes and configuration subpages of different levels. Furthermore, a user inputs user configuration information in the node configuration page and each configuration sub-page, and the service platform adds the user configuration information to a flow chart data structure of the flow chart through the interaction component, so that the user-defined setting of the target general node can be realized. Finally, the user clicks an operation key in a service function area of the service platform to issue a target flow chart processing instruction aiming at the target flow chart; correspondingly, the service platform sends the flow chart data structure of the target flow chart to the corresponding bottom layer interface through the main business component so as to execute the corresponding flow chart processing operation through the bottom layer interface.

According to the technical scheme provided by the embodiment of the invention, the service platform carries out the data binding relationship between the target general node and the user configuration information through the interactive component, and displays the user configuration information in the data binding relationship in the display area corresponding to the target general node through the interactive component when receiving the configuration completion instruction, so that the user-defined modification and adjustment of the target flow chart according to the user configuration information are realized; furthermore, when the service platform receives the reconfiguration instruction of the target universal node, the node configuration page is displayed according to the data binding relationship, and the reconfiguration efficiency of the target universal node of the user is improved.

Fig. 4 is a schematic structural diagram of an arrangement apparatus of a flowchart according to another embodiment of the present invention. As shown in fig. 4, the apparatus includes: a target flow chart drawing module 410, a general node configuration module 420, a configuration sub-page rendering display module 430 and an underlying interface calling module 440. Wherein,

a target flowchart drawing module 410, configured to display, by using a canvas component and in response to a user drawing operation, a drawn target flowchart in a canvas area, where the target flowchart includes a plurality of general nodes having a connection relationship;

a general node configuration module 420, configured to respond to a configuration information input instruction of a node configuration page for a target general node in a target flowchart through an interaction component, and add user configuration information input for the node configuration page into a flowchart data structure of the target flowchart;

the configuration sub-page rendering and displaying module 430 is configured to render and display configuration sub-pages of different levels in the node configuration page of the target general node through the popup component, so as to guide a user to input matched user configuration information in the different configuration sub-pages;

and the bottom layer interface calling module 440 is configured to respond to the target flowchart processing instruction for the target flowchart through the main service component, and send the flowchart data structure of the target flowchart to the bottom layer interface matched with the target flowchart processing instruction.

Optionally, on the basis of the above technical solution, the apparatus for arranging the flowchart further includes:

the canvas component triggering module is used for responding to the flow chart drawing instruction and triggering and calling the canvas component;

the general node library display module is used for displaying a general node library by a user through the canvas component and initializing and constructing a flow chart data structure matched with the target flow chart;

Optionally, on the basis of the foregoing technical solution, the target flowchart drawing module 410 includes:

the drawing operation response unit is used for responding to the drawing operation of a first general node in a general node library through the canvas component and drawing and displaying the first general node in a canvas area;

and the component data structure adding unit is used for adding the component data structure matched with the first universal node into the flow chart data structure through the canvas component.

Optionally, on the basis of the foregoing technical solution, the target flowchart drawing module 410 further includes:

the connecting line instruction response unit is used for responding to a connecting line instruction aiming at a second general node and a third general node in a canvas area through the canvas assembly, and generating and displaying a connecting line for connecting the second general node and the third general node in the canvas area according to a connecting line direction in the connecting line instruction;

and the connection relation adding unit is used for adding the connection relation between the second general node and the third general node into the flow chart data structure through the canvas component.

Optionally, on the basis of the foregoing technical solution, the general node configuration module 420 includes:

the node configuration page display unit is used for acquiring the node type corresponding to the target universal node through the interactive component and displaying the node configuration page matched with the node type;

the user configuration information filling unit is used for correspondingly filling user configuration information input by a user in the node configuration page into a blank filling area matched with the target universal node in the flow chart data structure through an interactive component;

the component data structure of the general node comprises at least one blank filling area for realizing the self-defined configuration of the general node.

the data binding relation module is used for responding to a configuration information input instruction aiming at the node configuration page through an interaction component and performing data binding relation between the target universal node and user configuration information input by the node configuration page;

the user configuration information redisplaying module is used for responding to a configuration completion instruction matched with the target universal node through an interactive component and redisplaying the user configuration information into a display area matched with the target universal node in the layout area according to a data binding relation;

and the reconfiguration instruction response module is used for responding to a reconfiguration instruction of the target universal node which completes information configuration through the interactive component and displaying the user configuration information back to the matched user information input position in the node configuration page of the target universal node according to the data binding relationship.

Optionally, on the basis of the foregoing technical solution, the bottom layer interface invoking module 440 includes:

the bottom layer interface acquisition unit is used for acquiring a bottom layer interface matched with the target flow chart processing instruction through a main service component;

the format conversion unit is used for performing format conversion on the flow chart data structure and sending a format conversion result to the bottom layer interface for processing if the bottom layer interface is determined not to be matched with the flow chart data structure through the main service component;

the reverse format conversion unit is used for performing reverse format conversion on the data processing result if the data processing result fed back by the bottom layer interface is received through the main service component;

and the reverse format conversion result display back unit is used for providing the reverse format conversion result for the canvas component through the main service component so as to trigger the canvas component to display the reverse format conversion result in the canvas area.

The device can execute the methods provided by all the embodiments of the invention, and has corresponding functional modules and beneficial effects for executing the methods. For technical details which are not described in detail in the embodiments of the present invention, reference may be made to the methods provided in all the aforementioned embodiments of the present invention.

Fig. 5 is a schematic structural diagram of a computer apparatus according to another embodiment of the present invention, as shown in fig. 5, the computer apparatus includes a processor 510, a memory 520, an input device 530, and an output device 540; the number of the processors 510 in the computer device may be one or more, and one processor 510 is taken as an example in fig. 5; the processor 510, the memory 520, the input device 530 and the output device 540 in the computer apparatus may be connected by a bus or other means, and the connection by the bus is exemplified in fig. 5. The memory 520 is a computer readable storage medium, and can be used for storing software programs, computer executable programs, and modules, such as program instructions/modules corresponding to a flowchart layout method in any embodiment of the present invention (for example, the target flowchart drawing module 410, the general node configuration module 420, the configuration sub-page rendering display module 430, and the underlying interface calling module 440 in a flowchart layout apparatus). The processor 510 executes various functional applications and data processing of the computer device by executing software programs, instructions and modules stored in the memory 520, so as to implement the arrangement method of one flowchart described above. That is, the program when executed by the processor implements:

The memory 520 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 520 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, memory 520 may further include memory located remotely from processor 510, which may be connected to a computer device through a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof. The input device 530 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function control of the computer apparatus, and may include a keyboard and a mouse, etc. The output device 540 may include a display device such as a display screen.

Optionally, the computer device may be a server, and the server may be an independent server, or may be a cloud server that provides basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and artificial intelligence platform, and the like.

Embodiments of the present invention further provide a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the method according to any of the embodiments of the present invention. Of course, the embodiment of the present invention provides a computer-readable storage medium, which can perform related operations in an arrangement method of a flowchart provided by any embodiment of the present invention. That is, the program when executed by the processor implements:

From the above description of the embodiments, it is obvious for those skilled in the art that the present invention can be implemented by software and necessary general hardware, and certainly, can also be implemented by hardware, but the former is a better embodiment in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which can be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device) to execute the methods according to the embodiments of the present invention.

It should be noted that, in the above embodiment of the apparatus for arranging flowcharts, the included units and modules are merely divided according to functional logic, but are not limited to the above division as long as the corresponding functions can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.

It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims

1. A method for orchestrating a flow graph, comprising:

2. The method of claim 1, further comprising, prior to displaying, by the canvas component, the rendered target flowchart within the canvas area in response to a user rendering operation:

triggering and calling the canvas component in response to the flow chart drawing instruction;

displaying a universal node library by a user through a canvas component, and initializing and constructing a flow chart data structure matched with the target flow chart;

3. The method of claim 2, wherein displaying, by the canvas component, the rendered target flowchart within the canvas area in response to a user rendering operation comprises:

responding to a dragging operation aiming at a first general node in a general node library through the canvas component, and dragging and displaying the first general node in a canvas area;

and adding a component data structure matched with the first universal node into the flow chart data structure through the canvas component.

4. The method of claim 2, wherein displaying, by the canvas component, the rendered target flowchart within the canvas area in response to a user rendering operation comprises:

responding to a connecting line instruction aiming at a second general node and a third general node in a canvas area through the canvas component, and generating and displaying a connecting line for connecting the second general node and the third general node in the canvas area according to a connecting line direction in the connecting line instruction;

and adding the connection relation between the second general node and the third general node into the flow chart data structure through the canvas component.

5. The method of any one of claims 2-4, wherein adding, by the interaction component, in response to a configuration information input instruction for a node configuration page for a target general node in the target flowchart, user configuration information input for the node configuration page to a flowchart data structure of the target flowchart comprises:

acquiring a node type corresponding to the target universal node through an interactive component, and displaying a node configuration page matched with the node type;

correspondingly filling user configuration information input by a user in the node configuration page into a blank filling area matched with the target universal node in the flow chart data structure through an interaction component;

6. The method of claim 1, after adding, by the interaction component, the user configuration information entered for the node configuration page of the target generic node in the target flowchart to the flowchart data structure of the target flowchart in response to the configuration information entry instruction for the node configuration page, further comprising:

responding to a configuration information input instruction aiming at the node configuration page through an interaction component, and performing data binding relation between the target universal node and user configuration information input by the node configuration page;

responding to a configuration completion instruction matched with the target universal node through an interactive component, and displaying the user configuration information back to a display area matched with the target universal node in the layout area according to a data binding relation;

responding to a reconfiguration instruction of a target universal node completing information configuration through an interactive component, and displaying the user configuration information back to the matched user information input position in a node configuration page of the target universal node according to the data binding relation.

7. The method of claim 1, wherein sending, by the primary business component, in response to a target-flow-graph processing instruction for the target flow-graph, the flow-graph data structure of the target flow-graph to an underlying interface that matches the target-flow-graph processing instruction, comprises:

acquiring a bottom layer interface matched with the target flow chart processing instruction through a main service component;

through the main service component, if the bottom layer interface is determined not to be matched with the flow chart data structure, carrying out format conversion on the flow chart data structure, and sending a format conversion result to the bottom layer interface for processing;

through the main service component, if a data processing result fed back by the bottom layer interface is received, performing reverse format conversion on the data processing result;

and providing the reverse format conversion result to the canvas component through the main service component so as to trigger the canvas component to display the reverse format conversion result in the canvas area.

8. An apparatus for arranging a flowchart, comprising:

9. A computer device, comprising:

a processor; a storage device for storing a computer program;

the processor, when executing the computer program, implements the method of orchestration of the flow diagrams of any of claims 1-7.

10. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method of arranging a flowchart according to any one of claims 1 to 7.