[发明专利]一种Web框架下的业务流程图展示方法及系统

权利要求书

1.一种Web框架下的业务流程图展示方法，其特征在于，该方法是通过服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程节点实体类对象转换成JSON格式的业务流程节点JSON对象并传递到前台，前台解析业务流程节点JSON对象，通过MxGraph和SVG绘制出业务流程图。

2.根据权利要求1所述的Web框架下的业务流程图展示方法，其特征在于，该方法具体包括如下步骤：

(1)、服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程实体类对象的每个环节对应到每个节点类上；

(2)、服务器端根据业务流程实体类对象的节点组织出了一个包含所有流程环节的节点对象数组，并将节点对象数组转化为JSON格式字符串，即业务流程节点JSON对象；

(3)、服务器端将业务流程节点JSON对象传递到前台脚本创建合并模块；

(4)、前台脚本创建合并模块接收到业务流程节点JSON对象，根据业务流程节点JSON对象创建样式对象；

(5)、前台脚本创建合并模块将业务流程节点JSON对象和样式对象进行合并，作为参数传递给前台脚本绘制模块；

(6)、前台脚本绘制模块将传入的合并对象参数利用业务流程解析器解析出对应的节点对象和样式对象；

(7)、前台脚本绘制模块通过MxGraph先加载样式对象，再根据节点对象的信息在页面上绘制每个节点，节点绘制完成后再根据节点信息绘制每个节点之间的连线，形成业务流程图。

3.根据权利要求2所述的Web框架下的业务流程图展示方法，其特征在于，所述步骤(7)中前台脚本绘制模块绘制业务流程图的步骤如下：

(a)、绘制节点样式：分别绘制已办节点、当前在办节点、未办节点的展示样式；

(b)、绘制各流程节点：根据节点样式绘制各流程节点；

(c)、绘制节点连线：绘制连接各节点的连接线，将各节点连接起来；

(d)、绑定节点事件：在需要进行事件交互的节点上绑定事件处理。

4.根据权利要求2或3所述的Web框架下的业务流程图展示方法，其特征在于，所述节点类的属性包括每个环节的办理人、时间以及是否办理。

5.根据权利要求4所述的Web框架下的业务流程图展示方法，其特征在于，所述业务流程节点实体类对象用于服务器端描述业务流程节点的数据载体。

6.根据权利要求5所述的Web框架下的业务流程图展示方法，其特征在于，所述业务流程节点实体类对象的属性和业务流程节点JSON对象的属性均包括当前节点、下个节点、节点处理人、节点处理日期、节点显示名称以及节点ID。

7.根据权利要求6所述的Web框架下的业务流程图展示方法，其特征在于，所述业务流程节点JSON对象用于供前台解析绘制业务流程图的数据载体。

8.根据权利要求7所述的Web框架下的业务流程图展示方法，其特征在于，所述步骤(4)中样式对象的属性包括节点图形展示样式、节点颜色、连线宽度、连线颜色以及连线样式。

9.一种Web框架下的业务流程图展示系统，其特征在于，该系统包括服务器端和前台，服务器端向前台传输业务流程节点JSON对象；

服务器端用于获取业务流程数据形成业务流程节点实体类对象，根据业务流程实体类对象的节点组织出了一个包含所有流程环节的节点对象数组，并将节点对象数组转化为JSON格式字符串，再将业务流程节点JSON对象传递到前台；

前台包括前台脚本创建合并模块、前台脚本绘制模块和业务流程解析器；

前台脚本创建合并模块用于接收服务器端传递的业务流程节点JSON对象，并根据业务流程节点JSON对象创建样式对象，再将业务流程节点JSON对象和样式对象进行合并，作为参数传递给前台脚本绘制模块；

前台脚本绘制模块用于根据节点对象的信息在页面上绘制每个节点，节点绘制完成后再根据节点信息绘制每个节点之间的连线，形成业务流程图；

业务流程解析器用于解析前台脚本创建合并模块传递给前台脚本绘制模块的业务流程节点JSON对象和样式对象进行合并后的参数，解析出对应的节点对象和样式对象。