Process graphic combination method, device, electronic device, and storage medium

Abstract

The present application discloses a process flow diagram combination method, device, electronic device, and storage medium, the method comprising: in response to the user's operation in the current process flow diagram layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, the current embedded node being a combined control node composed of multiple regional control nodes; determining the node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node; adjusting the current process flow diagram layout according to the node hierarchy relationship and the node type of the currently dragged-in node using a preset adjustment strategy to obtain an adjusted process flow diagram layout. The present application splits and recombines the control nodes involved in the traditional flow diagram in a form similar to building block modules, making the assembly of the traditional flow diagram more intuitive and easy to operate, breaking the technical threshold, display effect, and difficulty of understanding of the traditional flow diagram, and being simple and easy to use.

Description

Technical Field

[0001] The present application relates to the field of graphic editing technology, and in particular to a process graphic combination method, device, electronic device, and storage medium. Background Art

[0002] With the development of computer technology, more and more graphics, pictures and flow charts are applied to software systems in various industries. Regarding the representation of flow charts, most companies choose the traditional flow chart method to represent the process reversal process. This method is clear and easy to understand, and simple to implement, but it also has the following shortcomings:

[0003] 1) When the process is simple, the flowchart method is concise and clear, but if the process is more complicated, the flowchart will become disorganized and it is difficult to directly see the process relationship, so it is difficult to sort out the actual situation of the actual process; 2) When describing the process nodes, the flowchart form cannot describe the mutual exclusion and dependency relationships between the process nodes, making it impossible for the process generator to fully control the next node; 3) The traditional flowchart representation method is basically difficult to describe control flows such as nested calls and repeated calls.

[0004] In view of this, solving the complex process of related flowcharts has become one of the key issues in process reversal. Generally, enterprises solve this problem by adding flowcharts. However, the problems caused by this method are also obvious. First, the superposition of multiple flowcharts makes the entire flowchart more complicated. Second, the relationship between multiple flowcharts is difficult to distinguish, which can easily cause various ambiguities. Summary of the invention

[0005] The embodiments of the present application provide a process graph combination method, device, electronic device, and storage medium to more intuitively display complex processes and improve the effect of complex process display.

[0006] The present application embodiment adopts the following technical solutions:

[0007] In a first aspect, an embodiment of the present application provides a process graph combination method, the method comprising:

[0008] In response to the user's operation in the current process graphic layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes;

[0009] Determining a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node;

[0010] According to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, the current flow graph layout is adjusted using a preset adjustment strategy to obtain an adjusted flow graph layout.

[0011] Optionally, before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, the method further includes:

[0012] Obtaining basic configuration information of the process graph, wherein the basic configuration information includes configuration information of a control node, wherein the control node represents a control subprocess;

[0013] Performing regional division on the control node according to the configuration information of the control node to obtain multiple regional control nodes;

[0014] A plurality of regional control nodes are combined to obtain the combined control node.

[0015] Optionally, the performing regional splitting on the control node according to the configuration information of the control node to obtain multiple regional control nodes includes:

[0016] Splitting the control node into a plurality of regions according to the node type of the control node, wherein the plurality of regional control nodes include regional control nodes of an upper region, a stretching region and a lower region;

[0017] The combining of the multiple regional control nodes to obtain a combined control node includes:

[0018] Set the node attribute information of each regional control node respectively;

[0019] Combining the regional control nodes and establishing associations with corresponding control nodes to obtain the combined control node;

[0020] The upper area corresponds to the control condition part of the control node, the stretching area corresponds to the execution content part of the control node, and the lower area corresponds to the execution end part of the control node.

[0021] Optionally, adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes:

[0022] If the node hierarchy relationship between the currently dragged-in node and the currently embedded node is that the currently dragged-in node is a child node of the currently embedded node, the currently embedded node is adjusted according to the embedding position of the currently dragged-in node.

[0023] Optionally, the adjusting the current embedded node includes:

[0024] Determine the embedding position of the currently dragged-in node according to the position of the currently dragged-in node and the position of the currently embedded node;

[0025] If the embedding position is the stretching area of ​​the current embedded node, the stretching area of ​​the current embedded node is stretched according to the node type of the currently dragged-in node, and the lower area of ​​the current embedded node is displaced.

[0026] Optionally, adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes:

