WO2017076259A1

WO2017076259A1 - Process design method, client, and server side device and system

Info

Publication number: WO2017076259A1
Application number: PCT/CN2016/104066
Authority: WO
Inventors: 卓浩
Original assignee: 中兴通讯股份有限公司
Priority date: 2015-11-05
Filing date: 2016-10-31
Publication date: 2017-05-11
Also published as: CN106686023A

Abstract

The present invention provides a process design method, a client, and a server side device and system. The process design method comprises: load a plug-in on a browser, and define process graphic elements, the plug-in being a control used for performing functional calling and managing on the process graphic elements; call the process graphic elements on the browser by using the plug-in according to preset rules, and draw and generate process graphic information; after that, send the process graphic information to a server side device by means of the browser; the server side device receives and parses the process graphic information that is sent by the client by means of the browser, and then calls a workflow engine process management interface; and the workflow engine process management interface converts the process graphic information into process information, and stores same in a database. The present invention adopts a browse/server mode to carry out process design, thus lowering development cost, saving working time and improving working efficiency.

Description

Process design method, client, server side device and system

Technical field

The present invention relates to the field of communications, and in particular, to a process design method, a client, a server side device, and a system.

Background technique

With the deepening of business informationization, the process becomes more and more complicated. Therefore, how to design the flow chart shape efficiently is more easily understood and accepted by users is an important issue. The existing process design methods are mostly based on the client/server model. The client/server model is used to design the process, and the client needs to install the dedicated client software. This involves the problem of a particularly large installation workload, followed by Any computer with problems, such as viruses and hardware damage, needs to be installed or maintained. When the system software is upgraded, each computer needs to be reinstalled. The maintenance and upgrade costs are also very high; the client/server mode only Applicable to local area networks, and with the rapid development of the Internet, mobile office and distributed office are becoming more and more popular, and the client/server model cannot meet the requirements of the Internet.

Summary of the invention

The main technical problem to be solved by the embodiments of the present invention is to provide a process design method, a client, a server side device and a system, which solves the complicated process design in the prior art, requires a local area network and a dedicated client to implement process design and development. The problem of high cost.

To solve the above technical problem, an embodiment of the present invention provides a process design method, including: the following steps: loading a plug-in on a browser, and defining a flowchart-shaped element; the plug-in is used to perform functions on the flowchart-shaped element Controlling and managing the control; calling the flowchart element on the browser by the plugin according to a preset rule, drawing and generating flowchart shape information; sending the flowchart shape information to the server through the browser Side device.

In an embodiment of the present invention, the defining a flowchart element includes: a definition process element and a process element tool, the process element tool is configured to establish a logical relationship between the process elements; The rule invokes the flowchart element on the browser by the plugin, and the drawing and generating the flowchart information includes: calling the process element and the process on the browser by using the plugin according to a preset rule. And the element tool, and logically connecting the process element by the process element tool according to the rule to complete the flow chart-shaped drawing, and setting the process element and the attribute information of the process element tool to generate the flowchart shape information.

In an embodiment of the present invention, before the step-chart element is invoked on the browser by the plug-in according to a preset rule, and the flowchart-shaped information is drawn and generated, the method further includes: browsing a toolbox area and a design area are set on the interface of the device; the toolbox area is used to place the process element and the process element tool; the design area is used to display drawing information of the flowchart form and the flowchart form information.

In an embodiment of the present invention, the method further includes: transmitting, by the browser, a display command of the flowchart-shaped information to the server-side device; the browser receiving the sent from the server-side device The flow chart shape information is information obtained by the server side device converting the corresponding flow information according to the display command; and the flow chart shape information is displayed in the design area of the browser.

In an embodiment of the present invention, before the sending the flowchart shape information to the server side device by using the browser, the method further includes: performing flow verification on the flowchart shape information on a browser.

In an embodiment of the present invention, the sending, by the browser, the information to the server side device by the browser includes: sending, by the browser, the generated flowchart shape information by using a hypertext transfer protocol Give the server side device.

