CN114860125A

CN114860125A - Flow chart processing method, device, equipment and medium

Info

Publication number: CN114860125A
Application number: CN202210535942.4A
Authority: CN
Inventors: 李宏胜; 郭江; 吴海英
Original assignee: Mashang Xiaofei Finance Co Ltd
Current assignee: Mashang Xiaofei Finance Co Ltd
Priority date: 2022-05-17
Filing date: 2022-05-17
Publication date: 2022-08-05

Abstract

The application provides a flow chart processing method, a flow chart processing device, a flow chart processing equipment and a flow chart processing medium. The method comprises the following steps: displaying a business flow chart in a layout area of a flow chart editing page; responding to the interactive operation of the target element in the business flow chart, and determining the element attribute of the target element, wherein the element attribute comprises an attribute name and an attribute value corresponding to the attribute name; determining service content corresponding to the target element according to the element attribute of the target element, wherein the service content comprises a service attribute name and a service attribute value corresponding to the service attribute name; and displaying the business content corresponding to the target element in the flow chart editing page. The method enables the user to visually see the service content corresponding to the element in the service flow chart through interaction with the service flow chart.

Description

Flow chart processing method, device, equipment and medium

Technical Field

The present application relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a medium for processing a flowchart.

Background

Drawing a business workflow is one of the main purposes of a flow chart drawing tool and is also an important link for making a workflow conforming to company business. Whether a business flow chart which can intuitively reflect company business and is convenient for personnel to understand can be quickly made is a key factor for a user to measure whether a flow chart making tool is good or not.

Generally, when drawing a business workflow, a business flowchart is drawn by a flowchart drawing tool installed in advance on a terminal. The method comprises the steps that a flow chart drawing tool provides a fixed template 'key-value' of an attribute, and also provides various fields (such as 'UserID', 'type' and the like), when business content is added to a business flow chart, a user clicks to add the attribute, a field for assigning values to 'key' in the attribute is determined in the field provided by the flow chart drawing tool, and data for assigning values to 'value' in the attribute is determined in back-end business data.

However, the service content is added to the flow chart in the above manner, and the drawn flow chart cannot visually reflect the service flow, which is inconvenient for people to understand.

Disclosure of Invention

The application provides a method, a device, equipment and a medium for processing a flow chart, which are used for solving the problem that the drawn flow chart cannot visually reflect the business flow by adding business content to the flow chart.

In a first aspect, the present application provides a flowchart processing method, applied to a terminal, the method including:

displaying a business flow chart in a layout area of a flow chart editing page; responding to the interactive operation of the target element in the business flow chart, and determining the element attribute of the target element, wherein the element attribute comprises an attribute name and an attribute value corresponding to the attribute name; determining service content corresponding to the target element according to the element attribute of the target element, wherein the service content comprises a service attribute name and a service attribute value corresponding to the service attribute name; and displaying the business content corresponding to the target element in the flow chart editing page.

In a second aspect, the present application provides a flowchart processing apparatus, which is applied to a terminal, where the terminal performs drawing of a flowchart through a webpage-based flowchart drawing tool, and the flowchart processing apparatus includes:

the first display module is used for displaying a business flow chart in a layout area of a flow chart editing page;

the attribute determining module is used for responding to the interactive operation of the target element in the business flow chart and determining the element attribute of the target element, wherein the element attribute comprises an attribute name and an attribute value corresponding to the attribute name;

the service determining module is used for determining the service content corresponding to the target element according to the element attribute of the target element, wherein the service content comprises a service attribute name and a service attribute value corresponding to the service attribute name;

and the second display module is used for displaying the business content corresponding to the target element in the flow chart editing page.

In a third aspect, the present application provides an electronic device, comprising: at least one processor and memory; the memory stores a computer program; the processor, when executing the computer program stored in the memory, implements the flowchart processing method provided in the first aspect or any of the possible implementation manners of the first aspect.

In a fourth aspect, the present application provides a computer-readable storage medium, in which computer-executable instructions are stored, and when the computer-executable instructions are executed by a processor, the computer-executable instructions are used to implement the flowchart processing method provided in the first aspect or any possible implementation manner of the first aspect.

In a fifth aspect, the present application provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the computer program implements the flowchart processing method provided in the first aspect or any possible implementation manner of the first aspect.

In the application, the element attribute of a target element is determined in response to the interactive operation of the target element in a business flow chart, and the business content corresponding to the target element is determined according to the element attribute of the target element; and displaying the business content corresponding to the target element in the flow chart editing page.

Therefore, on one hand, in response to the interactive operation between the user and the elements in the business flow chart, the element attributes of the elements are converted into the business contents corresponding to the elements, and the business contents corresponding to the elements are displayed on the editing page of the flow chart, so that the user can visually see the business contents corresponding to the elements after interacting with the elements, namely the drawn flow chart can visually reflect the business flow, and the user experience is effectively improved; on the other hand, since the user can visually see the service content corresponding to the element after interacting with the element, the understanding of the user on the service flow chart is accelerated, the flow chart drawing of the user is accelerated, and the flow chart drawing efficiency is improved.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.

FIG. 1 is an exemplary diagram of a page of a flow chart drawing tool;

fig. 2 is a schematic view of an application scenario provided in an embodiment of the present application;

fig. 3 is a first schematic flow chart of a flowchart processing method according to an embodiment of the present disclosure;

fig. 4 is a second schematic flowchart of a flowchart processing method according to an embodiment of the present application;

FIG. 5 is a diagram illustrating an example of a page of a flowchart editing page provided by an embodiment of the present application;

FIG. 6 is a schematic structural diagram of a flowchart processing apparatus according to an embodiment of the present disclosure;

fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present application.

With the above figures, there are shown specific embodiments of the present application, which will be described in more detail below. These drawings and written description are not intended to limit the scope of the inventive concepts in any manner, but rather to illustrate the inventive concepts to those skilled in the art by reference to specific embodiments.

Detailed Description

Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.

First, terms related to embodiments of the present application will be explained:

a service flow chart: refers to a flow chart for embodying traffic flow information.

Wherein a business process diagram may include a plurality of elements, such as nodes, edges, text boxes.

For example, the service flow diagram of the approval service includes a start node, a plurality of intermediate nodes and an end node, different intermediate nodes represent approvers in different stages, an edge between a node and a node represents a service flow direction, and a text box located around the edge describes a trigger condition of a service flow corresponding to the edge.

In the related art, a user installs a flowchart drawing tool in advance on a terminal, and draws a business flowchart on the flowchart drawing tool. In the drawing process, a user can add node attributes to the nodes in the business flow chart according to the fixed template 'key-value' and the field of the flow chart drawing tool. For example, the user may input the field "UserID" in the input box corresponding to "key" and input the IDs of a plurality of people in the input box corresponding to "value".

FIG. 1 is a diagram of an exemplary page of a flow chart drawing tool. As shown in fig. 1, the plotter may draw the start node, the approval node 1, the approval node 2, and the end node of the business process diagram in the left area, and click the interactive control on the left side of the "add property" in the right area. The flow chart drawing tool responds to the plotter clicking the interactive control, and displays the input box according to the fixed template: an input box including a corresponding attribute name (equivalent to "Key") and an attribute Value (equivalent to "Value"). The user inputs a field ID in an input box corresponding to the attribute name, and inputs IDs 1,2 and 3 of a plurality of users in input boxes corresponding to the attribute values, which indicates that the personnel with the IDs 1,2 and 3 are set as the examination and approval personnel.

