Flowchart processing method and device

Abstract

Embodiments of this specification provide a flowchart processing method and apparatus, wherein the flowchart processing method includes: in response to a user selecting a target node in a flowchart, displaying a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas; and receiving attribute information input by the user through the attribute information editing area to obtain attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node, the attribute information of the target node is displayed, thereby enriching the flowchart display content, allowing users to obtain more information when browsing the flowchart. By receiving attribute information input by the user through the attribute information editing area, the attribute information corresponding to the target node is obtained, thereby achieving personalized customization of the target node attribute information, further improving the user experience.

Description

Technical Field

[0001] The embodiments of this specification relate to the field of computer technology, and in particular to a flowchart processing method. Background Art

[0002] With the continuous development of computer technology, it is increasingly being applied to information display. In daily life, workflows can be recorded to facilitate subsequent review by staff. Flowcharts are often used to illustrate the steps in an algorithm, workflow, or process, guiding personnel in their work activities. Flowcharts use different types of icons to represent different types of steps, with arrows connecting each step. These intuitive and visual flowcharts make various operations clear at a glance, eliminating ambiguity.

[0003] However, simply expressing the complete work process through various types of icons provides too little information and the cost of understanding for workers is too high. Therefore, a flowchart processing solution with rich content is urgently needed. Summary of the Invention

[0004] In view of this, embodiments of this specification provide a flowchart processing method. One or more embodiments of this specification also relate to a flowchart processing apparatus, a computing device, a computer-readable storage medium, and a computer program to address technical deficiencies in the prior art.

[0005] According to a first aspect of an embodiment of this specification, a flowchart processing method is provided, including:

[0006] In response to a user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas;

[0007] Receive the attribute information input by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0008] Optionally, before the step of responding to the user selecting a target node in the flowchart, the method further includes:

[0009] Displaying a pre-set component library in the component area, wherein the component library includes a plurality of flow chart nodes;

[0010] Receive user operation information on the target node and display the target node outside the component area.

[0011] Optionally, before the step of displaying the node information area corresponding to the target node outside the target node, the method further includes:

[0012] Get the node type of the target node;

[0013] Searching for a node information area template that matches the node type of the target node among a plurality of pre-set node information area templates;

[0014] Generate the node information area corresponding to the target node according to the node information area template.

[0015] Optionally, the step of receiving attribute information input by the user through the attribute information editing area and obtaining attribute information corresponding to the target node includes:

[0016] Receive the attribute information input by the user through the attribute information editing area, extract the keywords in the attribute information, and use the keywords as the attribute information corresponding to the target node.

[0017] Optionally, the attribute information includes modification information;

[0018] The step of receiving attribute information input by the user through the attribute information editing area and obtaining attribute information corresponding to the target node includes:

[0019] Receive modification information input by the user through the attribute information editing area;

[0020] Based on the modification information, the information in the node information area is modified.

[0021] Optionally, after receiving the attribute information input by the user in the attribute information editing area and obtaining the attribute information corresponding to the target node, the method further includes:

[0022] Obtaining attribute information of adjacent nodes, wherein adjacent nodes are nodes adjacent to the target node;

[0023] Generate flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes;

[0024] The flowchart prompt information is displayed in the node information area corresponding to the target node, so that the user can draw the flowchart according to the flowchart prompt information.

[0025] Optionally, the component area includes one or more component editing areas;

[0026] After the step of displaying the preset component library in the component area, the following steps are further included:

[0027] receiving combination information for at least two nodes input by a user through a component editing area;

[0028] Generate corresponding combination nodes based on the combination information and add the combination nodes to the component library;

[0029] In a case where the component library includes a combination node, user operation information on the combination node is received.

[0030] Optionally, after receiving the attribute information input by the user in the attribute information editing area and obtaining the attribute information corresponding to the target node, the method further includes:

[0031] Store the attribute information corresponding to the target node in the database.

[0032] According to a second aspect of the embodiments of this specification, a flowchart processing device is provided, including:

[0033] A first display module is configured to display a node information area corresponding to the target node outside the target node in response to a user selecting the target node in the flowchart, wherein the node information area includes one or more attribute information editing areas;

[0034] The acquisition module is configured to receive the attribute information input by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0035] Optionally, the device further comprises:

[0036] The second display module is configured to display a pre-set component library in the component area, wherein the component library includes a plurality of flowchart nodes; receive user operation information for a target node, and display the target node outside the component area.

[0037] Optionally, the device further comprises:

[0038] The generation module is configured to obtain the node type of the target node; search for a node information area template that matches the node type of the target node among multiple pre-set node information area templates; and generate a node information area corresponding to the target node based on the node information area template.

[0039] Optionally, the acquisition module is further configured to receive attribute information input by the user through the attribute information editing area, extract keywords from the attribute information, and use the keywords as attribute information corresponding to the target node.

[0040] Optionally, the attribute information includes modification information;

[0041] The acquisition module is further configured to receive modification information input by the user through the attribute information editing area; and modify the information in the node information area based on the modification information.

[0042] Optionally, the device further comprises:

[0043] The third display module is configured to obtain attribute information of adjacent nodes, wherein the adjacent nodes are nodes adjacent to the target node; generate flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes; and display the flowchart prompt information in the node information area corresponding to the target node, so that the user can draw a flowchart according to the flowchart prompt information.

[0044] Optionally, the component area includes one or more component editing areas; the device further includes:

[0045] The adding module is configured to receive combination information for at least two nodes input by the user through the component editing area; generate a corresponding combination node based on the combination information, and add the combination node to the component library; when the component library includes the combination node, receive the user's operation information on the combination node.

[0046] Optionally, the device further comprises:

[0047] The storage module is configured to store the attribute information corresponding to the target node in a database.

[0048] According to a third aspect of an embodiment of this specification, a computing device is provided, including:

[0049] memory and processor;

[0050] The memory is configured to store computer-executable instructions, and the processor is configured to execute the computer-executable instructions:

[0051] In response to a user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas;