To solve the above technical problem, an embodiment of the present invention further provides a process design method, including the steps of: receiving and parsing flowchart shape information sent by a client through a browser; calling a workflow engine, and using the workflow engine The flow chart information is converted into process information; the process information is stored in a database.

In an embodiment of the present invention, the method further includes: receiving a command for displaying the flowchart shape information sent by the browser on the client; calling the workflow engine, and passing the workflow The engine converts the corresponding process information into the flowchart shape information; and sends the flowchart shape information to the browser on the client.

To solve the above technical problem, an embodiment of the present invention further provides a client, including a load definition module, a flowchart shape information generation module, and a first sending module. The load definition module is configured to load a plug-in on a browser, and define a process. a graphic element; the plug-in is a control for functionally calling and managing the flowchart-shaped element; the flowchart-shaped information generating module is configured to call the browser on the browser according to a preset rule a flowchart-shaped element, drawing and generating flowchart-shaped information; the first sending module is configured to send the flowchart-shaped information to the server-side device through the browser.

In an embodiment of the present invention, the load definition module includes a process element definition submodule and a process element tool definition submodule, and the process element definition submodule is set to define a process element; the process element tool definition submodule Set to define a process element tool; the process element tool is used to establish a logical relationship between the process elements; the flowchart shape information generation module includes a flowchart shape drawing sub-module and an attribute information setting sub-module; The sub-module is configured to invoke the process element and the process element tool on the browser by the plug-in according to a preset rule, and logically connect the process element through the process element tool according to the rule to draw a flow chart shape The attribute information setting submodule is configured to set attribute information of the process element and attribute information of the process element tool.

In an embodiment of the present invention, the method further includes an area setting module, where the area setting module is configured to set a toolbox area and a design area on the interface of the browser; the toolbox area is used to place the process An element and the process element tool; the design area is for displaying drawing information of the flowchart form and the flowchart shape information.

In an embodiment of the present invention, the method further includes a second sending module, a first receiving module, and a display module, where the second sending module is configured to send the flowchart information to the server side device by using the browser Display command; the first receiving module is configured to receive from the service The flowchart-shaped information sent by the server-side device, the flowchart-shaped information is information obtained by the server-side device converting the corresponding flow information according to the display command; the display module is set to be in the browser The design area displays the flowchart shape information.

In an embodiment of the present invention, the method further includes a process verification module, where the flow verification module is configured to perform flow verification on the flowchart shape information on the browser.

To solve the above technical problem, the embodiment of the present invention further provides a server side device, including a receiving parsing module, a first processing module, and a storage module. The receiving parsing module is configured to receive and parse a flowchart sent by the client through the browser. Information; the first processing module is configured to invoke a workflow engine, and convert the flowchart shape information into process information by the workflow engine; the storage module is configured to store the process information in a database.

In an embodiment of the present invention, the method further includes: a second receiving module, a second processing module, and a third sending module; the second receiving module is configured to receive a message sent from the browser on the client a command for displaying the flow chart information; the second processing module is configured to invoke the workflow engine, and convert the corresponding process information into the flow chart shape information by the workflow engine; The sending module is configured to send the flowchart shape information to the browser on the client.

In order to solve the above technical problem, an embodiment of the present invention further provides a system including the client as described above and the server side device as described above.

In the embodiment of the present invention, a computer storage medium is further provided, and the computer storage medium may store an execution instruction for executing the implementation of the flow design method in the foregoing embodiment.

The beneficial effects of the embodiments of the present invention are:

The embodiment of the present invention provides a process design method, a client, a server side device, and a system. The server side device converts the flowchart shape information by generating flowchart shape information on the browser and then transmitting the flowchart shape information to the server side device. For process information and process information stored in a database, the present invention adopts a browser/server mode for process design, which reduces development costs, saves work time, and improves work efficiency.

DRAWINGS

1 is a flowchart of a process design method according to Embodiment 1 of the present invention;

2 is a flowchart of a process design method according to Embodiment 2 of the present invention;

3 is a schematic structural diagram of a client according to Embodiment 3 of the present invention;

4 is a schematic structural diagram of a server side device according to Embodiment 4 of the present invention;