It can be seen that the above approach has the following disadvantages:

(1) the plotter needs to know which fields and their meanings are provided by the flow chart plotting tool, and needs to determine attribute values, such as ID of person, in the back-end business data many times. Therefore, the business flow chart is high in requirement on users and long in time consumption;

(2) the plotter can only define the business requirements in the business process diagram according to a fixed single template, for example, representing the user name by the a field. Therefore, the service flow chart is not fit to the service, that is, the service content cannot be reflected intuitively, and the user cannot understand the whole service flow chart and the service flow information described by each node of the service flow chart intuitively.

(3) The user must install a third-party tool on the terminal to draw and view the flow chart, so that the drawing and viewing of the flow chart are not convenient enough.

In order to solve the above problem, embodiments of the present application provide a method, an apparatus, a device, and a medium for processing a flowchart. The method and the device are applied to the terminal, and the terminal displays the business flow chart in the layout area of the flow chart editing page; responding to the interactive operation of the target element in the business flow chart, and determining the element attribute of the target element; determining the service content corresponding to the target element according to the element attribute of the target element; and displaying the business content corresponding to the target element in the flow chart editing page.

Therefore, based on the embodiment of the application, on one hand, after the user interacts with the target element, the flow chart editing page directly displays the business content corresponding to the target element, the business content is directly reflected, the drawing experience of a plotter is improved, and the browsing experience of other people is also improved; in another aspect, a plotter does not need to care about a fixed template and a field provided by a flow chart plotting tool, and does not need to search related business content in back-end business data, so that the flow chart plotting efficiency of a user is improved.

Optionally, the flow chart editing page may be a webpage, and the flow chart drawing tool may be a flow chart drawing tool of a webpage version, so that a user does not need to install a third-party application program, convenience in drawing the flow chart is improved, and user experience is improved.

The flowchart processing method provided by the application can be applied to the application scenario shown in fig. 2, and the application scenario takes a webpage version flowchart drawing tool as an example.

As shown in fig. 2, the application scenario involves a terminal, a World Wide Web (Web) server, and a service database, where the terminal and the Web server may communicate via a wired network or a wireless network, and a communication link is established between the Web server and the service database.

The user can open a Web browser on the terminal to access a Web page related to the webpage version of the flow chart drawing tool, and the Web page related to the webpage version of the flow chart drawing tool can comprise a flow chart editing page and can also comprise other pages. In the flow chart editing page, a user can draw and view the business flow chart and can also edit and view business contents related to the business flow chart.

In the above process, the terminal may communicate with the Web server, on one hand, the service flowchart drawn by the user may be stored in the Web server, and on the other hand, when the user requests to view the service flowchart, the user may request to acquire and display the service flowchart from the Web server. When the user edits and/or views the service content of the flow chart, the terminal can request the service content from the Web server, and the Web server can acquire the service content from the service database according to the request and then send the service content to the terminal for display.

The terminal may be a Personal Digital Assistant (PDA) device, a handheld device with a wireless communication function (e.g., a smart phone or a tablet), a computing device (e.g., a Personal Computer (PC)), an in-vehicle device, a wearable device (e.g., a smart watch or a smart band), a smart home device (e.g., a smart display device), and the like.

The following describes the technical solutions of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.

Referring to fig. 3, fig. 3 is a first flowchart of a flowchart processing method according to an embodiment of the present disclosure. As shown in fig. 3, the flowchart processing method includes:

s301, displaying the business process diagram in the layout area of the process diagram editing page.

The canvas area is used for drawing and displaying the business flow chart, and therefore, the canvas area can be a flow chart drawing area, a flow chart editing area, a flow chart display area and the like.

In this embodiment, the terminal may display the flowchart editing page in the browser in response to an access request of the user to the flowchart editing page, and display the canvas area on the flowchart editing page. The business flow diagram can be displayed in the canvas area in response to the drawing operation of the canvas area; alternatively, the business flow diagram can be displayed in the canvas area in response to a display request for a drawn business flow diagram.

In an example, in the case of detecting a drawing operation of a user in a canvas area, an element corresponding to the drawing operation may be displayed in the canvas area, and the business flow diagram displayed in the canvas area may be formed by one or more elements. For example, in the case of detecting a drawing operation in which a user adds a start node and an end node in the canvas area, the start node and the end node are displayed in the canvas area.

Optionally, a drawing tool area is displayed on the flowchart editing page, an element template is displayed in the drawing tool area, and an element corresponding to the element template dragged by the user can be displayed in the canvas area in response to an operation of dragging the element template to the canvas area by the user.

In yet another example, the business flow diagram can be displayed in the canvas area upon detecting a user request to open the business flow diagram. For example, the user drags the business flowchart to the canvas area, triggers an opening request for the business flowchart, and the terminal responds to the request to display the business flowchart in the canvas area.

S302, responding to the interactive operation of the target element in the business flow chart, and determining the element attribute of the target element. Wherein the element attribute includes an attribute name and an attribute value corresponding to the attribute name.

The target element can be any one of elements such as nodes, edges, texts, pictures and the like. The interactive operation of the target element can be click operation, check operation, long-press operation and the like of the target element.

In order to facilitate the analysis of the service flow chart by the server or the terminal, the element attribute of the target element may conform to an attribute template specified by a flow chart drawing tool, the attribute template is represented by an attribute name and an attribute value corresponding to the attribute name, the attribute name is a field specified by the flow chart drawing tool, and the attribute value is a value of the field determined based on the service content and is represented by one or more numbers.

In the service flow chart, the elements correspond to the element attributes one to one. The element attributes corresponding to different elements may be the same or different. When the attribute of the element corresponding to the two elements is the same, the service content corresponding to the two elements is also the same; and when the element attributes corresponding to the two elements are different, the service contents corresponding to the two elements are also different.

In this embodiment, the user may interact with the target element in the business process diagram displayed in the drawing area through an input device (such as a mouse or a keyboard) or through a touch screen. The terminal responds to the interactive operation of the user on the target element, and obtains the element attribute of the target element from the element attributes of the plurality of elements of the business process diagram. The element attribute of the target element can be a default attribute, and can also be generated based on the business content set for the target element, that is, based on the business content set for the target element by the user in the drawing process

S303, determining the service content corresponding to the target element according to the element attribute of the target element. The service content includes a service attribute name and a service attribute value corresponding to the service attribute name.

The service attribute name can be understood as a service identifier and a service name, the service attribute name in the service content corresponds to the attribute name in the element attribute, the difference is that the attribute name in the element attribute is a field which is in line with the specification of a flow chart drawing tool, and the service attribute name in the service content is a text content which is preset by a developer according to service requirements and is attached to the service content. For example, in a service flow diagram corresponding to an approval service, attribute names in element attributes are fields such as UserID, Upload, and Type, and service attribute names in service content are designated personnel, uploaded files, node types, and the like.

The service attribute value corresponding to the service attribute name refers to specific service information under the service attribute name, and the service attribute value in the service content corresponds to the attribute value in the element attribute. For example, the attribute name of the element is UserID, the attribute value is {1,2,3}, the service attribute name is the designated person, and the service attribute value is the name of the person with the name of xiaoming, xiaohong, etc.