[0027] After adjusting the current embedded node according to the embedding position of the currently dragged-in node, determining whether the current embedded node has a corresponding parent control node;

[0028] If it exists, recursively adjusting the parent control node corresponding to the current embedded node according to the adjusted current embedded node;

[0029] Otherwise, no adjustment is made.

[0030] Optionally, adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes:

[0031] If the node hierarchy relationship between the currently dragged-in node and the currently embedded node is a node of the same level, determining whether there is a parent control node between the currently dragged-in node and the currently embedded node;

[0032] If so, adjusting the parent control nodes corresponding to the currently dragged-in node and the currently embedded node;

[0033] Otherwise, no adjustment is made.

[0034] In a second aspect, an embodiment of the present application further provides a process graph combination device, the device comprising:

[0035] A first determining unit, configured to determine, in response to a user operation in the current process graphic layout, a position of a currently dragged-in node and a position of a currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes;

[0036] A second determining unit, configured to determine a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to a position of the currently dragged-in node and a position of the currently embedded node;

[0037] The adjustment unit is used to adjust the current flow chart layout using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node to obtain an adjusted flow chart layout.

[0038] In a third aspect, an embodiment of the present application further provides an electronic device, including:

[0039] Processor; and

[0040] A memory arranged to store computer executable instructions which, when executed, cause the processor to perform any of the methods described above.

[0041] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, which stores one or more programs. When the one or more programs are executed by an electronic device including multiple application programs, the electronic device executes any of the aforementioned methods.

[0042] At least one of the above technical solutions adopted in the embodiments of the present application can achieve the following beneficial effects: the process graph combination method of the embodiment of the present application first responds to the user's operation in the current process graph layout, determines the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, and the current embedded node is a combined control node composed of multiple regional control nodes; then determines the node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node; finally, according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, the current process graph layout is adjusted using a preset adjustment strategy to obtain an adjusted process graph layout. The process graph combination method of the embodiment of the present application splits and recombines the control nodes involved in the traditional flow chart in a form similar to building block modules, so that the assembly of the traditional flow chart becomes a more intuitive form of building block assembly, solving the problem that the traditional complex flow chart is not intuitive and difficult to operate, breaking the technical threshold, display effect and understanding difficulty of the traditional flow chart, and is simple and easy to use. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0044] Figure 1 A schematic diagram of a flow chart of a flow chart combination method in an embodiment of the present application;

[0045] Figure 2This is a schematic diagram of a flow chart layout effect in an embodiment of the present application;

[0046] Figure 3 This is a structural schematic diagram of a process graph combination device in an embodiment of the present application;

[0047] Figure 4 It is a schematic diagram of the structure of an electronic device in an embodiment of the present application. DETAILED DESCRIPTION

[0048] In order to make the purpose, technical solution and advantages of the present application clearer, the technical solution of the present application will be clearly and completely described below in combination with the specific embodiments of the present application and the corresponding drawings. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present application.

[0049] The technical solutions provided by various embodiments of the present application are described in detail below in conjunction with the accompanying drawings.

[0050] In order to facilitate the understanding of the embodiments of the present application, two existing process control schemes are introduced. The first process control scheme is to control the flow direction by distinguishing four types of trunk nodes, branch nodes, convergence nodes, and end nodes. In essence, the process control is completed by judging the properties of the nodes. The second process control scheme generates a flowchart by obtaining the relationship between the sub-data of each node in multiple nodes, which is essentially similar to the traditional implementation of additional flowcharts in most industries.

[0051] The first process control solution mainly controls the process by distinguishing four types of nodes, focusing on how to perform branch control, rather than solving how to simplify and visualize complex control processes. Process control mainly controls the direction of the process through the process branch judgment method in the flowchart. When encountering complex processes, a single process branch judgment method cannot effectively and intuitively solve the representation of complex processes. This is also the main drawback of the traditional flowchart representation method.

[0052] The second process control solution uses the circular relationship between nodes and child nodes to achieve the control of parent-child processes. It can solve certain complex parent-child processes, but the use of additional flowcharts will make the process extremely complicated for complex scenarios and it is difficult to clarify the relationship. Moreover, if this process relationship encounters a change in the parent node, the child nodes will have a large number of corresponding changes, which is difficult to implement and has poor operating effects.