[0052] Receive the attribute information input by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0053] According to a fourth aspect of the embodiments of this specification, a computer-readable storage medium is provided, which stores computer-executable instructions, and when the instructions are executed by a processor, the steps of any one of the flowchart processing methods are implemented.

[0054] According to a fifth aspect of the embodiments of this specification, a computer program is provided, wherein when the computer program is executed in a computer, the computer is caused to execute the steps of the above-mentioned flowchart processing method.

[0055] One embodiment of the present disclosure displays a node information area corresponding to a target node outside the target node in response to a user selecting the target node in a flowchart. The node information area includes one or more attribute information editing areas. Attribute information entered by the user through the attribute information editing areas is received to obtain the attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node and displaying the attribute information of the target node, the flowchart display content is enriched, allowing users to obtain more information when browsing the flowchart. By receiving the attribute information entered by the user through the attribute information editing areas and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0056] Figure 1 is a flowchart of a flowchart processing method provided by one embodiment of this specification;

[0057] Figure 2 It is a schematic diagram of the processing process of a flowchart processing method provided by one embodiment of this specification;

[0058] Figure 3 is a schematic diagram of an operation guidance system provided by one embodiment of this specification;

[0059] Figure 4 This is a schematic diagram of an operation guide interface provided by an embodiment of this specification;

[0060] Figure 5 This is a schematic structural diagram of a flow chart processing device provided by one embodiment of this specification;

[0061] Figure 6 This is a structural block diagram of a computing device provided by one embodiment of this specification. DETAILED DESCRIPTION

[0062] The following description sets forth many specific details to facilitate a thorough understanding of this specification. However, this specification can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the scope of this specification. Therefore, this specification is not limited to the specific implementations disclosed below.

[0063] The terms used in one or more embodiments of this specification are for the purpose of describing specific embodiments only and are not intended to limit one or more embodiments of this specification. The singular forms "a," "the," and "the" used in one or more embodiments of this specification and the appended claims are also intended to include plural forms unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used in one or more embodiments of this specification refers to and includes any or all possible combinations of one or more associated listed items.

[0064] It should be understood that although the terms first, second, etc. may be used to describe various information in one or more embodiments of this specification, such information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of one or more embodiments of this specification, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0065] First, the terms involved in one or more embodiments of this specification are explained.

[0066] Flowchart: A diagram that uses specific graphical symbols and instructions to represent an algorithm is called a flowchart. A flowchart can also be called an input-output diagram, which can intuitively describe the specific steps of a work process.

[0067] Unified Modeling Language (UML): Unified Modeling Language is a standard language for describing, visualizing, and documenting products for object-oriented systems.

[0068] Network topology diagram: Network topology diagram refers to the network structure diagram composed of network node devices and communication media. Network topology structure refers to the physical layout of various devices interconnected by transmission media.

[0069] Organizational chart: An organizational chart divides a company into several parts and shows the various possible relationships between them. These relationships include hierarchical leadership (organizational chart), logistics, capital flow, and information transfer.

[0070] Prototype: The prototype is a simple framework that shows the layout of the page and the interaction of each function key, so that the initial concept of the product can be visually displayed.

[0071] In this specification, a flowchart processing method is provided. This specification also relates to a flowchart processing device, a computing device, and a computer-readable storage medium, which are described in detail one by one in the following embodiments.

[0072] With the continuous development of computer technology, more and more computer technologies are being applied to information display. In daily life, workflows can be recorded to facilitate subsequent review of work content. Flowcharts are often used to represent the steps of an algorithm, workflow, or process, and to guide personnel in their work activities. Flowcharts use different types of icons to represent different types of steps, with arrows connecting each step. These intuitive and visually clear operations eliminate ambiguity, making flowchart processing essential for users.

[0073] In practice, only flowchart drawing is provided, which expresses the complete work process by connecting various types of icons in sequence. However, as the workload increases, simple icons convey too little information and cannot accurately describe the details of each node in the flowchart. Flowchart nodes cannot carry more information, resulting in a lack of process information and an inability to fully express the meaning of the flowchart, making it too difficult for workers to understand.

[0074] To enrich the display content of flowcharts and enable users to obtain more information when browsing flowcharts, this manual provides a flowchart processing method. The flowcharts in this method can be understood as link diagrams, Unified Modeling Language (UML), network topology diagrams, organizational charts, prototype diagrams, etc. This method provides online process sorting, creation, and collaboration, and real-time creation and editing of flowcharts. It can also combine graphics and text, and decouple legend display from project information. The method comprises displaying a pre-set component library in a component area, wherein the component library includes multiple flowchart nodes, receiving user operation information for a target node, displaying the target node outside the component area, and in response to the user selecting the target node in the flowchart, obtaining the node type of the target node, searching for a node information area template that matches the node type of the target node among multiple pre-set node information area templates, generating a node information area corresponding to the target node based on the node information area template, and displaying the node information area corresponding to the target node outside the target node. The node information area includes one or more attribute information editing areas, receiving attribute information input by the user through the attribute information editing areas, extracting keywords from the attribute information, using the keywords as attribute information corresponding to the target node, and storing the attribute information corresponding to the target node in a database. The method further comprises receiving modification information input by the user through the attribute information editing areas, modifying information in the node information areas based on the modification information, obtaining attribute information of adjacent nodes, wherein the adjacent nodes are nodes adjacent to the target node, generating flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes, and displaying the flowchart prompt information in the node information area corresponding to the target node, so that the user can draw the flowchart according to the flowchart prompt information.

[0075] The solutions implemented in the embodiments of this specification provide lightweight flowchart drawing, focusing on flowchart projects, thereby enabling users to achieve higher efficiency and returns than traditional models, and improving flowchart creation and flowchart information display. By displaying the node information area corresponding to the target node outside the target node, the attribute information of the target node is displayed, enriching the flowchart display content, allowing users to obtain more information when browsing the flowchart. By receiving attribute information entered by the user through the attribute information editing area, the attribute information corresponding to the target node is obtained, enabling personalized customization of the target node attribute information, further improving the user experience.