In this embodiment, for the user, the element attribute of the target element is not attached to the service content, and is not easy to understand, so that the element attribute of the target element can be converted into the service content corresponding to the target element. In the process of converting the element attribute of the target element into the service content corresponding to the target element, the attribute name in the element attribute of the target element can be converted into the service attribute name in the service content corresponding to the target element, and the attribute value corresponding to the attribute name in the element attribute of the target element can be converted into the service attribute value corresponding to the service attribute in the service content.

And S304, displaying the service content corresponding to the target element in the flowchart editing page.

In this embodiment, after the service content of the target element is determined, the service content corresponding to the target element may be directly displayed in the flowchart editing page, where the service content corresponding to the target element may be displayed at a specified position of the flowchart editing page, and the service content corresponding to the target element may also be displayed in a peripheral area of the target element. Therefore, the user can visually see the business content corresponding to the target element through the interactive operation with the target element in the flow chart editing page.

In the embodiment of the application, the business flow chart is displayed in the drawing area on the flow chart editing page, the business content corresponding to the target element is obtained through conversion based on the element attribute of the target element in response to the interactive operation of the target element in the business flow chart, and the business content corresponding to the target element is displayed in the flow chart editing page. Therefore, the user can visually see the business content through interactive operation on the elements in the business flow chart, the drawing experience of a drawer is improved, the browsing experience of the drawer and other personnel is also improved, and the drawing efficiency of the business flow chart is improved.

Furthermore, under the condition that the flow chart drawing tool is a webpage version flow chart drawing tool and the flow chart editing page is a webpage, a user can check and draw the business flow chart by opening the webpage without downloading and installing third-party software, and the user experience is effectively improved.

Based on the foregoing embodiments, optionally, the service flow charts correspond to the flow files one to one. The process file corresponding to the business process diagram records the related information of a plurality of elements in the business process diagram, wherein the related information comprises the element attributes of the plurality of elements. The flow chart drawing tool can display the business flow chart corresponding to the flow file in the drawing area by loading the flow file; the server and/or the terminal can obtain the service flow information by analyzing the process file, and control the flow of the service system based on the service flow information.

Further, the file format of the flow file corresponding to the business flow chart is an Extensible Markup Language (XML) file format. Therefore, the flow chart drawing tool of the webpage edition can conveniently edit the page drawing business flow chart in the flow chart by loading the flow file.

In a possible implementation manner, based on the one-to-one correspondence between the service flow charts and the flow files, S302 includes: and responding to the interactive operation of the target element, and acquiring the element attribute of the target element from the flow file corresponding to the business flow chart. Therefore, the element attributes of the target elements are recorded in the process files corresponding to the business process diagrams, and the business contents of the target elements are displayed in the attribute editing areas of the target elements, so that on one hand, the records in the process files conform to the attribute templates and fields specified by the process diagram drawing tools, the analysis of the process files is facilitated, on the other hand, the business contents can be displayed more intuitively in the business process diagrams, and the drawing efficiency, drawing experience and browsing experience of users on the business process diagrams are improved.

In the process file, the element attribute of the target element is a default attribute, or the element attribute of the target element is generated based on the service content set for the target element. Optionally, the element attribute of the target element is generated based on the service content set for the target element by the user in the attribute editing area. Specifically, when the user does not set service content for the target element, it is determined that the service content corresponding to the target element is default service content (for example, a default name of a person under an approver), and at this time, the element attribute corresponding to the target element is a default attribute (including a default attribute name and a default attribute value).

Further, one possible implementation manner for obtaining the element attribute of the target element may include: and responding to an event triggered by the monitored interactive operation of the target element, acquiring an element instance corresponding to the target element from the process file, and acquiring the attribute name of the target element and the attribute value corresponding to the attribute name of the target element from the element instance. Therefore, the efficiency and the accuracy of acquiring the element attributes of the target elements are improved by detecting the events and recording the element examples corresponding to the target elements in the flow files.

Wherein an instance refers to an object created in a programming language. The process file corresponding to the business process diagram records element examples corresponding to each element in the business process diagram, and different elements correspond to different element examples. The element instance includes an element attribute of the element, specifically, an attribute name of the element and an attribute value corresponding to the attribute name.

In this embodiment, when a user interacts with a target element in a business flowchart, a corresponding event is triggered, and the terminal may monitor the event in a model instance corresponding to the business flowchart, and after the event is monitored, obtain an element instance corresponding to the target element from a flow file corresponding to the business flowchart, obtain an attribute name of the target element from the element instance corresponding to the target element, and obtain an attribute value corresponding to the attribute name of the target element. The model instance corresponding to the business flow chart can be created when the business flow chart is newly created, and different business flow charts can correspond to different model instances.

For example, when a user clicks a target element in a business flowchart, a conversion (changed) event (i.e., conversion between an element attribute and business content) is triggered, the terminal monitors the conversion event through a model instance corresponding to the business flowchart, obtains an element instance corresponding to the target element, and obtains an attribute name (businessobject) and an attribute value (businessobject. $ attrs) corresponding to the attribute name in the element instance.

In one possible implementation, S303 includes: and determining the service content corresponding to the target element as the service content corresponding to the element attribute of the target element according to the preset mapping relation between the element attribute and the service content. Therefore, based on the preset mapping relation between the business attributes and the business contents, the conversion between the business contents and the element attributes is realized, the requirement of displaying the business contents of the business flow chart is met, the stipulations of element templates and fields by a flow chart drawing tool are met, and the connection and communication between the business contents display of the business flow chart and the flow chart drawing tool are realized.

In this implementation manner, in response to the interactive operation of the target element, the element attribute of the target element may be obtained from the flow file corresponding to the business flow chart, where the element attribute includes attribute values of the target element under all attribute names. And determining a service attribute name corresponding to the attribute name of the target element in a preset mapping relation between the element attribute and the service content, and determining a service attribute value corresponding to the attribute value of the target element.

The terminal can respond to the drawing area of the flow chart editing page to display the business flow chart and acquire the preset mapping relation between the business attribute and the business content.

Further, the preset mapping relationship between the element attribute and the service content can be recorded in the service system. At this time, S303 may include: and performing data interaction with the service system based on the element attribute of the target element to obtain service content corresponding to the target element. Therefore, through data interaction between the flow chart drawing tool and the business system (which is also equivalent to data interaction between the flow file corresponding to the business flow chart and background data of the business system), flexible conversion between element attributes and business contents is realized, and the accuracy of the business contents is improved.

In this embodiment, after the element attribute of the target element is obtained, the functional component related to the service may be called, and the element attribute of the target element is output to the functional component, so as to obtain the service content corresponding to the target element output by the functional component. The functional component related to the service can obtain the service content corresponding to the target element from background data of the service system based on the element attribute of the target element.

As an example, a person ID (equivalent to an attribute value in the element attribute) in the element attribute of the target element is transmitted to a person filtering component (equivalent to a functional component) provided by the business system, and the person filtering component queries a person name (equivalent to a business attribute value in the business content) corresponding to the person ID in background data of the business system based on the person ID and outputs the person name.