[0053] Based on this, the present application embodiment provides a process graph combination method, such as Figure 1As shown, a flow chart of a flow chart combination method in an embodiment of the present application is provided, and the method at least includes the following steps S110 to S130:

[0054] Step S110, in response to the user's operation in the current process graphic layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of multiple regional control nodes.

[0055] The process graph combination method of the embodiment of the present application can be implemented based on the existing X6 diagram editing tool. X6 is a diagram editing engine under AntV, which provides a series of out-of-the-box interactive components and easy-to-use node customization capabilities, making it convenient for users to quickly build flowcharts, DAG diagrams, ER diagrams and other diagram applications. Of course, the specific form of the diagram editing tool can be flexibly selected by those skilled in the art according to actual needs, and is not limited here.

[0056] When generating a flowchart, it is necessary to first determine the user's operation in the current process graphic layout. The operation here mainly refers to the user's operation of dragging a new node in the current process graphic layout. Based on the user's operation in the current process graphic layout, the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node are determined. The "currently dragged-in node" refers to the new node that the user chooses to add to the current process graphic layout, and the "currently embedded node" refers to the existing control node in the current process graphic layout corresponding to the embedded position of the currently dragged-in node.

[0057] The "current embedded node" defined in the embodiment of the present application is a combined control node composed of multiple regional control nodes. The control nodes of multiple regions can be obtained by dividing the overall control area corresponding to a control sub-process according to the execution process of the sub-process. By disassembling and then combining a control sub-process, it is convenient to perform nested combination and intuitive display of complex process graphs. Of course, the specific splitting method can be flexibly set by technicians in this field according to actual needs, and no specific limitation is made here.

[0058] Step S120 , determining a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node.

[0059] According to the position of the currently dragged-in node and the position of the currently embedded node, the relative position relationship between the currently dragged-in node and the currently embedded node can be determined, for example, whether the currently dragged-in node is located below or above the currently embedded node. According to the relative position relationship between the currently dragged-in node and the currently embedded node, the node hierarchy relationship between the currently dragged-in node and the currently embedded node can be determined.

[0060] It should be noted here that, since in the process of generating a flowchart using the process graphics combination method of an embodiment of the present application, the user basically edits and generates it from top to bottom in the execution order of each step of the process, the above-mentioned node hierarchy relationship can mainly include that the currently dragged-in node and the currently embedded node belong to the same-level node or the currently dragged-in node belongs to a child node of the currently embedded node.

[0061] Step S130, adjusting the current flow graph layout using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node to obtain an adjusted flow graph layout.

[0062] During the generation process of the flow chart, the currently dragged-in node will usually have an associated relationship with at least one node in the current flow chart layout, which means that the addition of the currently dragged-in node will cause the current flow chart layout to change. Therefore, the embodiment of the present application adopts different adjustment strategies to adjust the current flow chart layout according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node. After the adjustment, the combination of the currently dragged-in node and the currently embedded node is realized, and this is repeated recursively until the combination of all flow charts is completed, that is, the production of the flow chart is completed.

[0063] The process diagram combination method of the embodiment of the present application splits and recombines the control nodes involved in the traditional flow chart into regions in a form similar to building block modules, so that the assembly of the traditional flow chart becomes a more intuitive building block assembly form, solving the problem that the traditional complex flow chart is not intuitive and difficult to operate, breaking the technical threshold, display effect and understanding difficulty of the traditional flow chart, and being simple and easy to use.

[0064] In some embodiments of the present application, before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, the method also includes: obtaining basic configuration information of the process graph, the basic configuration information including configuration information of the control node, the control node representing the control sub-process; performing regional splitting on the control node according to the configuration information of the control node to obtain multiple regional control nodes; and combining multiple regional control nodes to obtain the combined control node.

[0065] Before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, the embodiment of the present application can first obtain the basic configuration information of the process graph. The basic configuration information here can be pre-defined based on different business scenarios, or can be configured based on the user's customized needs. The basic configuration information mainly includes the configuration of all control nodes involved in the entire flow chart, for example, it can include control nodes in complex nested processes such as conditions, loops, parallelism, and asynchronousness. It should be noted that a control node here corresponds to a control sub-process. For example, for a conditional control node, the corresponding conditional control sub-process may include three parts: conditional judgment, execution content, and execution end.

