HTML5-based process definition method and system

Abstract

The embodiment of the invention provides an HTML5-based process definition method and system. The HTML5-based process definition method comprises the steps: creating a canvas based on HTML5; receivinga mouse dragging signal of a process node icon, and triggering a mouse dragging event of the process node icon; constructing a process structure chart by utilizing the process node icon correspondingto the mouse dragging event; receiving a mouse click signal of the process node icon, triggering the mouse click event of the process node icon, and obtaining predefined configuration data of the process node icon corresponding to the mouse click event; and obtaining process data for rendering the predefined configuration data, and integrating the process data and the process structure chart to generate a process chart. According to the technical scheme provided by the embodiment of the invention, the invention provides a method and system for completing process definition by visually dragging and selecting the configuration item.

Description

technical field [0001] The present invention relates to the field of computer technology, and more specifically, to an HTML5-based process definition method and system. Background technique [0002] With the development of mechanized production and the expansion of enterprise scale, a reasonable division of labor within the enterprise can improve the efficiency of the enterprise. With the popularization of computers, computer-based process management has become a hot spot in academic research in the management field. The basis of computer-based process management is to use a reasonable and scientific process engine; and the key part of a process engine is the definition of the process, which determines whether the process management can be carried out smoothly. [0003] At present, the process definitions of most process engines provide a process designer, and users use the process designer to define processes through databases or XML files. However, there are many defects ...

AI Technical Summary

Problems solved by technology

However, there are many defects in the above-mentioned definition method: first, the requirements for configuration personnel are high, and it is necessary to professionally learn the programming language of database and XML files; second, the learning cost of various definition specifications is very high, and it is difficult to promote in large quantities; third, , in the process of process definition, it is necessary to memorize and transform the names of various nodes, the relationship between nodes, and understand the meaning and effective range of variables, events, classes, etc.

Images