FIG. 5 is a schematic structural diagram of a system according to Embodiment 5 of the present invention.

detailed description

The present invention will be further described in detail below with reference to the accompanying drawings.

Embodiment 1

As shown in FIG. 1 , an embodiment of the present invention provides a process design method on a client side. The process design method in this embodiment is based on a process design of an Information Technology Infrastructure Library (ITIL). The method includes the following steps:

S101: loading a plug-in on a browser and defining a flowchart element; the plug-in is a control for functionally calling and managing the flowchart element;

S102: Calling a flowchart element on the browser according to a preset rule, and drawing and generating flowchart shape information;

S103: Send the flowchart type information to the server side device through the browser.

The scheme of the embodiment implements the display on the browser through the HyperText Markup Language (hereinafter referred to as HTML); through the Java scripting language (hereinafter referred to as JavaScript) and the Document Object Model (hereinafter referred to as Document Object Model). DOM) analysis implements dynamic modification of flow chart information and editing of process element attributes in flowchart shape information, including but not limited to nodes, emails, text messages, Event source; realizes browser and server interaction through Asynchronous Javascript and XML (Ajax); Raphael (Raphael is a Javascript library for drawing vector graphics in web pages) Graphical operations such as drawing lines, drawing boxes, dragging, etc.

Since the tool needs to be used to draw the flowchart shape on the browser, the plug-in is loaded in the browser in advance, and the flowchart-shaped element is defined, and the flowchart-shaped element is called through the plug-in to perform the flow chart-shaped drawing, and the plug-in includes HTML, JavaScript, DOM, Ajax, Raphael, etc.; define process elements (such as nodes, mail, SMS, event sources, etc.) and process element tools (such as lines, polylines, etc.) on the browser, and process element tools are used to establish logical relationships between process elements; It is also possible to extend the process element tool, such as a two-way arrow connection line, to facilitate the flow and retraction of the flow chart shape; when drawing the flow chart shape, the method of dragging, pulling, clicking, and squatting is adopted, and the nodes and connecting lines can be freely dragged, which is convenient to use. In this embodiment, a node extension and a connection extension are also provided, which provides a function extension for facilitating secondary development; and the flow chart-shaped element is expanded to enhance the flow chart-shaped drawing function.

In the foregoing S102, the preset rule can complete the configuration of the role corresponding to the process element, the configuration of the process element, and the attribute information of the process element tool, and call the process element and the process element tool on the browser through the plug-in according to the preset rule. According to the preset rules, the process element is logically connected to the process element to complete the flow chart drawing, and the attribute information of the process element tool is set, for example, the type of the connection line is a straight line or a broken line, and the connection line is set in the flow chart information. The attribute information such as the coordinate position, and set the attribute information of the process element, for example, setting the coordinate position of the process element in the flow chart information, setting the type of the process element, such as node, mail, short message, event source, etc., setting the process element Corresponding to the role, the problem of setting the process element and the attribute information in the knowledge base are related to the attribute information, so as to obtain the flow chart shape information, the obtained flow chart shape information includes the main flow chart shape, or the main flow chart shape is obtained. At least one process in the main flow chart The sub-flowchart shape of the element connection. The relationship between the main process and the sub-process is synchronous and asynchronous. Synchronization means that the main process can continue the process after the sub-process ends. Asynchronous means that the sub-process and the main process flow independently and do not affect each other. This embodiment provides a flexible sub-process mechanism, which facilitates the mutual conversion between processes and satisfies the event tube of ITIL. Management, problem management, change management, release management, and configuration management; it also provides a mechanism for troubleshooting problem elements in the knowledge base and answering difficult questions in the knowledge base, solving the problem of requiring manual services in the past, saving time and increasing User satisfaction. The flowchart in this embodiment is completely customized, and the process elements are flexible and configurable.