[0066] Based on the specific configuration information of the control node, the control node can be split into regions in a form similar to a building block module to obtain multiple regional control nodes, and then the multiple regional control nodes are combined in sequence according to the relationship between the regions to obtain a combined control node. The specific splitting method can be flexibly set by those skilled in the art according to actual needs and is not specifically limited here.

[0067] In some embodiments of the present application, the region splitting of the control node according to the configuration information of the control node to obtain multiple regional control nodes includes: splitting the control node into multiple regions according to the node type of the control node, and the multiple regional control nodes include regional control nodes in an upper region, a stretching region and a lower region; combining the multiple regional control nodes to obtain a combined control node includes: respectively setting the node attribute information of each regional control node; combining each regional control node and establishing an association with the corresponding control node to obtain the combined control node; wherein the upper region corresponds to the control condition part of the control node, the stretching region corresponds to the execution content part of the control node, and the lower region corresponds to the execution end part of the control node.

[0068] Different control node types may have different corresponding splitting methods. Therefore, the embodiment of the present application can split the conditional, loop, parallel and other control node graphics according to the node type of the control node through the X6 graphic customization function, and divide them into regional control nodes in the upper area, stretching area and lower area. Based on the control sub-process corresponding to the control node, the upper area can correspond to the control condition part of the control node, the stretching area can correspond to the execution content part of the control node, and the lower area can correspond to the execution end part of the control node. Of course, the technicians in this field can also flexibly adjust how to divide the area according to actual needs.

[0069] Then you can register the node through the registerNode attribute in the X6 graphics editing engine, and add custom attribute styles for the three area selectors of the node in the attrs attribute, such as the relative position of the writing area, fill color, and import pictures. Then, the area selectors of the upper area, stretch area, and lower area are associated with the registered control node through the markup function, that is, the upper area, stretch area, and lower area are combined in order from top to bottom to obtain a combined control node.

[0070] In some embodiments of the present application, adjusting the current process graph layout using a preset adjustment strategy based on the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: if the node hierarchy relationship between the currently dragged-in node and the currently embedded node is that the currently dragged-in node is a child node of the currently embedded node, then adjusting the current embedded node according to the embedding position of the currently dragged-in node.

[0071] When adjusting the current process graphic layout, you can first determine the node hierarchy relationship between the currently dragged-in node and the currently embedded node. If the currently dragged-in node is a child node of the currently embedded node, it means that the currently dragged-in node is embedded in the control sub-process corresponding to the currently embedded node. Therefore, you can further adjust the current embedded node according to the specific embedding position of the currently dragged-in node to achieve a nested combination of the currently dragged-in node and the currently embedded node.

[0072] In some embodiments of the present application, the adjustment of the current embedded node includes: determining the embedded position of the currently dragged node based on the position of the currently dragged node and the position of the currently embedded node; if the embedded position is the stretching area of ​​the currently embedded node, stretching the stretching area of ​​the currently embedded node according to the node type of the currently dragged node, and displacing the lower area of ​​the currently embedded node.

[0073] As mentioned above, the upper area, stretching area and lower area divided in the embodiment of the present application are associated with the control node. The stretching area corresponds to the control execution part of the control node. If the currently dragged-in node is embedded in the stretching area of ​​the currently embedded node, that is, embedded in the control execution area of ​​the currently embedded node, then due to the addition of a new node to the stretching area, the stretching area needs to be adaptively adjusted to nest the currently dragged-in node in the control sub-process of the currently embedded node. For the adjustment of the stretching area, the length and / or height of the stretching area can be adjusted accordingly in combination with the specific node type of the currently dragged-in node. Since the configuration information of the node has been set in the configuration stage of the aforementioned embodiment, the size information of the currently dragged-in node can also be determined, and then the area position of the currently embedded node can be recalculated according to the specific embedding position and size information of the currently dragged-in node.

[0074] Since the upper area, stretching area and lower area of ​​the control node are related and combined from top to bottom, when the current dragged node is embedded in the stretching area, it will not only affect the adjustment of the stretching area, but also affect the adjustment of the lower area below the stretching area. Since the current dragged node is not embedded in the lower area, the adjustment of the lower area is mainly the position adjustment of the lower area, that is, the corresponding displacement is based on the height change of the stretching area.