Based on the foregoing embodiment, optionally, the elements of different element types correspond to different property editing areas. For example, in a service flow diagram corresponding to an approval service, an attribute editing region corresponding to a start node is different from an attribute editing region corresponding to an approval node located in the middle, and the start node does not need to add an approval person, that is, the service content corresponding to the start node does not include the approval person, and the approval node needs to add the approval person, so that attribute editing regions of different styles need to be provided for the start node and the approval node. Therefore, different attribute editing areas are provided for elements of different element types in a targeted mode, the individuation of the attribute editing areas is improved, the accuracy and diversity of adding service contents to the elements are improved, and the problem that complex services cannot be added to the elements due to the fact that a single editing area is provided for a flow chart editing tool is solved.

In one possible implementation, the flowchart editing page may display a property editing region corresponding to the element. At this time, S304 may include: displaying an attribute editing area corresponding to the target element in a flowchart editing page; and displaying the business content corresponding to the target element in the attribute editing area.

The attribute editing area is a page area used for displaying service content corresponding to the editing elements.

Optionally, different elements correspond to different attribute editing areas, so that a personalized attribute editing area is provided for the elements, service contents more fitting actual services are conveniently displayed or set for the elements in the attribute editing area, and the drawing effect of the service flow chart is improved.

Further, the differences of the property editing regions may include: the business content displayed in the property editing area is different, and/or the page style (such as an interactive control) adopted by the property editing area is different.

Optionally, in the flowchart editing page, the canvas area and the attribute editing area may be arranged left and right (for example, the canvas area is located on the left side of the attribute editing area), may also be arranged up and down (for example, the canvas area is located above the attribute editing area), and may also be represented as an upper layer and a lower layer (for example, the attribute editing area is located in the canvas area, and the attribute editing area is a previous layer with respect to the canvas area). In addition, the attribute editing area corresponding to the target element can be displayed in a popup mode in the flowchart editing page.

In this embodiment, the terminal may display the attribute editing region corresponding to one or more elements in the business flowchart at the same time of displaying the business flowchart. Or the terminal can respond to the interactive operation of the target element and display the attribute editing area corresponding to the target element on the flowchart editing page, so that a user can observe the attribute editing area of the element by selecting one element and observe the attribute editing area of another element by selecting the other element, the page space is saved, the corresponding relation between the element and the attribute editing area is clear at a glance, the operation is convenient and fast, and the user experience is improved.

In this embodiment, after the service content corresponding to the target element is determined and the attribute editing region is displayed on the flowchart editing page, the service content corresponding to the target element may be displayed in the attribute editing region. The attribute editing area may include a service attribute name display area and a service attribute value display area, and may display the service attribute name in the service attribute name display area and the service attribute value in the service attribute value display area. Therefore, the business content corresponding to the target element is directly displayed in the attribute editing area of the target element, so that a user can intuitively see the business content corresponding to the target element, the business meaning of the attribute name in the element attribute of the target element is not considered based on the understanding of the field in the flow chart editing tool, and the business meaning of the attribute value of the target element is not searched in a large amount of business data.

In one possible implementation manner, based on that elements of different element types correspond to different property editing regions, S304 includes: and determining and displaying the attribute editing area corresponding to the target element according to the corresponding relation between the element type of the target element and the attribute editing area.

In the implementation mode, attribute editing areas corresponding to different element types are prepared in advance, the element type of the target element is obtained under the condition that the operation of selecting the target element by a user is detected, and the attribute editing area corresponding to the element type of the target element is determined and displayed in the attribute editing area corresponding to the different element types. And then, displaying the business content corresponding to the target element in the attribute editing area. Therefore, the individuation of the attribute editing area is improved, and the individuation and the accuracy of displaying the business content corresponding to the target element in the attribute editing area are improved.

Since the attribute editing region may also be used to edit the service content corresponding to the target element, the following provides a process of editing the service content corresponding to the target element in the attribute editing region by using the embodiment.

Referring to fig. 4, fig. 4 is a schematic flowchart illustrating a second flowchart of the flowchart processing method according to the embodiment of the present application. As shown in fig. 4, the flowchart processing method includes:

s401, displaying a business process diagram in a layout area of the process diagram editing page.

S402, responding to the interactive operation of the target element in the business flow chart, and determining the element attribute of the target element. Wherein the element attribute includes an attribute name and an attribute value corresponding to the attribute name.

S403, determining the service content corresponding to the target element according to the element attribute of the target element. The service content includes a service attribute name and a service attribute value corresponding to the service attribute name.

S404, displaying an attribute editing area corresponding to the target element in the flowchart editing page;

and S405, displaying the service content corresponding to the target element in the attribute editing area.

The implementation principle and technical effect of S401 to S406 may refer to the foregoing embodiments, and are not described again.

S406, responding to the interactive operation of the input control in the attribute editing area, acquiring the updated service content, and updating the element attribute of the target element according to the updated service content.

One or more input controls can be displayed in the property editing area, and the input controls are used for inputting business contents. The input control can be an input box, a check box, a pull-down selection box, an upload button, a selection button and the like. For example, an input control for inputting a person name is displayed in the property editing area, or a selection button for selecting a person name is displayed in the property editing area.

In this embodiment, the user may update the service content for the target element by performing an interactive operation on the input control in the attribute editing region corresponding to the target element. Wherein updating the business content for the target element may include adding, deleting, and/or replacing the business content for the target element. And the terminal responds to the interactive operation of the user on the input control in the attribute editing area, acquires the updated service content of the target element, converts the updated service content of the target element into the corresponding element attribute and obtains the updated element attribute of the target element.

By way of example, the user modifies the name of the approver from A, B, C to B, C, D in the attribute editing area corresponding to the target element, the terminal determines that the updated business content of the target element comprises the approver { B, C, D }, and the approver { B, C, D } is converted into the corresponding element attribute: UserID {2, 3, 4 }. Wherein 2,3 and 4 respectively represent B, C, D corresponding personnel identifiers.

In the flow chart editing page presented by the Web page, the elements in the business flow chart can be dynamically updated along with the drawing operation of the user in the drawing area or the editing operation of the user in the attribute editing area, and the business content and the element attributes corresponding to the elements in the business flow chart can be dynamically updated.

In a possible implementation manner, based on the one-to-one correspondence between the service flow charts and the flow files, S406 includes: converting the updated service content into an element attribute meeting the attribute format requirement; and in the process file corresponding to the business process diagram, determining that the element attributes of the target element comprise the element attributes meeting the attribute format requirement. Wherein the attribute format requirements can be pre-formulated by a developer. Therefore, the communication between the attribute editing area and the process file is realized, namely the communication between the service content in the attribute editing area and the element attribute in the process file is realized, so that the service content updated by the user in the attribute editing area can be converted into the element attribute in the process file in real time. Also, in the foregoing embodiment (for example, the embodiment shown in fig. 3), the conversion of the element attribute in the flow file into the service content displayed in the attribute editing area is realized. Through the above-mentioned opening operation (converting the service content in the attribute area into the element attribute in the process file, and/or converting the element attribute in the process file into the service content in the attribute area), the service flow chart can be correctly analyzed based on the process file, the service content of the element in the service flow chart can also be visually displayed, and the service flow chart with semantics can be displayed. Furthermore, the drawing efficiency of the business flow chart is improved, the drawing time cost of drawing personnel is reduced, meanwhile, the handwritten element attribute is prevented from being mistaken, and the accuracy and the readable understandability of the business flow chart are improved.