The solution of this embodiment is to generate flowchart shape information on the browser, so it is necessary to set a toolbox area and a design area on the interface of the browser before S102, and the toolbox area is used to place process elements (such as nodes, mails, and text messages). , event source, etc.) and process element tools (such as lines, polylines, etc.); design area is used to display the flow chart shape drawing information and flow chart shape information; you can also set the list area on the browser interface, the list area is used to display all The list of the version of the process, click on the name of the process in the list to display the details of the flow chart information in the design area, the flow control can be controlled in the list area, the setting process is enabled or disabled, the locking process or the unlocking process, You can also delete the process in the list area and delete all the data of the process under this version.

When the user wants to view the flowchart-shaped information, the display command of the flowchart-shaped information can be sent to the server-side device through the browser; then the browser receives the flowchart-shaped information sent from the server-side device, and the flowchart-shaped information is displayed on the server-side device according to the display. The command converts the corresponding information of the process information; and then displays the flow chart information in the design area of the browser to realize the visualization of the process and facilitate the user to view.

Since it is not determined whether the generated flowchart shape information is incorrect, before the flowchart type information is sent to the server side device through the browser in the above S103, the flow chart information of the generated flowchart shape is first verified to be reasonable, and the verification includes the following two Verification: Check whether the processing role is the role corresponding to each process element, and the processing role such as customer, service personnel, change manager, service manager, operation and maintenance personnel, etc., each process element in the flow chart information is the processing role Correspondingly, for example, the event node can only be processed by the customer role, the problem node can only be processed by the service personnel, and the change node can only be processed by the change manager; in addition to verifying whether the processing role is the role corresponding to each process element, To verify that the process element conforms to the flow, rule, change, release, and configuration flow rules, the process element flow rule specifies the node's pre-node and post-node, for example, the event node's post-node can only be a problem node, the problem The node's back node can Therefore, the node is changed, but the node cannot be configured; if the above verification is successful, the generated flowchart information is sent to the server side device, and if the verification fails, the prompt information is given; the flowchart information is passed through the browser. Before being sent to the server side device, the role check information and the flow rule check are first performed on the flow chart shape information, thereby ensuring the accuracy of the flow chart shape information, and rationalizing the operation and maintenance process management.

The S103 is specifically configured to send the generated flowchart-shaped information to the server-side device through a hypertext transfer protocol (hereinafter referred to as http) on the browser.

In this embodiment, a template of the flow chart information can be customized in advance, and then the flow chart shape information is automatically generated by triggering the event source such as the public WeChat, the micro module control system, the voice hot line, etc., thereby achieving seamless connection between the event source and the process.

Embodiment 2

2 is a flow chart design method of a server side device according to an embodiment of the present invention. The process design method of the embodiment is a process design method based on ITIL, and includes the following steps:

S201: Receive and parse the flowchart shape information sent by the client through the browser;

S202: Call a workflow engine, and convert the flowchart information into process information by using a workflow engine;

S203: Store the process information in a database.

The data format of the flowchart type information and the process information conversion in S202 can be a JavaScript Object Notation (JSON) format, and JSON is a lightweight data exchange format.

When the user wants to view the flowchart type information, the server side device receives a command for displaying the flowchart type information sent from the browser on the client; then calls the workflow engine, and converts the corresponding process information into a flow through the workflow engine. Graphical information; the flowchart information is sent to the browser on the client, and the flowchart information is displayed on the browser.

Embodiment 3

FIG. 3 is a schematic structural diagram of a client according to the embodiment. Referring to FIG. 3, the client 30 includes: a load definition module 301, a flowchart shape information generation module 302, a first sending module 303, and a load definition module 301. To load a plugin on a browser and define a flowchart element, the plugin is a control for functionally calling and managing the flowchart element; the flowchart shape information generation module 302 is set to pass the plugin in the browser according to a preset rule. The flowchart shape element is called, and the flowchart shape information is drawn and generated; the first sending module 303 is configured to send the flowchart shape information to the server side device through the browser.