[0076] Figure 1 A flowchart of a flowchart processing method provided by an embodiment of this specification is shown, which specifically includes the following steps:

[0077] Step 102: In response to the user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas.

[0078] Specifically, the target node refers to the node in the flowchart that the user needs to view, explain, and perform other operations. The node types of the target node include judgment nodes, starting nodes, start and end nodes, process nodes, and the like. The node information area is an area for displaying and editing node attribute information. The node information area can also be understood as a project information area. Each node has a corresponding independent node information area, and the node information area includes one or more attribute information editing areas. The attribute information editing area is an area where the user edits the node attribute information. The node attribute information refers to information that explains and describes the node. The node attribute information includes the node name, editor, description information, prompt information, and the like. The specific selection is based on the actual situation, and the embodiments of this specification do not impose any restrictions on this.

[0079] It should be noted that flowcharts can be drawn in the flowchart drawing panel area, which includes the component area, drawing area, node information area, etc. In the flowchart drawing panel area, the node information area can be displayed at any location other than the target node display location, depending on the actual situation. This embodiment of the specification does not impose any restrictions on the specific display location of the node information area.

[0080] In actual applications, the target node can be any node in an already drawn flowchart or any node in a component library, and the selection is based on the actual situation, and this embodiment of the specification does not impose any restrictions on this. The user can select the target node in the flowchart in many ways, including clicking, long pressing, dragging, etc., and the selection is based on the actual situation, and this embodiment of the specification does not impose any restrictions on this.

[0081] In one possible implementation, a user can select a target node in an already drawn flowchart. For example, the already drawn flowchart includes a start node, decision node 1, process node 2, process node 3, and start and end nodes. The user selects decision node 1 as the target node. In response to the user clicking the target node in the already drawn flowchart, a node information area corresponding to the target node is displayed outside the target node.

[0082] By applying the solution of the embodiments of this specification, the user can select a target node in an already drawn flowchart. In response to the user selecting the target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node. The user can obtain relevant attribute information of the selected target node through the displayed node information area, thereby increasing the user's understanding of the process content expressed by the flowchart and further improving the user experience.

[0083] In another possible implementation, the user may select a target node in the component area while drawing the flowchart. When the user selects the target node, the target node is displayed outside the component area, and the node information area corresponding to the target node is displayed outside the target node. That is, before the above step of responding to the user selecting the target node in the flowchart, the following steps may also be included:

[0084] Displaying a pre-set component library in the component area, wherein the component library includes a plurality of flow chart nodes;

[0085] Receive user operation information on the target node and display the target node outside the component area.

[0086] Specifically, the component area refers to the area that displays multiple flowchart nodes. The component area can also be understood as a toolbar, and the component area includes a component library, a component editing area, etc. The component library includes multiple flowchart nodes, and flowchart nodes can also be understood as flowchart drawing components. Users can perform a variety of operation information on the target node, including clicking, long pressing, dragging, etc. The specific selection depends on the actual situation, and this specification does not impose any restrictions on this.

[0087] It should be noted that there are many ways to receive user operation information on the target node and display the target node outside the component area. The specific selection is made according to the actual situation, and the embodiments of this specification do not impose any limitation on this.

[0088] In one possible implementation, the user determines the target node in a pre-set component library, performs any operation on the target node, such as clicking, long pressing, and dragging, receives the user's operation information on the target node, displays the target node at a pre-set position outside the component area, and displays the node information area corresponding to the target node outside the target node in real time.

[0089] Exemplarily, a pre-set component library is displayed in the component area, which includes a starting node, a judgment node 1, a process node 2, a process node 3, and a start and end node. The user selects the judgment node 1 as the target node, receives a long press operation of the user on the judgment node 1, and displays the judgment node 1 at a pre-set position. At the same time, the node information area 1 corresponding to the judgment node 1 is displayed outside the judgment node 1.

[0090] In another possible implementation, the user determines the target node in a pre-set component library and drags the target node to any position in the drawing area. At the same time, in response to the user selecting the target node in the flowchart, the node information area corresponding to the target node is displayed outside the target node.

[0091] Exemplarily, a pre-set component library is displayed in the component area, and the component library includes a starting node, a judgment node 1, a process node 2, a process node 3, and a start and end node. The user selects the judgment node 1 as the target node and drags the judgment node 1 to the drawing area. In response to the user dragging the judgment node 1 to the drawing area, the node information area 1 corresponding to the judgment node 1 is displayed outside the judgment node 1.

[0092] By applying the solution of the embodiments of this specification, a pre-set component library is displayed in the component area, wherein the component library includes multiple flowchart nodes, receives user operation information for the target node, displays the target node outside the component area, and in response to the user selecting the target node in the flowchart, displays the node information area corresponding to the target node outside the target node, thereby enriching the flowchart display content, so that the user can obtain more information through the node information area when browsing the flowchart, increases the user's understanding of the process content expressed by the flowchart, and further improves the user experience.

[0093] In actual applications, the pre-set component library may not include the flowchart nodes required by the user. In this case, the user can combine the existing flowchart nodes in the component library through one or more component editing areas in the component area to obtain a combined node that meets the user's actual needs. That is, after the above step of displaying the pre-set component library in the component area, the following steps may also be included:

[0094] receiving combination information for at least two nodes input by a user through a component editing area;

[0095] Generate corresponding combination nodes based on the combination information and add the combination nodes to the component library;

[0096] In a case where the component library includes a combination node, user operation information on the combination node is received.

[0097] Specifically, the component editing area is an area for editing flowchart nodes. The component editing area can realize operations such as combining, deleting, and modifying flowchart nodes. The combination information includes the combination structure, combination size, etc. of at least two flowchart nodes. The specific selection is made according to actual conditions, and the embodiments of this specification do not impose any restrictions on this.

