[发明专利]一种web端流程图建模方法、设备和系统

说明书

本发明提供一种web端流程图建模方法、设备和系统，该方法包括：加载资源文件，进行界面的初始化；向工作流引擎发送第一请求，以获取流程图内容、以及扩展属性所有实现类对应的数据字典；接收工作流引擎返回的流程图内容、以及扩展属性所有实现类对应的数据字典，将接收到的流程图内容解析成可视化的图形展示在画布区域，将属于同一属性扩展接口的实现类组成的数据字典合并到value字段，通过value字段展示到属性下拉框中；响应于用户对流程图的编辑操作，在流程图建模界面的属性下拉框确定用户选取的配置项；请求工作流引擎保存和启用修改后的流程图内容。本发明通过扩展接口实现属性配置更加灵活方便。

技术领域

本发明涉及互联网技术和金融科技领域，具体涉及一种web端流程图建模方法、设备和系统。

背景技术

工作流的概念起源于生产组织和办公自动化领域，主要是针对日常生活中具有固定程序的活动而提出的一个概念，目的是通过将工作分解成一系列定义良好的任务，按照一定的规则和过程来执行任务，并对其实行监控，从而提高生产效率，降低生产成本，提高企业生产经营管理水平和企业竞争力。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

市面上通用的开源流程图建模工具有使用场景的缺陷，大多是以开发工具的方式提供给客户，技术属性较强，业务人员无法实时调整。

发明内容

有鉴于此，本发明实施例的目的在于提供一种web端流程图建模方法、设备和系统，以解决现有的开源流程图建模工具有使用场景的缺陷，技术属性较强，业务人员无法实时调整的问题。

为达上述目的，第一方面，本发明实施例提供了一种web端流程图建模方法，其包括：

加载资源文件，进行流程图建模界面的初始化；

向工作流引擎发送第一请求，以获取流程图内容、以及扩展属性所有实现类对应的数据字典；

接收所述工作流引擎返回的流程图内容、以及扩展属性所有实现类对应的数据字典，将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域，将属于同一扩展接口的实现类组成的数据字典合并到与所述扩展接口相对应的扩展属性的value字段，通过所述value字段展示到属性下拉框中，在所述属性下拉框中展示数据字典中的所有实现类的配置项；

响应于用户对流程图的编辑操作，对流程图内容进行修改；

向所述工作流引擎发送第二请求，以请求所述工作流引擎保存经过编辑操作和/或配置操作修改后的流程图内容，并且启用修改后的流程图内容。

在一些可能的实施方式中，所述的加载资源文件，进行流程图建模界面的初始化，具体可以包括：

加载VUE资源文件和mxGraph资源文件，初始化流程图建模界面中的交互组件和/或布局样式；以及，

获取预设的属性资源文件，将所述预设的属性资源文件绑定可视化组件，进行属性列表的初始化；

所述的将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域，具体包括：

通过所述mxGraph资源文件的功能API，将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域。

在一些可能的实施方式中所述的响应于用户对流程图的编辑操作，对流程图内容进行修改，具体可以包括如下中的任意一种或任意多种：

响应于对节点列表中被选中节点的点击或拖拽操作，将所述节点移动到画布区域中；

响应于对第一节点的点击操作以及拖拽操作，将第一节点与第二节点进行连接；

响应于对属性列表的编辑操作，获取用户在属性输入框编辑输入的内容；