[发明专利]一种基于HTML5的流程定义方法及系统

权利要求书

1.一种基于HTML5的流程定义方法，其特征在于，包括：

基于HTML5，创建画布；

接收流程节点图标的鼠标拖拽信号，触发所述流程节点图标的鼠标拖拽事件；

在所述画布上，利用与所述鼠标拖拽事件相对应的所述流程节点图标构建流程结构图；

接收所述流程节点图标的鼠标点击信号，触发所述流程节点图标的鼠标点击事件，并获取所述鼠标点击事件对应的流程节点图标的预定义配置数据；

获取对所述预定义配置数据进行渲染的流程数据，并将所述流程数据和所述流程结构图整合生成为流程图；

在同一所述画布上定义不同的功能区域，所述功能区包括：流程定义区域、预定义配置区域和流程图编辑区域；

设置流程角色选择器，在创建流程图的过程中，用于设置在整个流程周期内，各个不同流程节点参与人员的角色权限。

2.根据权利要求1所述的基于HTML5的流程定义方法，其特征在于，在所述画布上，所述流程节点图标用于定义各流程节点，每个所述流程节点图标与每个所述流程节点相对应。

3.根据权利要求2所述的基于HTML5的流程定义方法，其特征在于，利用Javascript脚本定义所述流程节点图标的鼠标拖拽事件和鼠标点击事件；每个所述鼠标点击事件与每个所述预定义配置数据相对应。

4.根据权利要求3所述的基于HTML5的流程定义方法，其特征在于，所述根据所述鼠标拖拽事件，将对应的所述流程节点图标构建成流程结构图，包括：

根据所述鼠标拖拽事件在画布上绘制被拖拽的所述流程节点图标；

根据所述流程节点之间的连接关系绘制所有所述流程节点图标之间的连接线，获得所述流程结构图。

5.根据权利要求1所述的基于HTML5的流程定义方法，其特征在于，所述将所述流程数据和所述流程结构图整合生成为流程图，包括：

将所述流程数据和所述流程结构图的数据整合为Json数据；

对所述Json数据进行解析后，获取所述流程图。

6.根据权利要求5所述的基于HTML5 的流程定义方法，其特征在于，将所述流程数据和所述流程结构图的数据整合为Json数据之前，还包括：

若判断获知所述流程数据无效，则在所述画布上显示相应的提示信息。

7.根据权利要求5所述的基于HTML5的流程定义方法，其特征在于，在对所述Json数据进行解析之前，还包括：

若判断获知所述Json数据无效，则在所述画布上显示相应的提示信息。

8.一种基于HTML5的流程定义系统，其特征在于，包括：

第一处理模块，所述第一处理模块用于基于HTML5，创建画布；

第二处理模块，所述第二处理模块用于接收流程节点图标的鼠标拖拽信号，获取所述流程节点图标的鼠标拖拽事件；

第三处理模块，所述第三处理模块用于在所述画布上，利用与所述鼠标拖拽事件相对应的所述流程节点图标构建成流程结构图；

第四处理模块，所述第四处理模块用于接收所述流程节点图标的鼠标点击信号，获取对应的流程节点图标的预定义配置数据；

第五处理模块，所述五处理模块用于获取对所述预定义配置数据进行渲染的流程数据；并将所述流程数据和所述流程结构图整合生成为流程图；

其中，所述流程定义系统在同一所述画布上定义不同的功能区域，所述功能区包括：流程定义区域、预定义配置区域和流程图编辑区域；

还包括：流程角色选择器，所述流程角色选择器，用于在创建流程图的过程中，设置在整个流程周期内，各个不同流程节点参与人员的角色权限。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述基于HTML5的流程定义方法的步骤。

10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1至7任一项所述基于HTML5的流程定义方法的步骤。