[0098] Exemplarily, a pre-set component library is displayed in the component area, and the component library includes a start node, a judgment node 1, a process node 2, a process node 3, and a start and end node. The user enters the combination information for the judgment node 1 and the process node 1 in the component editing area, "Connect process node 1 to the right of judgment node 1". Based on the above combination information, the process node 1 is connected to the right of the judgment node 1 to generate a combination node 1, and the combination node 1 is added to the component library. The user can operate the newly added combination node 1 in the component library.

[0099] The solution of the embodiment of this specification is applied, by receiving combination information for at least two nodes input by the user through the component editing area, generating a corresponding combination node based on the combination information, adding the combination node to the component library, and receiving the user's operation information on the combination node when the component library includes the combination node, thereby realizing personalized customization of the flowchart nodes and further improving the user experience.

[0100] In one possible implementation, in addition to the above-mentioned scheme of receiving the combination information of at least two nodes input by the user through the component editing area, generating a corresponding combination node based on the combination information, and adding the combination node to the component library, it is also possible to receive the deletion information of any flowchart node input by the user through the component editing area and delete the corresponding flowchart node in the component library.

[0101] Exemplarily, a pre-set component library is displayed in the component area, which includes a start node, a judgment node 1, a process node 2, a process node 3, and a start and end node. The user enters deletion information for process node 1 in the component editing area, and in response to the deletion information, process node 1 in the component library is deleted.

[0102] In another possible implementation, the modification information for any flowchart node input by the user through the component editing area can also be received, and the flowchart node corresponding to the modification information is modified according to the modification information input by the user, and the flowchart node in the component library is updated.

[0103] Exemplarily, a pre-set component library is displayed in the component area, which includes a start node, a judgment node 1, a process node 2, a process node 3, and a start and end node. The user enters modification information for process node 1 in the component editing area, "Reduce process node 1 by 10%." In response to the modification information, process node 1 is reduced by 10% to obtain a modified process node 1, and the original process node 1 in the component library is replaced with the modified process node 1.

[0104] By applying the solution of the embodiment of this specification, by receiving deletion information and modification information for any flowchart node input by the user through the component editing area, personalized customization of the flowchart nodes is achieved, further improving the user experience.

[0105] In actual applications, multiple node information area templates can be pre-set. In response to a user selecting a target node in the flowchart, the node type of the target node is obtained, and a node information area template that matches the node type of the target node is searched among the pre-set multiple node information area templates. Based on the node information area template, a node information area corresponding to the target node is generated, and the node information area corresponding to the target node is displayed outside the target node. That is, before the above step of displaying the node information area corresponding to the target node outside the target node, the following steps may also be included:

[0106] Get the node type of the target node;

[0107] Searching for a node information area template that matches the node type of the target node among a plurality of pre-set node information area templates;

[0108] Generate the node information area corresponding to the target node according to the node information area template.

[0109] Specifically, target node types include judgment nodes, start nodes, start and end nodes, and process nodes. Each node in the component library has a corresponding node information area template. Each node information area template carries a correspondence between node types and node information area templates. This correspondence can be multiple, and the selection depends on the actual situation. This embodiment of the specification does not impose any restrictions on this.

[0110] In one possible implementation, different node types correspond to different node information area templates. The node type of the target node is obtained, and a node information area template that matches the node type of the target node is searched among multiple pre-set node information area templates. Based on the node information area template, a node information area corresponding to the target node is generated.

[0111] For example, the pre-set node information area templates 1, 2, 3, and 4 each correspond to a different node type. See Table 1, which shows the correspondence between node types and node information area templates. The target node's node type is determined to be "judgment node." In Table 1, the node information area template corresponding to the judgment node is found as 3. The user's relevant information is added to 3 to generate the node information area corresponding to the target node.

[0112] Table 1 Correspondence between node types and node information area templates

[0113] Node Type Node information area template Starting Node Node information area template 1 Process Node Node information area template 2 Decision Node Node information area template 3 Start and end nodes Node information area template 4

[0114] In another possible implementation, different node types can correspond to the same node information area template. The node type of the target node is obtained, and a node information area template that matches the node type of the target node is searched among multiple pre-set node information area templates. Based on the node information area template, a node information area corresponding to the target node is generated.

[0115] For example, the pre-set Node Information Area Template 1 and Node Information Area Template 2 can correspond to the same Node Information Area Template for different node types. See Table 2 for a table showing the correspondence between node types and Node Information Area Templates. The target node's node type is determined to be "Judgment Node." In Table 2, find the corresponding Node Information Area Template for the Judgment Node as Node Information Area Template 2. Add the user's relevant information to Node Information Area Template 2 to generate the Node Information Area corresponding to the target node.

[0116] Table 2 Correspondence between node types and node information area templates

[0117]

[0118] It should be noted that there are multiple ways to generate the node information area corresponding to the target node based on the node information area template. In one possible implementation method, the node information area template is directly used as the node information area corresponding to the target node. In another possible implementation method, the user's basic information is added to the node information area template to generate the node information area corresponding to the target node. The user's basic information includes but is not limited to the user ID and user editing time. The specific selection is made based on actual conditions, and the embodiments of this specification do not impose any restrictions on this.

[0119] By applying the solution of the embodiments of this specification, by obtaining the node type of the target node, a node information area template that matches the node type of the target node is searched for in a plurality of pre-set node information area templates, and a node information area corresponding to the target node is generated based on the node information area template, so that the node information area corresponding to the target node is more closely matched with the target node, thereby improving the accuracy of the node information area and further improving the accuracy of the flowchart processing.

[0120] Step 104: Receive the attribute information input by the user through the attribute information editing area, and obtain the attribute information corresponding to the target node.

[0121] Specifically, in response to the user selecting a target node in the flowchart, after the node information area corresponding to the target node is displayed outside the target node, the attribute information input by the user through the attribute information editing area can be received, the attribute information corresponding to the target node can be obtained, and the attribute information corresponding to the target node can be displayed in the node information area.

[0122] It should be noted that the attribute information editing area is the area where users edit node attribute information. Node attribute information refers to information that explains and describes the node. Node attribute information includes node name, editor, description information, prompt information, etc. The specific selection is based on actual conditions, and this specification does not impose any restrictions on this.

