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

说明书

本发明公开了一种Web框架下的业务流程图展示方法及系统，属于企业软件管理，本发明要解决的技术问题为如何能够直观的了解业务办理流程以及业务所处环节，提高工作效率，降低沟通成本，采用的技术方案为：一种Web框架下的业务流程图展示方法，该方法是通过服务器端获取业务流程数据形成业务流程节点实体类对象，将业务流程节点实体类对象转换成JSON格式的业务流程节点JSON对象并传递到前台，前台解析业务流程节点JSON对象，通过MxGraph和SVG绘制出业务流程图。本发明还公开了一种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)中前台脚本绘制模块绘制业务流程图的步骤如下：