The load definition module 301 includes a process element definition sub-module 3011 and a process element tool definition sub-module 3012, and the process element definition sub-module 3011 is configured to define process elements (eg, nodes, mails, short messages, event sources, etc.); the process element tool definition sub-module 3012 is set to define process element tools (such as lines, polylines, etc.); the process element tool is used to establish a logical relationship between process elements; the process element tool can also be extended, such as a two-way arrow connection line, to facilitate the flow chart shape information generation module 302 When the flow chart shape is drawn, the flow chart shape information generating module 302 adopts the methods of dragging, pulling, clicking, and snaking when drawing the flow chart shape, and the node and the connecting line can be freely dragged, which is convenient to use; the node is also provided in this embodiment. Expansion and connection expansion provide function expansion for convenient secondary development; expanding the flow chart shape element enhances the flow chart shape information generation module 302 to draw the flow chart shape function.

The flowchart-shaped information generating module 302 includes a flowchart-shaped drawing sub-module 3021 and an attribute information setting sub-module 3022. The flowchart-shaped drawing sub-module 3021 is configured to invoke the process element and the process element tool on the browser through the plug-in according to a preset rule, and follow The preset rule draws the flow chart shape by the process element tool logic connection process element; the attribute information setting sub-module 3022 is set to set the attribute information of the process element, for example, setting the coordinate position of the process element in the flowchart shape information, and setting the type of the process element For example, nodes, emails, short messages, event sources, etc., set the corresponding roles of the process elements, and set the troubles of the process elements to be associated with the answers to the difficult questions in the knowledge base; the attribute information setting sub-module 3022 is also set to set the process elements. Work Attribute information, such as setting the type of the process element tool, for example, setting the line to be a straight line or a polyline, setting the coordinate position of the line in the flowchart information, and so on.

The flowchart shape information generated by the flowchart shape information generating module 302 includes a main flowchart shape generated, or a sub-flowchart shape in which the main flowchart shape is connected to at least one flow element in the main flowchart shape. The relationship between the main process and the sub-process is synchronous and asynchronous. Synchronization means that the main process can continue the process after the sub-process ends. Asynchronous means that the sub-process and the main process flow independently and do not affect each other. This embodiment provides a flexible sub-process mechanism, which facilitates the mutual conversion between processes, meets ITIL event management, problem management, change management, release management, and configuration management; and provides troublesome problems in the process elements and knowledge base. The mechanism associated with the answer to difficult questions solves the problem of requiring manual services in the past, saving time and increasing user satisfaction. The flowchart in this embodiment is completely customized, and the process elements are flexible and configurable.

The client 30 further includes: a locale setting module 304 configured to set a toolbox area, a design area, and a list area on the interface of the browser; the toolbox area is used to place process elements (eg, nodes, mail, text messages, Event source, etc.) and process element tools (such as lines, polylines, etc.); design area is used to display the flow chart shape drawing information and flow chart shape information; list area is used to display a list of all versions of the process, click on the process name in the list In the design area, the detailed content of the flow chart information is displayed. In the list area, the flow can be controlled, the setting process is enabled or disabled, the process is locked or unlocked, and the process can be deleted in the list area, and the version is deleted. All the data of the process below.

The client 30 further includes a second sending module 305, a first receiving module 306, and a display module 307. The second sending module 305 is configured to send a display command of the flowchart type information to the server side device through the browser. The first receiving module 306 is configured to Receiving flow chart-shaped information sent from the server-side device, the flowchart-shaped information is information obtained by the server-side device converting the corresponding flow information according to the display command; the display module 307 is configured to display the flowchart-shaped information in the design area on the browser To visualize the design process and facilitate user viewing.