In this implementation, the updated service content may be converted into an element attribute meeting the requirement of the attribute format, and in one implementation, the service attribute name { service attribute value } in the updated service content is converted into "attribute format: and the attribute name { attribute value } "is adopted, so that the element attributes in the process file of the business process diagram can be updated in real time based on the business content updated by the user in the attribute editing area, and the process file corresponding to the business process diagram can be accurately analyzed by the process diagram drawing tool based on the attribute format. The flow chart drawing tool may find the attribute format of the target element in the flow file in response to an operation of the user selecting the target element: the attribute name { attribute value } ", convert it into the business content of" business attribute name { business attribute value } "form, then edit the page and display the business content in the flow chart, achieve the flow file to get through of the edition page of the flow chart, further, edit the attribute editing area of the page and display the business content in the flow chart, achieve the flow file to get through of the edition area of the attribute; the flowchart drawing tool may further convert the business content in the form of "business attribute name { business attribute value }" into "attribute format: and updating the element attribute of the attribute name { attribute value }' into the flow file to realize the communication from the flow chart editing page to the flow file, and further realize the communication from the attribute editing area to the flow file. Therefore, the bottom layer communication between the flow chart editing page (optional, attribute editing area) and the flow chart tool is realized, the flow file meeting the attribute format requirement of the flow chart tool is dynamically updated while the business content corresponding to the elements is visually displayed, and the flow chart tool can conveniently display the business flow chart based on the flow file.

In addition, based on the above manner, the server may also accurately parse the flow file based on the attribute format requirement of the flow chart drawing tool, so as to implement management control and limitation on the flow of each link of the service.

Further, converting the updated service content into an element attribute meeting the attribute format requirement, including: if the service attribute name in the updated service content is located in the configuration information, converting the updated service content into an element attribute meeting the attribute format requirement; the configuration information includes a service attribute name to be format-converted. Therefore, the accuracy of converting the service content into the element attribute is improved by the mode of pre-configuring the service attribute name to be subjected to format conversion in the configuration information.

The configuration information can be loaded in the process of displaying the business flow chart in the drawing area.

In this implementation manner, the service attribute name in the updated service content may be converted into a field that conforms to the specification of the flowchart drawing tool, that is, the attribute name is obtained, for example, the designated person is converted into "UserID", and the uploaded file is converted into a field "Upload"; converting the service attribute value in the updated service content into a corresponding numerical value, for example, converting the name "xiaoming" into a job number corresponding to xiaoming; thus, the element attribute corresponding to the updated service content is obtained. And if the service attribute name in the updated service content is located in the configuration information, converting the element attribute corresponding to the updated service content into the element attribute meeting the attribute format requirement. In one conversion method, attribute format requirements can be added to the conversion result "attribute name { attribute value }" to obtain an "attribute format that meets the attribute format requirements: attribute name { attribute value } ". The element attributes that meet the attribute format requirements may then be written to the flow file.

Further, the process of converting the updated service content into the element attribute meeting the attribute format requirement may include: determining element attributes corresponding to the updated service content through the functional components related to the service; and if the service attribute name of the updated service content is located in the configuration information, converting the element attribute corresponding to the updated service content into the element attribute meeting the attribute format requirement. The element attributes that meet the attribute format requirements may then be written to the flow file. Therefore, the service content of the target element is converted into the element attribute meeting the attribute format requirement, the converted element attribute meeting the attribute format requirement is recorded into the process file, and the flexible conversion from the element attribute to the service content is realized.

The functional components related to the business are used for interacting with the business data at the back end, and the business system can provide the functional components for the flow chart drawing tool. Different services can be associated with different functional components, for example, a personnel selection service is associated with a personnel screening component, the personnel screening component is used for interacting with personnel data at the back end, and the personnel data can comprise personnel names and personnel IDs. As another example, the accessory upload service is associated with an accessory upload component for interacting with the backend accessory data.

In this embodiment, the process of determining the element attribute corresponding to the updated service content through the functional component related to the service is as follows: the service attribute name in the updated service content may be converted into a corresponding attribute name, for example, "designated person" may be converted into "UserID", based on a preset mapping relationship between the service attribute name and the attribute name in the element attribute; the service attribute value in the updated service content may be converted into a corresponding attribute value by calling a function component related to the service, where the function component may search for the attribute value corresponding to the service attribute value in the service data at the back end based on the service attribute value, for example, the person screening component searches for the person ID in the person data at the back end based on the person name.

After determining the element attribute corresponding to the updated service content, if the service attribute name in the updated service content is located in the configuration information, it indicates that the element attribute corresponding to the updated service content is to be converted into the element attribute meeting the attribute format requirement, so that the element attribute corresponding to the updated service content can be converted into the element attribute meeting the attribute format requirement, and then the converted element attribute meeting the attribute format requirement is written into the process file.

Optionally, the attribute updating interface is called to convert the element attribute corresponding to the updated service content into the element attribute meeting the attribute format requirement. The attribute updating interface is used for providing format conversion service, and a developer can define conversion rules of the attribute format in the development process of the attribute updating interface.

Optionally, the element attribute meeting the attribute format requirement after the target element is converted is written into the element instance corresponding to the target element in the process file.

As an example, when the business attribute name is "designated person", and a user clicks a user selection, the flowchart drawing tool invokes a person screening component provided by the business system, the user clicks a person selection button in the person screening component, the person screening component acquires and displays a person name from the back-end business data in response to the click operation, after the user selects the person name, the flowchart drawing tool may determine that the attribute name in the element attribute is "UserID", the person screening component acquires the person name selected by the user, acquires a person ID corresponding to the person name selected by the user from the back-end business data, and transmits the person ID to the flowchart drawing tool, and the flowchart drawing tool converts the "UserID" and the person ID into the element attribute meeting the requirement of the attribute format and records the element attribute in an xml file.

Based on any of the foregoing embodiments, in a possible implementation manner, after the business process diagram is displayed, the process file of the business process diagram may be sent to the server in response to a confirmation operation or a submission operation of the business process diagram, so that the server analyzes the process file, and then controls the business process; and/or adding the creation information of the business flow chart to the flow list in response to the confirmation operation or the submission operation of the business flow chart, so that the management effect of the business flow chart is improved through the flow list.

In the implementation manner, the confirmation control or the submission control can be displayed on the flow chart editing page, and after the user finishes drawing the business flow chart, the user can click the confirmation control or the submission control to trigger a request for uploading the business flow chart. And the terminal responds to the request, transmits the flow of the business flow chart not shown to the server, and/or adds the creation information of the business flow chart to the flow list. The creating information of the business flow chart may include information such as name, creating time, drawing personnel, and the like of the business flow chart.

Further, displaying the business process diagram in a canvas area of the flowchart editing page may include: the method comprises the steps of responding to an editing request of a business flow chart on a flow chart management page, displaying a flow chart editing page and a canvas area, and displaying the business flow chart in the canvas area, so that a user can open the business flow chart drawn by the user or other personnel by requesting to edit the business flow chart on the flow chart management page, display of the business flow chart in the canvas area, and manual introduction of a file into a flow chart drawing tool is not needed, and the convenience of browsing the business flow chart is improved.

The flow chart management page can display a flow chart list, each line in the flow chart list is displayed with the creating information and the editing control of one business flow chart, and a user can initiate a request for editing the corresponding business flow chart by clicking one line or various editing controls. The terminal can respond to the editing request of the user to the business flow chart, obtain the flow file of the business flow chart from the server, and display the business flow chart in the drawing area by analyzing the flow file.