[0123] The solution of the embodiments of this specification utilizes a method that, in response to a user selecting a target node in a flowchart, displays a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas; receives attribute information entered by the user through the attribute information editing areas, and obtains the attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node and displaying the attribute information of the target node, the flowchart display content is enriched, allowing users to obtain more information when browsing the flowchart. By receiving attribute information entered by the user through the attribute information editing areas and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience.

[0124] In actual applications, there are multiple ways to obtain the attribute information corresponding to the target node, and the specific method is selected according to the actual situation. The embodiments of this specification do not impose any limitation on this.

[0125] In a possible implementation, the attribute information input by the user through the attribute information editing area can be directly used as the attribute information corresponding to the target node, and the attribute information corresponding to the target node can be displayed in the node information area corresponding to the target node.

[0126] For example, the attribute information input by the user through the attribute information editing area is "quickly determine whether A and B are the same", and "quickly determine whether A and B are the same" is directly displayed in the node information area corresponding to the target node.

[0127] In another possible implementation, the attribute information entered by the user may be too long. Keywords can be extracted from the attribute information entered by the user, and the extracted keywords can be used as the attribute information corresponding to the target node. That is, the above-mentioned step of receiving the attribute information entered by the user in the attribute information editing area and obtaining the attribute information corresponding to the target node can include the following steps:

[0128] Receive the attribute information input by the user through the attribute information editing area, extract the keywords in the attribute information, and use the keywords as the attribute information corresponding to the target node.

[0129] Exemplarily, the attribute information input by the user through the attribute information editing area is "Quickly determine whether A and B are the same", and keyword extraction is performed on the attribute information input by the user "Quickly determine whether A and B are the same" to obtain "A", "B", and "Whether they are the same". Therefore, the extracted keywords "A", "B", and "Whether they are the same" are used as the attribute information corresponding to the target node and displayed in the node information area corresponding to the target node.

[0130] It is worth noting that there are many ways to extract keywords from the attribute information input by the user, and the specific method to be selected depends on the actual situation. The embodiments of this specification do not impose any restrictions on this. In one possible implementation method, a preset extraction tool can be used to extract keywords from the attribute information input by the user. The preset extraction tool refers to a pre-set tool that can extract keywords. In another possible implementation method, a keyword library can be pre-set, and the attribute information input by the user can be matched with the pre-set keyword library to obtain the keywords in the attribute information, and the keywords are used as the attribute information corresponding to the target node.

[0131] The solution of the embodiment of this specification is applied, by receiving the attribute information input by the user through the attribute information editing area, extracting the keywords in the attribute information, and using the keywords as the attribute information corresponding to the target node, so that the attribute information is clearer and more understandable, further improving the user experience.

[0132] In actual applications, the user may also modify the existing information in the node information area by inputting modification information in the attribute information editing area. That is, the above-mentioned step of receiving the attribute information input by the user in the attribute information editing area and obtaining the attribute information corresponding to the target node may include the following steps:

[0133] Receive modification information input by the user through the attribute information editing area;

[0134] Based on the modification information, the information in the node information area is modified.

[0135] Specifically, the modification information input by the user through the attribute information editing area includes addition, deletion, etc., and the selection is made according to the actual situation. The embodiments of this specification do not impose any limitation on this.

[0136] For example, the information in the node information area is "Editor: Zhang San; Description content: Quickly determine whether A and B are the same", and the user enters "Editor: Li Si" through the attribute information editing area. Based on the modified information "Editor: Li Si", the information in the node information area is modified to "Editor: Li Si; Description content: Quickly determine whether A and B are the same".

[0137] The solution of the embodiment of this specification is applied to receive the modification information input by the user through the attribute information editing area, and based on the modification information, the information in the node information area is modified to achieve personalized customization of the information in the node information area, thereby further improving the user experience.

[0138] In one possible implementation, after obtaining the attribute information corresponding to the target node, flowchart prompt information may be generated based on the attribute information of the target node and the attribute information of the adjacent nodes. That is, after the above-mentioned step of receiving the attribute information input by the user through the attribute information editing area and obtaining the attribute information corresponding to the target node, the following steps may also be included:

[0139] Obtaining attribute information of adjacent nodes, wherein adjacent nodes are nodes adjacent to the target node;

[0140] Generate flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes;

[0141] The flowchart prompt information is displayed in the node information area corresponding to the target node, so that the user can draw the flowchart according to the flowchart prompt information.

[0142] Specifically, adjacent nodes refer to nodes adjacent to the target node. The attribute information of adjacent nodes includes node name, editor, description information, prompt information, etc., which are selected according to actual conditions. The embodiments of this specification do not impose any restrictions on this.

[0143] It should be noted that there are multiple ways to obtain the attribute information of adjacent nodes, and the specific method to be used depends on the actual situation. This specification does not impose any restrictions on this method. In one possible implementation, the attribute information of adjacent nodes can be obtained using a preset acquisition tool. A preset acquisition tool is a tool that is pre-set to obtain interface structure information. In another possible implementation, the attribute information of adjacent nodes can be queried in a database for pre-stored information.

[0144] For example, the attribute information of the target node 1 is obtained as "determine whether the data is the same", and the attribute information of the adjacent node 1 adjacent to the target node 1 is obtained as "input data A and data B". According to "input data A and data B" and "determine whether the data is the same", it can be known that the process information expressed by the flowchart at this time is "input data A and data B, determine whether data A and data B are the same". Therefore, prompt information 1 can be generated: "Drawing process node 1 indicates the situation where data A and data B are the same; drawing process node 2 indicates the situation where data A and data B are different". The generated prompt information 1 is displayed in the node information area corresponding to the target node 1, so that the user can draw the flowchart according to the flowchart prompt information.