Since it is not determined whether the flowchart type information generated by the flowchart type information generating module 302 is incorrect, the client 30 further includes a flow checking module 308, and the flow checking module 308 is set to Before the first sending module 303 sends the flowchart-shaped information generated on the flowchart-shaped information generating module 302 to the server-side device, first, the generated flow chart-shaped information is subjected to a reasonable process check; the flow check module 308 includes a role calibration. The verification sub-module 3081 and the flow rule verification sub-module 3082; the role verification sub-module 3081 is configured to verify whether the processing role is a role corresponding to each process element, and the processing role such as a customer, a service personnel, a change manager, a service manager, and a transport For the personnel, etc., each process element in the flow chart information corresponds to the processing role. For example, the event node can only be processed by the customer role, the problem node can only be processed by the service personnel, and the change node can only be processed by the change manager; The flow rule verification sub-module 3082 is configured to check whether the process element conforms to an event, a problem, a change, a release, and a configured flow rule. The process element flow rule defines a node's pre-node and a post-node, such as a post-event node. A node can only be a problem node, and a post node of a problem node can be a change node. However, the node cannot be configured; if the role verification sub-module 3081 and the flow rule verification sub-module 3082 are successfully verified, the generated flowchart-shaped information is sent to the server-side device, and if the verification fails, a prompt is given. The information is first sent to the server-side device by the first sending module 303 before the flow-form information generated by the flowchart-shaped information generating module 3022, and then the flow-form information is first performed by using the role check sub-module 3081 and the flow rule check sub-module 3082. Character verification and flow rule verification, which ensures the correctness of the flow chart information and rationalizes the operation and maintenance process management.

The first sending module 303 is specifically configured to send the generated flowchart shape information to the server side device through the http protocol on the browser.

In this embodiment, a template of the flowchart type information may be customized in advance, and the flowchart shape information generating module 302 is connected to the event source through an interface, and then automatically generated by triggering of an event source such as a public WeChat, a micromodule control system, and a voice hotline. Flowchart-shaped information to achieve seamless integration of event sources and processes.

Embodiment 4

FIG. 4 is a schematic structural diagram of a server-side device according to an embodiment of the present invention. Referring to FIG. 4, the server-side device 40 includes: a receiving parsing module 401, a first processing module 402, and a storage module. Block 403; the receiving parsing module 401 is configured to receive and parse the flowchart shape information sent by the client through the browser; the first processing module 402 is configured to invoke the workflow engine, and convert the flowchart shape information into the flow information through the workflow engine; Module 403 is arranged to store process information in a database.

The server-side device 40 further includes a second receiving module 404, a second processing module 405, and a third sending module 406. The second receiving module 404 is configured to receive a command for displaying the flowchart-shaped information sent from a browser on the client. The second processing module 405 is configured to invoke the workflow engine and convert the corresponding process information into flowchart shape information through the workflow engine; the third sending module 406 is configured to send the flowchart shape information to the browser on the client.

The conversion module 402 converts the flowchart format information and the flow information into a JSON format, and the JSON is a lightweight data exchange format.

Embodiment 5

FIG. 5 is a schematic structural diagram of a system according to the embodiment. Referring to FIG. 5, the system 50 includes the client 30 in the third embodiment and the server side device 40 in the fourth embodiment. In this system, the client 30 can have more than one.

The above is a further detailed description of the present invention in connection with the specific embodiments, and the specific embodiments of the present invention are not limited to the description. It will be apparent to those skilled in the art that the present invention may be made without departing from the spirit and scope of the invention.

Industrial applicability

The foregoing technical solution provided by the embodiment of the present invention can be applied to a process design process, by generating flowchart shape information on a browser, and then transmitting the flowchart shape information to the server side device, and the server side device converts the flowchart shape information into process information. And save the process information into the number According to the database, the invention adopts a browser/server mode for process design, which reduces development cost, saves working time and improves work efficiency.

Claims

A process design method that includes the following steps:

Loading a plugin on a browser and defining a flowchart element; the plugin is a control for functionally calling and managing the flowchart element;

The flowchart element is invoked on the browser by the plug-in according to a preset rule, and the flowchart shape information is drawn and generated;

The flowchart form information is transmitted to the server side device through the browser.
The process design method of claim 1, wherein the defining the flowchart shape element comprises: defining a process element and a process element tool, the process element tool for establishing a logical relationship between the process elements;

