一种Web框架下的业务流程图展示方法及系统与流程

本发明涉及企业管理软件领域，具体地说是一种web框架下的业务流程图展示方法及系统。

背景技术：

在企业信息化应用过程中(如erp系统应用)，各类业务复杂度不同、业务流程管控也不同，有固化的、也有通过功能配置实现业务流程灵活设置的。作为企业信息化软件使用者，在业务办理过程中为提高工作效率、降低沟通成本，急迫需要看到业务单据的整体流转情况，比如：一共有几个环节，当前处于哪个办理环节，已经办理完成的环节办理人是谁等信息，目前很多企业信息化软件是通过表格形式展现的，不够直观、可视化不强。故如何能够直观的了解业务办理流程以及业务所处环节，提高工作效率，降低沟通成本是目前就需解决的技术问题。

专利号为cn107959718a的专利文献公开了一种云计算环境下企业级应用软件的微服务架构，包括面向云应用的微服务组装与管理平台、基于模块技术的快富开发web框架及页面组件库、服务运行平台及调用通讯框架和面向公共业务需求的组件服务集：面向公共业务需求的组件服务集符合osgi规范，可以在面向云应用的微服务组装与管理平台上快速装配、复用；也可以在基于模块技术的快速开发web框架中，通过代码模块直接调用。但是该技术方案不能将业务流程表示出来，使业务流程更加直观、简洁和方便。

技术实现要素：

本发明的技术任务是提供一种web框架下的业务流程图展示方法及系统，来解决如何能够直观的了解业务办理流程以及业务所处环节，提高工作效率，降低沟通成本的问题。

本发明的技术任务是按以下方式实现的，一种web框架下的业务流程图展示方法，该方法是通过服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程节点实体类对象转换成json格式的业务流程节点json对象并传递到前台，前台解析业务流程节点json对象，通过mxgraph和svg绘制出业务流程图，适用于web框架下将各类业务流程通过类似步骤条的方式进行展示、跟踪的场景应用。

作为优选，该方法具体包括如下步骤：

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

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

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

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

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

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

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

更优地，所述步骤(7)中前台脚本绘制模块绘制业务流程图的步骤如下：

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

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

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

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

更优地，所述节点类的属性包括每个环节的办理人、时间以及是否办理。

更优地，所述业务流程节点实体类对象用于服务器端描述业务流程节点的数据载体。

更优地，所述业务流程节点实体类对象的属性和业务流程节点json对象的属性均包括当前节点、下个节点、节点处理人、节点处理日期、节点显示名称以及节点id。

更优地，所述业务流程节点json对象用于供前台解析绘制业务流程图的数据载体。

更优地，所述步骤(4)中样式对象的属性包括节点图形展示样式、节点颜色、连线宽度、连线颜色以及连线样式。

一种web框架下的业务流程图展示系统，该系统包括服务器端和前台，服务器端向前台传输业务流程节点json对象；

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

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

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

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

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

本发明的web框架下的业务流程图展示方法及系统具有以下优点：

(一)、本发明用于将企业管理软件中各类复杂的业务流程，通过步骤条的方式展示出来，使用者可方便、直观得看出当前业务流程共涉及几个环节，当前处于哪个办理环节，已经办理过的环节等信息，提高工作效率、降低沟通成本；

(二)、本发明将业务流程以通用的数据格式表示出来，并在前台绘制流程图展示，更加直观、简洁、方便。

附图说明

下面结合附图对本发明进一步说明。

附图1为web框架下的业务流程图展示方法流程框图；

附图2为web框架下的业务流程图展示系统的结构框图。

具体实施方式

参照说明书附图和具体实施例对本发明的一种web框架下的业务流程图展示方法及系统作以下详细地说明。

实施例1：

如附图1所示，本发明的web框架下的业务流程图展示方法,该方法是通过服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程节点实体类对象转换成json格式的业务流程节点json对象并传递到前台，前台解析业务流程节点json对象，通过mxgraph和svg绘制出业务流程图，适用于web框架下将各类业务流程通过类似步骤条的方式进行展示、跟踪的场景应用。该方法具体包括如下步骤：

(1)、服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程实体类对象的每个环节对应到每个节点类上；其中，节点类的属性包括每个环节的办理人、时间以及是否办理。业务流程节点实体类对象用于服务器端描述业务流程节点的数据载体。

其中，节点对象的部分代码示例如下：

///<summary>业务流程节点实体

24个引用

publicclassbizprocessnodeentity

{

privatestring_nodeid＝string.empty；

privatestring_nextnodeid＝string.empty；

privatestring_nodename＝string.empty；

privatestring_nodedealuser＝string.empty；

privatestring_nodedealdate＝string.empty；

privatestring_ispase＝false；

privatestring_iscurnode＝fasle；

}.

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

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

(4)、前台脚本创建合并模块接收到业务流程节点json对象，根据业务流程节点json对象创建样式对象；其中，样式对象的属性包括节点图形展示样式、节点颜色、连线宽度、连线颜色以及连线样式。业务流程节点json对象用于供前台解析绘制业务流程图的数据载体。业务流程节点实体类对象的属性和业务流程节点json对象的属性均包括当前节点、下个节点、节点处理人、节点处理日期、节点显示名称以及节点id。

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

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

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

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

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

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

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

图形绘制的部分代码示例如下：

实施例2：

如附图2所示，本发明的web框架下的业务流程图展示系统，该系统包括服务器端和前台，服务器端向前台传输业务流程节点json对象；

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

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

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

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

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

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。