[0145] The solution of the embodiments of this specification obtains attribute information of adjacent nodes, where adjacent nodes are nodes adjacent to a target node. Based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes, flowchart prompt information is generated. The flowchart prompt information is displayed in the node information area corresponding to the target node, allowing the user to draw the flowchart according to the flowchart prompt information. This method reminds the user how to draw the flowchart during the flowchart drawing process, saving flowchart drawing time, ensuring flowchart drawing accuracy, and further improving the user experience.

[0146] In another possible implementation, after obtaining the attribute information corresponding to the target node, the attribute information corresponding to the target node may be stored in a database. That is, after the above-mentioned step of receiving the attribute information input by the user through the attribute information editing area and obtaining the attribute information corresponding to the target node, the following steps may be further included:

[0147] Store the attribute information corresponding to the target node in the database.

[0148] Specifically, the database can be pre-set to store the completed flowchart and the attribute information corresponding to the target node. When storing the completed flowchart and the attribute information corresponding to the target node, a unique identifier can be added to the attribute information and the flowchart to facilitate subsequent queries on the attribute information and the flowchart.

[0149] By applying the solution of the embodiment of this specification, the completed flowchart and the attribute information corresponding to the target node are stored in a database, which facilitates user query, ensures the accuracy of the flowchart, and further improves the user experience.

[0150] The following combined Figure 2 , the above flowchart processing method is further explained. It should be noted that the flowchart in the flowchart processing method can be understood as a link diagram, and the process nodes can be understood as link nodes. Figure 2 A schematic diagram of a processing process of a flowchart processing method provided by an embodiment of this specification is shown, specifically including:

[0151] Create a new link graph and link nodes, or reuse other link nodes to create new link nodes. Add the link node's node information to the link node's node information area, save the link node with the added node information, and store the link node's node information in the database. After saving the link node with the added node information, save the link graph, store the link graph information in the database, and complete the link graph creation.

[0152] By applying the solution of the embodiments of this specification, the node information of the link node is added to the node information area of ​​the link node to display the node information of the link node, thereby enriching the display content of the link map so that users can obtain more information when browsing the link map. By using the database to store node information and link map information, it is convenient for users to make subsequent queries, further improving the user experience.

[0153] It should be noted that the technical solution of the flowchart processing method is the same as the above Figure 1 The technical solution of the flowchart processing method shown belongs to the same concept. The details of the technical solution of the flowchart processing method not described in detail can be found in Figure 1 The flowchart shown is a description of the technical solution of the processing method.

[0154] Corresponding to the above method embodiment, this specification also provides a flowchart processing system embodiment, Figure 3 FIG1 shows a schematic diagram of an operation guidance system provided by an embodiment of the present specification. It should be noted that the flow chart can be understood as a link chart, and the flow nodes can be understood as link nodes and link controls. Figure 3 As shown, the system includes:

[0155] View layer: The view layer is used to render the link diagram. This includes the management of link controls, the definition of link nodes, and the display of the project link diagram.

[0156] Project layer: The project layer is used to manage link graphs, draw link graphs, manage link information, and manage link nodes.

[0157] Data layer: The data layer is used to store the data generated by the view layer and project layer into the database.

[0158] It should be noted that the technical solution of the flowchart processing system is the same as the above Figure 1 The technical solution of the flowchart processing method shown belongs to the same concept. The details not described in detail in the technical solution of the flowchart processing system can be found in Figure 1 The flowchart shown is a description of the technical solution of the processing system.

[0159] Corresponding to the above method embodiment, Figure 4 A schematic diagram of an operation guide interface provided by an embodiment of this specification is shown. Figure 4 As shown, the interface includes a component area, a drawing area, a node information area, one or more attribute information editing areas, and one or more component editing areas.

[0160] Specifically, a pre-set component library is displayed in a component area, wherein the component area includes a component editing area, and the component library includes process nodes, judgment nodes, start nodes, data nodes, database nodes, etc., receives user operation information for a target node, and displays the target node in a drawing area outside the component area, wherein the flowchart in the drawing area includes a start node, process node 1, judgment node, process node 2, process node 3, process node 4, start and end nodes, and a database. In response to the user selecting process node 2 as the target node in the flowchart, the node type of the target node is obtained, a node information area template matching the node type of the target node is searched among a plurality of pre-set node information area templates, a node information area corresponding to the target node is generated based on the node information area template, and the node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes an attribute information editing area, receives attribute information "node name is XXX, and editor is XX" input by the user through the attribute information editing area, extracts keywords from the attribute information, sets the keywords "node name: XXX, editor: XX" as attribute information corresponding to the target node, and stores the attribute information corresponding to the target node in a database. Receive modification information entered by the user through the attribute information editing area and modify the information in the node information area based on the modification information. Obtain the attribute information of adjacent nodes, where adjacent nodes are nodes adjacent to the target node. Generate flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes. Display the flowchart prompt information in the node information area corresponding to the target node, allowing users to draw flowcharts based on the flowchart prompt information. The flowchart display content is enriched to provide users with more information when browsing flowcharts. By receiving the attribute information entered by the user through the attribute information editing area and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience.

[0161] Corresponding to the above method embodiment, this specification also provides a flowchart processing device embodiment, Figure 5 FIG1 shows a schematic diagram of a flow chart processing device provided by an embodiment of this specification. Figure 5 As shown, the device includes:

[0162] The first display module 502 is configured to display a node information area corresponding to the target node outside the target node in response to the user selecting the target node in the flowchart, wherein the node information area includes one or more attribute information editing areas;

[0163] The acquisition module 504 is configured to receive the attribute information input by the user through the attribute information editing area, and obtain the attribute information corresponding to the target node.

[0164] Optionally, the device further comprises:

[0165] The second display module is configured to display a pre-set component library in the component area, wherein the component library includes a plurality of flowchart nodes; receive user operation information for a target node, and display the target node outside the component area.

[0166] Optionally, the device further comprises:

[0167] The generation module is configured to obtain the node type of the target node; search for a node information area template that matches the node type of the target node among multiple pre-set node information area templates; and generate a node information area corresponding to the target node based on the node information area template.