Further, displaying the business process diagram in a canvas area of the flowchart editing page may include: the flowchart edit page and the canvas area may be displayed, and the business flowchart may be displayed in the canvas area in response to a drawing operation of the canvas area. Therefore, a user can realize the display of the business flow chart in the canvas area in a mode of drawing the flow chart in the canvas area.

Based on any of the foregoing embodiments, optionally, the service corresponding to the service flowchart is an approval service, as shown in fig. 5, the flowchart editing page includes a canvas area, the canvas area displays the service flowchart corresponding to the approval service, and the elements in the service flowchart include a start node, an approval node, and an end node. And responding to the interactive operation of the user on the approval node in the canvas area, displaying an attribute editing area corresponding to the approval node on a flowchart editing page, and displaying the service content corresponding to the approval node in the attribute editing area.

As shown in fig. 5, in the service content corresponding to the approval node, the service attribute name includes an approval person, an approval node type, and an upload attachment, where: the business attribute value corresponding to the approver includes 'A, B, C', wherein A, B, C represents different names of persons; the service attribute values corresponding to the approval node types comprise a type I and a type II; uploading the service attribute value corresponding to the attachment comprises: uploading, not uploading. Therefore, the user can visually see the service content in the attribute editing area corresponding to the approval node.

As shown in fig. 5, in the property editing region corresponding to the approval node, input controls of service content may be displayed, such as a "select person" control 501, a "type one" and a "type two" check controls 502, and an "upload attachment" check control 503 shown in fig. 5. Therefore, the user can intuitively and flexibly edit the service content for the approval node in the attribute editing area.

Based on the attribute editing region corresponding to the approval node shown in fig. 5, the updated service content corresponding to the approval node can be obtained in response to the interactive operation between the user and the input control of the service content, and the updated service content is converted into the node attribute of the approval node. For example, after the user clicks the "select people" control 501, the people filtering component is displayed, the people name A, B, C selected by the user in the people filtering component is obtained, the people name A, B, C is displayed in the attribute editing area, and meanwhile, the business content "approver: A. b, C "into the corresponding node attribute" UserID: 1. 2,3 "and writing the flow file.

When a user draws a service flow chart in a canvas area or edits service content on an attribute editing page, the terminal dynamically updates a flow file based on the content drawn by the user or the edited service content.

As shown in fig. 5, the canvas area further displays a submission control 504, and a user can upload a flow file corresponding to the business flow chart to the server by clicking the submission control 504, and can also add creation information of the business flow chart to a flow list (not shown in fig. 5). For example, in the case that the flow file is an XML file, the XML file corresponding to the business flow diagram is uploaded to the server.

As shown in FIG. 5, the canvas area also displays a cancel control 505, and the user can cancel the drawing of the business flowchart by clicking the cancel control 505.

Based on any of the preceding embodiments, optionally, the flow chart drawing tool is a camunda tool.

In the related art, a camunda tool is a third-party application program which needs to be installed by a user independently and is used for drawing a flow chart, and when the flow chart is drawn on the camunda tool, the following defects exist: on one hand, element attributes need to be set for elements according to a fixed template provided by a camunda tool, specifically, element attributes need to be added to elements in a business flow chart on a fixed attribute editing page by adopting fixed fields, so that the compactness of the element attributes and the business is insufficient, the slightly complicated business flow is difficult to draw and display by the camunda tool, and the drawn business flow chart has almost no semantic meaning; on the other hand, when a plotter or other user wants to view a business process, the plotter or other user cannot view a corresponding business process diagram through a Web page, but needs to import the business process diagram into the simula tool.

In order to solve the above disadvantages of the camunda tool, in the embodiment of the application, the camunda tool is integrated into a Web system, so that the drawing and browsing of the business flow chart on a Web page are realized, the drawing and browsing convenience of the business flow chart is improved, and a user can directly open and draw the business flow chart on the Web page without importing the business flow chart into the camunda tool; through the communication between the service content and the element attribute, namely through the communication between the service content displayed by the flow chart editing page and the element attribute in the flow file, the service content corresponding to the element can be directly displayed in the flow chart editing page, the real-time updating of the element attribute in the flow file can be realized based on the service content updated by the user in the flow chart editing page, the compactness between the element attribute and the service content is improved, the service flow chart has rich semantic property, the user does not need to add the element attribute to the element in the service flow chart according to a fixed template provided by a camunda tool, but can directly add the service content, and draw a more complex service flow.

Optionally, different attribute editing areas may be provided for different types of elements in the service flowchart in the flowchart editing page, and compared with the attribute editing area of the fixed mode provided by the camunda tool, the method may set more appropriate and more complex service content for different types of elements, thereby improving the drawing experience of the user. For example, different attribute editing areas are provided for the approval node and the start node, the attribute editing area corresponding to the approval node can be displayed in response to the user clicking the approval node, and the attribute editing area corresponding to the start node can be displayed in response to the user clicking the start node.

The method comprises the steps that a drawing tool based on a flow chart is a camunda tool, in the process of converting the business content of a target element into the element attribute of the target element so as to write the element attribute of the target element into a flow file, and in the process of converting the element attribute of the target element recorded in the flow file into the business content of the target attribute so as to visually display the business content of the target element, a Web page and the camunda tool need to be communicated with each other at the bottom layer based on the format requirement of the camunda tool. Optionally, the bottom layer opening process is as follows:

first, a configuration file may be created in advance, in which configuration information is described, and the configuration information includes a service attribute name that needs format conversion or an attribute name that needs format conversion. The configuration file may be loaded when the canvas area displays the business flow diagram.

In the display process, the element attribute of the target element can be acquired from the process file in response to the selected operation of the target element in the business process diagram; determining a service attribute name in service content based on the corresponding relationship between the attribute name and the service attribute name in the element attribute; the service attribute value in the service content can be obtained by calling the functional component related to the service and determining the service attribute value corresponding to the attribute value in the element attribute. Thus, the element attribute of the target element is converted to obtain the service content corresponding to the target element. And then, displaying the business content corresponding to the target element in the attribute editing area corresponding to the target element. Therefore, the communication from the element attribute of the target element in the process file to the service content of the target element in the attribute editing area is realized, and the service content of the target element can be directly displayed.

In the editing process, the service content updated in the attribute editing area corresponding to the target element by the user can be acquired, the updated service content can be converted into the element attribute of the target element based on the configuration information recorded in the configuration file and the functional component related to the service, and the element attribute of the target element is written into the flow file corresponding to the service flow chart. The configuration file is used to determine whether the service content needs to be format-converted, and if so, the updated service content may be converted into an element attribute meeting the requirement of the camunda format, and in one manner, a service attribute name { service attribute value } in the service content may be converted into a camunda: attribute name { attribute value }. For example, convert person { A, B, C } to camunda: UserID {1,2,3 }. The functional components related to the service can refer to the foregoing embodiments, and are not described in detail.

Optionally, the configuration file is a camunda. During development, a camunda tool can be integrated into a Web system, a custom camunda json file can be created in a local project, and configuration information (such as which fields need to be added with the camunda format) can be written into the camunda json file.

Based on this alternative, the configuration information in the simula. json file may be loaded in a generation instance (e.g., a new bpmn odeler instance) corresponding to the business flow diagram in response to displaying the edit page of the business flow diagram, where the generation instance is used to generate a model instance (e.g., a modeling instance) of the business flow diagram, and the instance may be understood as a function or an object. And then:

in the process of getting through the service content to the element attribute, in a model instance of the service flow chart, an attribute update interface (e.g., updateProperties API) may be called, and an element identifier of the target element and an element attribute of the target element (obtained by converting the service content of the target element through a functional component related to the service, which may be specifically referred to the foregoing embodiment and will not be described again) are input to the attribute update interface, where the attribute update interface is configured to provide format conversion service, convert the element attribute of the target element into an element attribute meeting the format requirement of the simula tool, and based on the element identifier of the target element, in a flow file (e.g., xml file) corresponding to the service flow chart, write the converted element attribute meeting the format requirement of the simula tool into an element instance of the target element. For example, convert person { A, B, C } to camunda: UserID {1,2,3} is written into an element instance of a target element described in an xml file, where "camunda: "corresponds to the format requirements of the camunda tool.

In the process of opening the element attribute to the service content, a conversion event (such as a changed event) triggered by the target element interacted by a user can be monitored in an element instance of the target element; in response to a snoop-to-transition event, a property name of a target element is obtained from an element instance of the target element documented in the flow file (e.g., the target element's property name is obtainedbussinessObject) And attribute values (e.g., businessobject. $ attrs); the attribute names and attribute values of the elements can be converted into the service contents of the target elements in a data interaction mode with the service data of the back end through the functional components related to the service; and finally, displaying the business content of the target element.

Taking the personnel selection as an example, when a user clicks the user selection in an attribute editing area corresponding to a target element in a flow chart editing page, the flow chart editing page calls a personnel screening component (namely a functional component) of a service system, and all organizations and operators are obtained from service data at the back end through the personnel screening component and are displayed to the user; after the user selects the personnel and clicks and confirms, the personnel screening component outputs the ID of the personnel selected by the user, the flow chart editing page can call the attribute updating interface, the format conversion service provided by the attribute updating interface is used for converting the ID of the selected personnel into the element attribute meeting the format requirement of the camunda tool, and then the element attribute is written into the xml file.

When a user clicks a certain element in the canvas area, the current clicked element is globally recorded (or tracked), the user clicks and selects personnel in response, the ID of the personnel is read from the element attribute in the camunda format of the selected element recorded in the flow file, the ID of the personnel is input into the personnel screening component, the personnel name output by the personnel screening component is obtained, and the personnel name is displayed to the user. Thus, the user can now see the name of the person previously selected for this element, and can continue with the previous selection, such as adding a new person or deleting a previously selected person.

The following are embodiments of the apparatus of the present application that may be used to perform corresponding method embodiments of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method corresponding to the present application.

Referring to fig. 6, fig. 6 is a schematic structural diagram of a flowchart processing apparatus according to an embodiment of the present application, where the flowchart processing apparatus is applied to a terminal, and the terminal performs drawing of a flowchart through a webpage version flowchart drawing tool. As shown in fig. 6, the flowchart processing apparatus 600 provided in this embodiment includes:

a first display module 601, configured to display a business flowchart in a layout area of a flowchart editing page;

an attribute determining module 602, configured to determine, in response to an interactive operation of a target element in a business process diagram, an element attribute of the target element, where the element attribute includes an attribute name and an attribute value corresponding to the attribute name;

a service determining module 603, configured to determine, according to an element attribute of a target element, a service content corresponding to the target element, where the service content includes a service attribute name and a service attribute value corresponding to the service attribute name;

a second display module 604, configured to display, in the flowchart editing page, an attribute editing area corresponding to the target element;

and a third display module 605, configured to display the service content corresponding to the target element in the attribute editing area.

In a possible implementation manner, the attribute determining module 602 is specifically configured to: responding to the interactive operation of the target element, and acquiring the element attribute of the target element from the flow file corresponding to the business flow chart; in the process file, the element attribute of the target element is a default attribute, or the element attribute of the target element is generated based on the service content set for the target element by the user in the attribute editing area.

In a possible implementation manner, in a process of obtaining an element attribute of a target element from a flow file corresponding to a business flow diagram in response to an interactive operation of the target element, the attribute determining module 602 is specifically configured to: and responding to an event triggered by the monitored interactive operation, acquiring an element instance corresponding to the target element from the flow file, and acquiring the attribute name of the target element and the attribute value corresponding to the attribute name of the target element from the element instance.

In a possible implementation manner, the service determination module 603 is specifically configured to: and determining the service content corresponding to the target element as the service content corresponding to the element attribute of the target element according to the preset mapping relation between the element attribute and the service content.

In a possible implementation manner, the second display module 604 is specifically configured to: displaying an attribute editing area corresponding to the target element in a flowchart editing page; and displaying the business content corresponding to the target element in the attribute editing area.

In a possible implementation manner, in the process of displaying the attribute editing area corresponding to the target element in the flowchart editing page, the second display module 604 is specifically configured to: determining and displaying an attribute editing area corresponding to the target element according to the corresponding relation between the element type of the target element and the attribute editing area; wherein elements of different element types correspond to different property editing regions.

In a possible implementation manner, the flowchart processing apparatus further includes an editing module (not shown in fig. 6), and the editing module is configured to: responding to the interactive operation of the input control in the attribute editing area, and acquiring updated service content; and updating the element attribute of the target element according to the updated service content.

In a possible implementation manner, in the process of updating the element attribute of the target element according to the updated service content, the editing module is specifically configured to: converting the updated service content into an element attribute meeting the attribute format requirement; and in the process file corresponding to the business process diagram, determining that the element attributes of the target element comprise the element attributes meeting the attribute format requirement.

In a possible implementation manner, in the process of converting the updated service content into the element attribute meeting the attribute format requirement, the editing module is specifically configured to: if the service attribute name in the updated service content is located in the configuration information, converting the updated service content into an element attribute meeting the attribute format requirement; the configuration information includes a service attribute name to be format-converted.

In a possible implementation manner, in the process of converting the updated service content into the element attribute meeting the attribute format requirement if the service attribute name in the updated service content is located in the configuration information, the editing module is specifically configured to: determining element attributes corresponding to the updated service content through the functional components related to the service; and if the service attribute name in the updated service content is located in the configuration information, converting the element attribute corresponding to the updated service content into the element attribute meeting the attribute format requirement. In the process of determining that the element attribute of the target element includes the element attribute meeting the attribute format requirement in the process file corresponding to the business flow chart, the editing module is specifically configured to: and writing the element attributes meeting the attribute format requirements into the process file.

In a possible implementation manner, the flowchart processing apparatus further includes: and the uploading module (not shown in fig. 6) is used for responding to the confirmation operation or the submission operation of the business flow chart, adding the creation information of the business flow chart to the flow list, and sending the flow file of the business flow chart to the server.

In a possible implementation manner, the first display module 601 is specifically configured to: in response to an edit request of the business flowchart on the flowchart management page, displaying a flowchart edit page and a canvas area, and displaying the business flowchart in the canvas area; or displaying the flowchart editing page and the canvas area, and responding to the drawing operation of the canvas area and displaying the business flowchart in the canvas area.

It should be noted that the flowchart processing apparatus provided in each of the above embodiments may be configured to execute each step in the flowchart processing method provided in any of the above embodiments, and the specific implementation manner and the technical effect are similar, and are not described herein again.

The foregoing embodiments of the apparatus provided in this application are merely exemplary, and the module division is only one logic function division, and there may be another division manner in actual implementation. For example, multiple modules may be combined or may be integrated into another system. The coupling of the various modules to each other may be through interfaces that are typically electrical communication interfaces, but mechanical or other forms of interfaces are not excluded. Thus, modules described as separate components may or may not be physically separate, may be located in one place, or may be distributed in different locations on the same or different devices.

Referring to fig. 7, fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present application. As shown in fig. 7, the electronic device 700 may include: at least one processor 701 and a memory 702. Fig. 7 shows an electronic device as an example of a processor.

The memory 702 stores programs of the processor 701. In particular, the program may include program code including computer operating instructions.

The memory 702 may comprise high-speed RAM memory, and may also include non-volatile memory (non-volatile memory), such as at least one disk memory.

The processor 701 is configured to execute the computer program stored in the memory 702 to implement the steps in the flowchart processing method in the above method embodiments.

The processor 701 may be a Central Processing Unit (CPU), an Application Specific Integrated Circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present application.

Alternatively, the memory 702 may be separate or integrated with the processor 701. When the memory 702 is a separate device from the processor 701, the electronic device 700 may further include: the bus 703 is used to connect the processor 701 and the memory 702. The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (EISA) bus, or the like. Buses may be classified as address buses, data buses, control buses, etc., but do not represent only one bus or type of bus.

Alternatively, in a specific implementation, if the memory 702 and the processor 701 are implemented in a single chip, the memory 702 and the processor 701 may communicate via an internal interface.

The present application also provides a computer-readable storage medium, which may include: a variety of media that can store program codes, such as a usb disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk, and in particular, the computer-readable storage medium stores a computer program, and when at least one processor of the electronic device executes the computer program, the electronic device executes the steps of the flowchart processing method provided in the foregoing various embodiments.

Embodiments of the present application also provide a computer program product, which includes a computer program, and the computer program is stored in a readable storage medium. The computer program can be read from a readable storage medium by at least one processor of the electronic device, and the execution of the computer program by the at least one processor causes the electronic device to implement the steps of the flowchart processing method provided by the various embodiments described above.

Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.

It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.

Claims

1. A flow chart processing method is applied to a terminal, and the method comprises the following steps:

displaying a business flow chart in a layout area of a flow chart editing page;

responding to the interactive operation of a target element in the business flow chart, and determining the element attribute of the target element, wherein the element attribute comprises an attribute name and an attribute value corresponding to the attribute name;

determining service content corresponding to the target element according to the element attribute of the target element, wherein the service content comprises a service attribute name and a service attribute value corresponding to the service attribute name;

and displaying the business content corresponding to the target element in the flow chart editing page.

2. The method of claim 1, wherein the determining the element attribute of the target element in response to the interaction operation of the target element in the business process flow graph comprises:

responding to the interactive operation of the target element, and acquiring the element attribute of the target element from a process file corresponding to the business process diagram;

in the process file, the element attribute of the target element is a default attribute, or the element attribute of the target element is generated based on the service content set for the target element.

3. The method of claim 2, wherein the obtaining the element attribute of the target element from the process file corresponding to the business process diagram in response to the interactive operation of the target element comprises:

and responding to the monitored event triggered by the interactive operation, acquiring an element instance corresponding to the target element from the process file, and acquiring the attribute name of the target element and the attribute value corresponding to the attribute name from the element instance.

4. The method of claim 1, wherein the determining the service content corresponding to the target element according to the element attribute of the target element comprises:

and determining the service content corresponding to the target element as the service content corresponding to the element attribute of the target element according to the preset mapping relation between the element attribute and the service content.

5. The method according to claim 1, wherein the displaying the business content corresponding to the target element in the flowchart editing page comprises:

displaying an attribute editing area corresponding to the target element in the flowchart editing page;

and displaying the business content corresponding to the target element in the attribute editing area.

6. The method of claim 5, wherein displaying a property editing region corresponding to the target element in the flowchart editing page comprises:

determining and displaying an attribute editing area corresponding to the target element according to the corresponding relation between the element type of the target element and the attribute editing area;

wherein elements of different element types correspond to different property editing regions.

7. The method of claim 5, wherein after displaying the property editing region corresponding to the target element in the flowchart editing page, the method further comprises:

responding to the interactive operation of the input control in the attribute editing area, and acquiring updated service content;

and updating the element attribute of the target element according to the updated service content.

8. The method of claim 7, wherein the updating the element attribute of the target element according to the updated service content comprises:

converting the updated service content into an element attribute meeting the requirement of an attribute format;

and in the process file corresponding to the business process diagram, determining that the element attributes of the target elements comprise the element attributes meeting the attribute format requirements.

9. The method of claim 8, wherein converting the updated service content into an element attribute meeting an attribute format requirement comprises:

if the service attribute name in the updated service content is located in the configuration information, converting the updated service content into the element attribute meeting the attribute format requirement;

the configuration information includes a service attribute name to be format-converted.

10. The method according to claim 9, wherein if the service attribute name in the updated service content is located in configuration information, converting the updated service content into the element attribute meeting the attribute format requirement includes:

determining the element attribute corresponding to the updated service content through the functional component related to the service;

if the service attribute name in the updated service content is located in the configuration information, converting the element attribute corresponding to the updated service content into the element attribute meeting the attribute format requirement;

the determining that the element attribute of the target element includes the element attribute meeting the attribute format requirement in the process file corresponding to the business process diagram includes:

and writing the element attributes meeting the attribute format requirements into the process file.

11. The method according to any one of claims 1-6, wherein after displaying the business flow diagram in the layout area of the flow diagram editing page, further comprising:

responding to the confirmation operation or the submission operation of the business flow chart, adding the creation information of the business flow chart to a flow list, and sending the flow file of the business flow chart to a server.

12. The method of claim 11, wherein displaying the business flow diagram in the layout area of the flow diagram editing page comprises:

responding to an editing request of the business process diagram on a process diagram management page, displaying the process diagram editing page and the canvas area, and displaying the business process diagram in the canvas area;

or, displaying the flowchart editing page and the canvas area, and responding to the drawing operation of the canvas area to display the business flowchart in the canvas area.

13. A flow chart processing device is applied to a terminal, the terminal draws a flow chart through a flow chart drawing tool of a webpage version, and the flow chart processing device comprises:

the first display module is used for displaying the business flow chart in the layout area of the flow chart editing page;

the attribute determining module is used for responding to the interactive operation of a target element in the business flow diagram and determining the element attribute of the target element, wherein the element attribute comprises an attribute name and an attribute value corresponding to the attribute name;

the service determining module is used for determining service content corresponding to the target element according to the element attribute of the target element, wherein the service content comprises a service attribute name and a service attribute value corresponding to the service attribute name;

and the second display module is used for displaying the business content corresponding to the target element in the flowchart editing page.

14. An electronic device, comprising: at least one processor and memory;

the memory stores computer-executable instructions;

execution of the computer-executable instructions stored by the memory by the at least one processor causes the at least one processor to perform the flowchart processing method of any one of claims 1-12.

15. A computer-readable storage medium having stored thereon computer-executable instructions for implementing the flowchart processing method of any one of claims 1-12 when executed by a processor.

16. A computer program product, characterized in that it comprises a computer program which, when being executed by a processor, carries out the method of flowchart processing of any one of claims 1-12.