[0075] In some embodiments of the present application, adjusting the current process graph layout using a preset adjustment strategy based on the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: after adjusting the current embedded node according to the embedded position of the currently dragged-in node, determining whether there is a corresponding parent control node for the current embedded node; if so, recursively adjusting the parent control node corresponding to the current embedded node according to the adjusted current embedded node; otherwise, no adjustment is made.

[0076] When adjusting the current process graph layout, in addition to considering the impact of the currently dragged-in node on the currently embedded node, you can also further consider the impact of the currently dragged-in node on the parent control node of the currently embedded node, because the change and adjustment of the currently embedded node will also affect the adjustment of its parent control node. Therefore, here you can first determine whether the current embedded node has a corresponding parent control node. If so, you can recursively adjust the corresponding parent control node according to the adjustment of the current embedded node.

[0077] The adjustment of the parent control node may specifically take into account the specific position of the current embedded node relative to the parent control node and the specific size change of the current embedded node. For example, if the current embedded node is located in the stretching area of ​​the parent control node, the length and / or height of the stretching area of ​​the parent control node may be adjusted accordingly according to the length and / or height changes of the current embedded node, and the lower area of ​​the parent control node may be displaced accordingly according to the adjustment result of the stretching area of ​​the parent control node.

[0078] Since the parent control node of the current embedded node may have a corresponding parent control node, the judgment can be made upward in sequence to achieve recursive adjustment of parent control nodes at all levels.

[0079] In some embodiments of the present application, adjusting the current process graph layout using a preset adjustment strategy based on the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: if the node hierarchy relationship between the currently dragged-in node and the currently embedded node is a peer node, determining whether the currently dragged-in node and the currently embedded node have a parent control node; if so, adjusting the parent control nodes corresponding to the currently dragged-in node and the currently embedded node; otherwise, no adjustment is made.

[0080] If it is determined that the currently dragged-in node and the currently embedded node are nodes of the same level, then there is no nesting relationship between the currently dragged-in node and the currently embedded node, and it will not affect the layout of the currently embedded node. However, if the currently dragged-in node and the currently embedded node have a common parent control node, it will affect the layout of the parent control node. Therefore, it can be determined first whether there is a corresponding parent control node between the currently dragged-in node and the currently embedded node. If so, the parent control node is adjusted accordingly according to the embedding position of the currently dragged-in node and the specific node type of the currently dragged-in node.

[0081] In order to facilitate the understanding of the embodiments of the present application, Figure 2 As shown, a schematic diagram of a flow chart layout effect in an embodiment of the present application is provided. Figure 2 The working process of the combined flow diagram shown is:

[0082] 1) The process starts, and action 1 is executed first;

[0083] 2) After action 1 is executed, the judgment sub-process is executed, that is, whether conditions 1 and 2 are met is judged. If conditions 1 and 2 are met, action 2 is executed;

[0084] 3) After action 2 is executed, the parallel sub-process nested in the judgment sub-process begins to execute. Since the parallel sub-process also has a judgment sub-process nested in it, it is possible to first determine whether condition 3 is met. If condition 3 is met, actions 3, 4, and 5 are executed in parallel. If condition 3 is not met, actions 3 and 4 are executed in parallel.

[0085] 4) After the parallel program is executed, execute action 6;

[0086] 5) After action 6 is completed, execute action 7;

[0087] 6) If conditions 1 and 2 are not met, directly execute action 7;

[0088] 7) After action 7 is completed, the process ends.

[0089] The above combined process graph involves a situation where a parallel control node is nested in a judgment control node, and a judgment control node is nested in a parallel control node. Therefore, in the process of generating the process graph, new nodes are dragged in from top to bottom in the order of process execution, and the corresponding nodes are adjusted accordingly according to the specific embedded positions.

[0090] For example, Figure 2 The parallel control node in the above is embedded in the execution action part of the judgment control node as the current drag-in node, that is, the stretching area. In this case, the stretching area of ​​the judgment control node needs to be stretched, and the lower area needs to be moved down. The judgment control node below is embedded in the execution action part of the parallel control node as the current drag-in node, that is, the stretching area. In this case, the stretching area of ​​the parallel control node needs to be stretched, and the lower area needs to be moved down.

[0091] In summary, the key points of the flowchart graphic combination method of this application are:

[0092] 1) The components involved in the traditional flowchart are split into building block modules, so that the assembly of the traditional flowchart becomes a more intuitive building block assembly method to solve the problem that the flowchart is not intuitive and difficult to operate. This method breaks the technical threshold, display problem and understanding difficulty of the traditional flowchart;

[0093] 2) Through the principle of recursive algorithm, the process containing complex nested structures such as conditionals, loops, parallelism, and asynchrony is normalized and standardized, so that these different nested structures are normalized into a unified nested model, and different nested models are obtained with a unified processing method;

[0094] 3) Through graphics algorithms and canvas operations, the nested model is uniformly processed by canvas node stretching and shrinking control. The graphics result forms an intuitive display of complex nested processes. The display result can display complex nested flow charts at one time.

[0095] 4) By hollowing out blocks and extending them horizontally, the block modules and sub-modules in the process are combined and matched, which completely solves the problem of unclear association and mutual exclusion relationships between sub-processes or sub-nodes in the process. The hollowed-out sub-processes can continue to be nested without limit, and more sub-node relationships can be directly displayed.

[0096] The flowchart diagram combination method of this application has achieved at least the following technical effects:

[0097] This application implements a complex graphics combination algorithm based on the nested process principle, and applies the building block idea in its implementation, solving a series of problems such as operational difficulties and display complexity caused by complex process combination, display, operation and change. It is both simple and easy to use, and achieves reliability solutions for complex processes.

[0098] The present application also provides a process graph combination device 300, such as Figure 3 As shown, a schematic diagram of the structure of a process graph combination device in an embodiment of the present application is provided, wherein the device 300 includes: a first determination unit 310, a second determination unit 320 and an adjustment unit 330, wherein:

[0099] A first determining unit 310 is used to determine, in response to a user operation in the current process graphic layout, a position of a currently dragged-in node and a position of a currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes;

[0100] A second determining unit 320, configured to determine a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node;

[0101] The adjustment unit 330 is used to adjust the current flow graph layout using a preset adjustment strategy according to the node hierarchy relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node to obtain an adjusted flow graph layout.

[0102] In some embodiments of the present application, the device also includes: an acquisition unit, which is used to acquire basic configuration information of the process graph before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the basic configuration information includes configuration information of the control node, and the control node represents the control sub-process; a splitting unit, which is used to perform regional splitting of the control node according to the configuration information of the control node to obtain multiple regional control nodes; and a combination unit, which is used to combine multiple regional control nodes to obtain the combined control node.

[0103] In some embodiments of the present application, the splitting unit is specifically used to: split the control node into multiple regions according to the node type of the control node, and the multiple regional control nodes include regional control nodes in an upper region, a stretching region, and a lower region; the combining unit is specifically used to: respectively set the node attribute information of each regional control node; combine each regional control node and establish an association with the corresponding control node to obtain the combined control node; wherein the upper region corresponds to the control condition part of the control node, the stretching region corresponds to the execution content part of the control node, and the lower region corresponds to the execution end part of the control node.

[0104] In some embodiments of the present application, the adjustment unit 330 is specifically used to: if the node hierarchy relationship between the currently dragged-in node and the currently embedded node is that the currently dragged-in node is a child node of the currently embedded node, then adjust the currently embedded node according to the embedded position of the currently dragged-in node.

[0105] In some embodiments of the present application, the adjustment unit 330 is specifically used to: determine the embedding position of the currently dragged-in node based on the position of the currently dragged-in node and the position of the currently embedded node; if the embedding position is the stretching area of ​​the currently embedded node, then stretch the stretching area of ​​the currently embedded node according to the node type of the currently dragged-in node, and displace the lower area of ​​the currently embedded node.

[0106] In some embodiments of the present application, the adjustment unit 330 is specifically used to: after adjusting the current embedded node according to the embedding position of the currently dragged node, determine whether there is a corresponding parent control node for the current embedded node; if so, recursively adjust the parent control node corresponding to the current embedded node according to the adjusted current embedded node; otherwise, no adjustment is performed.

[0107] In some embodiments of the present application, the adjustment unit 330 is specifically used to: if the node hierarchy relationship between the currently dragged-in node and the currently embedded node is a peer node, determine whether there is a parent control node for the currently dragged-in node and the currently embedded node; if so, adjust the parent control nodes corresponding to the currently dragged-in node and the currently embedded node; otherwise, do not make any adjustment.