The invoking the flowchart-shaped element on the browser by using the plug-in according to a preset rule, and drawing and generating the flowchart-shaped information includes: calling, by the plug-in, the browser on the browser according to a preset rule. a process element and the process element tool, and logically connecting the process element by the process element tool according to the rule to complete the flow chart-shaped drawing, and setting the process element and the attribute information of the process element tool to generate the Flow chart information.
The flow design method according to claim 2, wherein before the step-chart element is invoked on the browser by the plug-in according to a preset rule, and the flowchart-shaped information is drawn and generated, the method further includes: a toolbox area and a design area are set on the interface of the browser; the toolbox area is used to place the process element and the process element tool; and the design area is used to display the drawing information and the description of the flow chart shape The flow chart information.
The flow design method according to claim 3, further comprising: transmitting, by the browser, the display command of the flowchart type information to the server side device; the browser receiving the transmission from the server side device The flowchart shape information, the The flow chart shape information is information obtained by the server side device converting the corresponding flow information according to the display command; and the flow chart shape information is displayed in the design area of the browser.
The flow design method according to any one of claims 1 to 4, further comprising, before the sending the flowchart-shaped information to the server-side device through the browser, the method of the flowchart on the browser The information is verified by the process.
The flow design method according to any one of claims 1 to 4, wherein the transmitting the flowchart type information to the server side device through the browser comprises: the flow to be generated on the browser The graphic information is transmitted to the server side device through a hypertext transfer protocol.
A process design method that includes the following steps:

Receiving and parsing the flowchart shape information sent by the client through the browser;

Calling a workflow engine, and converting the flowchart shape information into process information by using the workflow engine;

The process information is stored in a database.
The flow design method according to claim 7, further comprising: receiving a command for displaying the flowchart type information sent from the browser on the client; calling the workflow engine, and passing the The workflow engine converts the corresponding process information into the flowchart shape information; and sends the flowchart shape information to the browser on the client.
A client, comprising a load definition module, a flow chart shape information generation module, and a first sending module;

The load definition module is configured to load a plugin on a browser and define a flowchart An element; the plugin is a control for functionally calling and managing the flowchart element;

The flowchart-form information generating module is configured to invoke the flowchart-shaped element on the browser by using the plug-in according to a preset rule, and generate and generate flowchart-shaped information;

The first sending module is configured to send the flowchart shape information to the server side device through the browser.
The client of claim 9, wherein the load definition module comprises a process element definition sub-module and a process element tool definition sub-module, the process element definition sub-module being set to define a process element; the process element tool definition The submodule is configured to define a process element tool; the process element tool is used to establish a logical relationship between the process elements;

The flowchart-form information generating module includes a flowchart-shaped drawing sub-module and an attribute information setting sub-module; the flowchart-shaped drawing sub-module is configured to invoke the process element on the browser by using the plug-in according to a preset rule. The process element tool, and according to the rule, logically connecting the process element by a process element tool to draw a flow chart shape; the attribute information setting submodule is set to set attribute information of the process element and the process element tool Attribute information.
A client according to claim 10, further comprising a region setting module configured to set a toolbox area and a design area on an interface of said browser; said toolbox area for placing a place a process element and the process element tool; the design area is used to display drawing information of the flowchart form and the flowchart shape information.
The client according to claim 11, further comprising a second sending module, a first receiving module, and a display module;

The second sending module is configured to send the server side device through the browser Sending a display command of the flowchart type information;

The first receiving module is configured to receive the flowchart shape information sent from the server side device, where the flowchart shape information is information that the server side device converts corresponding flow information according to the display command;

The display module is configured to display the flowchart shape information in the design area of the browser.
The client according to any one of claims 9 to 12, further comprising a process verification module, wherein the flow verification module is configured to perform flow verification on the flowchart shape information on the browser.
A server side device includes a receiving parsing module, a first processing module, and a storage module;

The receiving parsing module is configured to receive and parse the flowchart shape information sent by the client through the browser;

The first processing module is configured to invoke a workflow engine, and convert the flowchart shape information into process information by using the workflow engine;

The storage module is configured to store the process information in a database.
The server side device according to claim 14, further comprising a second receiving module, a second processing module, and a third sending module;

The second receiving module is configured to receive a command for displaying the flowchart shape information sent by the browser on the client;

The second processing module is configured to invoke the workflow engine, and convert the corresponding process information into the flowchart shape information by using the workflow engine;

The third transmitting module is configured to send the flowchart shape information to the browser on the client.
A system comprising the client according to any one of claims 9-13 and the server side device according to claim 14 or 15.