[0168] Optionally, the acquisition module 504 is further configured to receive attribute information input by the user through the attribute information editing area, extract keywords from the attribute information, and use the keywords as attribute information corresponding to the target node.

[0169] Optionally, the attribute information includes modification information;

[0170] The acquisition module 504 is further configured to receive modification information input by the user through the attribute information editing area; and modify the information in the node information area based on the modification information.

[0171] Optionally, the device further comprises:

[0172] The third display module is configured to obtain attribute information of adjacent nodes, wherein the adjacent nodes are nodes adjacent to the target node; generate flowchart prompt information based on the attribute information corresponding to the target node and the attribute information of the adjacent nodes; and display the flowchart prompt information in the node information area corresponding to the target node, so that the user can draw a flowchart according to the flowchart prompt information.

[0173] Optionally, the component area includes one or more component editing areas; the device further includes:

[0174] The adding module is configured to receive combination information for at least two nodes input by the user through the component editing area; generate a corresponding combination node based on the combination information, and add the combination node to the component library; when the component library includes the combination node, receive the user's operation information on the combination node.

[0175] Optionally, the device further comprises:

[0176] The storage module is configured to store the attribute information corresponding to the target node in a database.

[0177] The solution of the embodiment of this specification is applied by displaying a pre-set component library in the component area, wherein the component library includes multiple flowchart nodes, receiving user operation information for a target node, displaying the target node outside the component area, and in response to the user selecting the target node in the flowchart, obtaining the node type of the target node, searching for a node information area template that matches the node type of the target node among multiple pre-set node information area templates, generating a node information area corresponding to the target node based on the node information area template, and displaying the node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas, receiving attribute information entered by the user through the attribute information editing area, extracting keywords from the attribute information, using the keywords as attribute information corresponding to the target node, and storing the attribute information corresponding to the target node in a database. Modification information entered by the user through the attribute information editing area is received, and based on the modification information, the information in the node information area is modified. Acquire the attribute information of adjacent nodes, where adjacent nodes are nodes adjacent to the target node. Based on the attribute information corresponding to the target node and the adjacent nodes, generate flowchart prompts and display them in the node information area corresponding to the target node, allowing users to draw flowcharts based on the prompts. This feature enriches the flowchart display content to provide users with more information when browsing flowcharts. By receiving attribute information entered by the user in the attribute information editing area and obtaining the attribute information corresponding to the target node, the user can customize the target node's attribute information, further improving the user experience.

[0178] The above is a schematic diagram of a flowchart processing device according to this embodiment. It should be noted that the technical solution of the flowchart processing device and the technical solution of the flowchart processing method described above are based on the same concept. For details not described in detail in the technical solution of the flowchart processing device, please refer to the description of the technical solution of the flowchart processing method described above.

[0179] Figure 6 6 shows a block diagram of a computing device 600 according to one embodiment of the present disclosure. Components of the computing device 600 include, but are not limited to, a memory 610 and a processor 620. The processor 620 is connected to the memory 610 via a bus 630, and a database 650 is used to store data.

[0180] The computing device 600 also includes an access device 640 that enables the computing device 600 to communicate via one or more networks 660. Examples of such networks include a public switched telephone network (PSTN), a local area network (LAN), a wide area network (WAN), a personal area network (PAN), or a combination of communication networks such as the Internet. The access device 640 may include one or more of any type of network interface (e.g., a network interface card (NIC)) whether wired or wireless, such as an IEEE 802.11 wireless local area network (WLAN) wireless interface, a World Interoperability for Microwave Access (Wi-MAX) interface, an Ethernet interface, a universal serial bus (USB) interface, a cellular network interface, a Bluetooth interface, a near field communication (NFC) interface, and the like.

[0181] In one embodiment of the present specification, the above components of the computing device 600 and Figure 6 Other components not shown in the figure may also be connected to each other, for example, via a bus. Figure 6 The computing device structure block diagram shown is for illustrative purposes only and is not intended to limit the scope of this specification. Those skilled in the art may add or replace other components as needed.

[0182] The computing device 600 may be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (e.g., a tablet computer, a personal digital assistant, a laptop computer, a notebook computer, a netbook computer, etc.), a mobile phone (e.g., a smartphone), a wearable computing device (e.g., a smartwatch, smart glasses, etc.), or other types of mobile devices, or a stationary computing device such as a desktop computer or PC. The computing device 600 may also be a mobile or stationary server.

[0183] The processor 620 is configured to execute the following computer-executable instructions, which, when executed by the processor, implement the following steps:

[0184] In response to a user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas;

[0185] Receive the attribute information input by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0186] The solution of the embodiments of this specification utilizes a method that, in response to a user selecting a target node in a flowchart, displays a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas; receives attribute information entered by the user through the attribute information editing areas, and obtains the attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node and displaying the attribute information of the target node, the flowchart display content is enriched, allowing users to obtain more information when browsing the flowchart. By receiving attribute information entered by the user through the attribute information editing areas and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience.

[0187] The above is a schematic scheme of a computing device of this embodiment. It should be noted that the technical solution of the computing device and the technical solution of the flowchart processing method described above are of the same concept. For details not described in detail in the technical solution of the computing device, please refer to the description of the technical solution of the flowchart processing method described above.

[0188] An embodiment of this specification further provides a computer-readable storage medium storing computer-executable instructions, which, when executed by a processor, implement the following steps:

[0189] In response to a user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas;

[0190] Receive the attribute information entered by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0191] The solution of the embodiments of this specification utilizes a method that, in response to a user selecting a target node in a flowchart, displays a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas; receives attribute information entered by the user through the attribute information editing areas, and obtains the attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node and displaying the attribute information of the target node, the flowchart display content is enriched, allowing users to obtain more information when browsing the flowchart. By receiving attribute information entered by the user through the attribute information editing areas and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience.