[0108] It can be understood that the above-mentioned process graph combination device can implement each step of the process graph combination method provided in the above-mentioned embodiment, and the relevant explanations about the process graph combination method are applicable to the process graph combination device, which will not be repeated here.

[0109] Figure 4 This is a schematic diagram of the structure of an electronic device according to an embodiment of the present application. Figure 4 At the hardware level, the electronic device includes a processor, and optionally also includes an internal bus, a network interface, and a memory. The memory may include a memory, such as a high-speed random access memory (RAM), and may also include a non-volatile memory (non-volatile memory), such as at least one disk storage. Of course, the electronic device may also include hardware required for other services.

[0110] The processor, network interface and memory can be interconnected through an internal bus, which can be an ISA (Industry Standard Architecture) bus, a PCI (Peripheral Component Interconnect) bus or an EISA (Extended Industry Standard Architecture) bus. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 4 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0111] The memory is used to store the program. Specifically, the program may include a program code, and the program code includes a computer operation instruction. The memory may include a memory and a non-volatile memory, and provides instructions and data to the processor.

[0112] The processor reads the corresponding computer program from the non-volatile memory into the memory and then runs it, forming a flow chart combination device at the logical level. The processor executes the program stored in the memory and is specifically used to perform the following operations:

[0113] In response to the user's operation in the current process graphic layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes;

[0114] Determining a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node;

[0115] According to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, the current flow graph layout is adjusted using a preset adjustment strategy to obtain an adjusted flow graph layout.

[0116] The above application Figure 1The method performed by the flowchart-shaped combination device disclosed in the illustrated embodiment can be applied to a processor or implemented by a processor. The processor may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by an integrated logic circuit of hardware in the processor or an instruction in the form of software. The above processor can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The methods, steps and logic block diagrams disclosed in the embodiments of the present application can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc. The steps of the method disclosed in the embodiments of the present application can be directly embodied as a hardware decoding processor for execution, or a combination of hardware and software modules in the decoding processor for execution. The software module can be located in a storage medium mature in the art such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory, and the processor reads the information in the memory and completes the steps of the above method in combination with its hardware.

[0117] The electronic device may also perform Figure 1 The method for executing the process graphic combination device in the process graphic combination device is realized Figure 1 The functions of the illustrated embodiment will not be described in detail in the embodiments of the present application.

[0118] The present application also provides a computer-readable storage medium, which stores one or more programs, wherein the one or more programs include instructions, which, when executed by an electronic device including multiple application programs, enable the electronic device to execute Figure 1 The method performed by the process graph combination device in the illustrated embodiment is specifically used to perform:

[0119] In response to the user's operation in the current process graphic layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes;

[0120] Determining a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node;

[0121] According to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, the current flow graph layout is adjusted using a preset adjustment strategy to obtain an adjusted flow graph layout.

[0122] Those skilled in the art will appreciate that embodiments of the present invention may be provided as methods, systems, or computer program products. Therefore, the present invention may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0123] The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each process and / or block in the flowchart and / or block diagram, as well as the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0124] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0125] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 A step that specifies a function in one or more boxes.

[0126] In a typical configuration, a computing device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0127] The memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. The memory is an example of a computer-readable medium.

[0128] Computer readable media include permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. Information can be computer readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary computer readable media (transitory media), such as modulated data signals and carrier waves.

[0129] It should also be noted that the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, commodity or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, commodity or device. In the absence of more restrictions, the elements defined by the sentence "comprises a ..." do not exclude the existence of other identical elements in the process, method, commodity or device including the elements.

[0130] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment or an embodiment in combination with software and hardware. Moreover, the present application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) that contain computer-usable program code.

[0131] The above is only an embodiment of the present application and is not intended to limit the present application. For those skilled in the art, the present application may have various changes and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims

1. A process graph combination method, characterized in that: The method comprises: In response to the user's operation in the current process graphic layout, determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes; Determining a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to the position of the currently dragged-in node and the position of the currently embedded node; According to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, the current flow chart layout is adjusted using a preset adjustment strategy to obtain an adjusted flow chart layout; Before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, the method further includes: Obtaining basic configuration information of the process graph, wherein the basic configuration information includes configuration information of a control node, wherein the control node represents a control subprocess; Performing regional division on the control node according to the configuration information of the control node to obtain multiple regional control nodes; Combining multiple regional control nodes to obtain the combined control node; The step of performing regional division on the control node according to the configuration information of the control node to obtain a plurality of regional control nodes comprises: Splitting the control node into a plurality of regions according to the node type of the control node, wherein the plurality of regional control nodes include regional control nodes of an upper region, a stretching region and a lower region; The combining of the multiple regional control nodes to obtain a combined control node includes: Set the node attribute information of each regional control node respectively; Combining the regional control nodes and establishing associations with corresponding control nodes to obtain the combined control node; The upper area corresponds to the control condition part of the control node, the stretching area corresponds to the execution content part of the control node, and the lower area corresponds to the execution end part of the control node.

2. The process graph combination method according to claim 1, characterized in that: The adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: If the node hierarchy relationship between the currently dragged-in node and the currently embedded node is that the currently dragged-in node is a child node of the currently embedded node, the currently embedded node is adjusted according to the embedding position of the currently dragged-in node.

3. The process graph combination method according to claim 2, characterized in that: The adjusting the current embedded node comprises: Determine the embedding position of the currently dragged-in node according to the position of the currently dragged-in node and the position of the currently embedded node; If the embedding position is the stretching area of ​​the current embedded node, the stretching area of ​​the current embedded node is stretched according to the node type of the currently dragged-in node, and the lower area of ​​the current embedded node is displaced.

4. The process graph combination method according to claim 2, characterized in that: The adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: After adjusting the current embedded node according to the embedding position of the currently dragged-in node, determining whether the current embedded node has a corresponding parent control node; If it exists, recursively adjusting the parent control node corresponding to the current embedded node according to the adjusted current embedded node; Otherwise, no adjustment is made.

5. The process graph combination method according to claim 1, characterized in that: The adjusting the current process graphic layout by using a preset adjustment strategy according to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node includes: If the node hierarchy relationship between the currently dragged-in node and the currently embedded node is a node of the same level, determining whether there is a parent control node between the currently dragged-in node and the currently embedded node; If so, adjusting the parent control nodes corresponding to the currently dragged-in node and the currently embedded node; Otherwise, no adjustment is made.

6. A process graph assembly device, characterized in that: The device comprises: A first determining unit, configured to determine, in response to a user operation in the current process graphic layout, a position of a currently dragged-in node and a position of a currently embedded node corresponding to the currently dragged-in node, wherein the currently embedded node is a combined control node composed of a plurality of regional control nodes; A second determining unit, configured to determine a node hierarchy relationship between the currently dragged-in node and the currently embedded node according to a position of the currently dragged-in node and a position of the currently embedded node; An adjustment unit, configured to adjust the current flow graph layout using a preset adjustment strategy according to the node hierarchical relationship between the currently dragged-in node and the currently embedded node and the node type of the currently dragged-in node, to obtain an adjusted flow graph layout; The device also includes: An acquisition unit, used to acquire basic configuration information of the process graph before determining the position of the currently dragged-in node and the position of the currently embedded node corresponding to the currently dragged-in node, wherein the basic configuration information includes configuration information of a control node, and the control node represents a control subprocess; A splitting unit, used for performing regional splitting on the control node according to the configuration information of the control node to obtain a plurality of regional control nodes; A combining unit, used for combining a plurality of regional control nodes to obtain the combined control node; The splitting unit is specifically used for: Splitting the control node into a plurality of regions according to the node type of the control node, wherein the plurality of regional control nodes include regional control nodes of an upper region, a stretching region and a lower region; The combination unit is specifically used for: Set the node attribute information of each regional control node respectively; Combining the regional control nodes and establishing associations with corresponding control nodes to obtain the combined control node; The upper area corresponds to the control condition part of the control node, the stretching area corresponds to the execution content part of the control node, and the lower area corresponds to the execution end part of the control node.

7. An electronic device comprising: processor; as well as A memory arranged to store computer executable instructions which, when executed, cause the processor to perform the method of any one of claims 1 to 5.

8. A computer-readable storage medium storing one or more programs, which, when executed by an electronic device including a plurality of application programs, causes the electronic device to execute any one of the methods of claims 1 to 5.

Images