[0192] The above is a schematic scheme of a computer-readable storage medium of this embodiment. It should be noted that the technical scheme of this storage medium and the technical scheme of the flowchart processing method described above are based on the same concept. For details not described in detail in the technical scheme of the storage medium, please refer to the description of the technical scheme of the flowchart processing method described above.

[0193] An embodiment of the present specification further provides a computer program, wherein when the computer program is executed on a computer, the computer is caused to perform the following steps:

[0194] In response to a user selecting a target node in the flowchart, a node information area corresponding to the target node is displayed outside the target node, wherein the node information area includes one or more attribute information editing areas;

[0195] Receive the attribute information entered by the user through the attribute information editing area and obtain the attribute information corresponding to the target node.

[0196] The solution of the embodiments of this specification utilizes a method that, in response to a user selecting a target node in a flowchart, displays a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas; receives attribute information entered by the user through the attribute information editing areas, and obtains the attribute information corresponding to the target node. By displaying the node information area corresponding to the target node outside the target node and displaying the attribute information of the target node, the flowchart display content is enriched, allowing users to obtain more information when browsing the flowchart. By receiving attribute information entered by the user through the attribute information editing areas and obtaining the attribute information corresponding to the target node, the attribute information of the target node can be personalized, further improving the user experience.

[0197] The above is a schematic scheme of a computer program of this embodiment. It should be noted that the technical scheme of this computer program and the technical scheme of the flowchart processing method described above are based on the same concept. For details not described in detail in the technical scheme of the computer program, please refer to the description of the technical scheme of the flowchart processing method described above.

[0198] The foregoing description of this specification describes specific embodiments. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in an order different from that described in the embodiments and still achieve the desired results. Furthermore, the processes depicted in the accompanying drawings do not necessarily require the specific order shown or the sequential order to achieve the desired results. In certain embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0199] The computer instructions include computer program code, which may be in source code form, object code form, executable file, or some intermediate form. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, USB flash drive, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM), random access memory (RAM), electric carrier signal, telecommunication signal, and software distribution medium, etc. It should be noted that the content contained in the computer-readable medium may be appropriately increased or decreased according to the requirements of legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to legislation and patent practice, computer-readable media do not include electric carrier signals and telecommunication signals.

[0200] It should be noted that for the aforementioned method embodiments, for the sake of simplicity of description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the embodiments of this specification are not limited by the order of the actions described, because according to the embodiments of this specification, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in this specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the embodiments of this specification.

[0201] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0202] The preferred embodiments disclosed above are intended only to help illustrate this specification. The optional embodiments do not exhaustively describe all details, nor do they limit the invention to the specific embodiments described. Obviously, many modifications and variations can be made based on the content of the embodiments of this specification. This specification selects and specifically describes these embodiments in order to better explain the principles and practical applications of the embodiments of this specification, so that those skilled in the art can better understand and utilize this specification. This specification is limited only by the claims and their full scope and equivalents.

Claims

1. A flowchart processing method, comprising: In response to a user selecting a target node in a flowchart, displaying a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas, wherein the node information area is obtained based on a node information area template of the target node, and the node information area template is obtained based on a node type of the target node; Receive the attribute information input by the user through the attribute information editing area, and obtain the attribute information corresponding to the target node.

2. The method according to claim 1, further comprising: before the step of responding to the user selecting a target node in the flowchart; Displaying a pre-set component library in the component area, wherein the component library includes a plurality of flow chart nodes; Receive user operation information on a target node, and display the target node outside the component area.

3. The method according to claim 1, before the step of displaying the node information area corresponding to the target node outside the target node, further comprising: Obtaining the node type of the target node; Searching for a node information area template that matches the node type of the target node among a plurality of pre-set node information area templates; A node information area corresponding to the target node is generated according to the node information area template.

4. The method according to claim 1, wherein the step of receiving attribute information input by the user through the attribute information editing area and obtaining attribute information corresponding to the target node comprises: Receive attribute information input by a user through the attribute information editing area, extract keywords from the attribute information, and use the keywords as attribute information corresponding to the target node.

5. The method according to claim 1, wherein the attribute information includes modification information; The step of receiving attribute information input by the user through the attribute information editing area and obtaining attribute information corresponding to the target node includes: receiving modification information input by the user through the attribute information editing area; Based on the modification information, the information in the node information area is modified.

6. The method according to claim 1, after the step of receiving attribute information input by the user through the attribute information editing area and obtaining the attribute information corresponding to the target node, further comprising: Acquire attribute information of adjacent nodes, wherein the adjacent nodes are nodes adjacent to the target node; Generate flowchart prompt information according to the attribute information corresponding to the target node and the attribute information of the adjacent nodes; The flowchart prompt information is displayed in the node information area corresponding to the target node, so that the user can draw the flowchart according to the flowchart prompt information.

7. The method according to claim 2, wherein the component area includes one or more component editing areas; After the step of displaying the preset component library in the component area, the method further includes: receiving combination information for at least two nodes input by the user through the component editing area; Generate a corresponding combination node according to the combination information, and add the combination node to the component library; In a case where the component library includes the combined node, operation information of the user on the combined node is received.

8. The method according to claim 1, after the step of receiving attribute information input by the user through the attribute information editing area and obtaining the attribute information corresponding to the target node, further comprising: The attribute information corresponding to the target node is stored in a database.

9. A flowchart processing device, comprising: a first display module configured to, in response to a user selecting a target node in the flowchart, display a node information area corresponding to the target node outside the target node, wherein the node information area includes one or more attribute information editing areas, wherein the node information area is obtained based on a node information area template of the target node, and the node information area template is obtained based on a node type of the target node; The acquisition module is configured to receive the attribute information input by the user through the attribute information editing area, and obtain the attribute information corresponding to the target node.

10. A computing device comprising: memory and processor; The memory is used to store computer-executable instructions, and the processor is used to execute the computer-executable instructions. When the computer-executable instructions are executed by the processor, the steps of the flowchart processing method according to any one of claims 1 to 8 are implemented.

11. A computer-readable storage medium storing computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the steps of the flowchart processing method according to any one of claims 1 to 8.

Images