[发明专利]流程图生成方法、装置、设备及计算机存储介质

说明书

本发明涉及金融科技(Fintech)技术领域，并公开了一种流程图生成方法，该方法包括：在浏览器中获取输入的配置参数，基于所述配置参数计算当前画布中所有节点之间连接线的数据集合，并对所述数据集合进行缓存，以获取缓存数据；基于所述缓存数据在所述当前画布上进行绘制，以获取初始流程图；接收用户输入的操作指令，基于所述操作指令对所述缓存数据进行更新，以获取更新后的缓存数据；获取所述当前画布对应的绘制频率，并基于所述更新后的缓存数据和所述绘制频率对所述初始流程图进行修改，以获取目标流程图。本发明还公开了一种流程图生成装置、设备和一种计算机存储介质。本发明提高了浏览器绘制流程图的效率。

技术领域

本发明涉及金融科技(Fintech)技术领域，尤其涉及流程图生成方法、装置、设备及计算机存储介质。

背景技术

随着计算机技术的发展，越来越多的技术(大数据、分布式、区块链Blockchain、人工智能等)应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性、实时性要求，也对技术提出了更高的要求。例如，在金融行业中，由于用户需求经常需要进行流程图绘制，但现有的流程图绘制方案存在各种缺陷，如通过SVG(Scalable Vector Graphics，可缩放矢量图)绘制连接线的方式进行绘制流程图，但是在复杂数据结构情况下需要大量操作DOM(文档对象模型)元素，每个对象的属性值更改时都要进行更新，这样当绘制数据变化较大或者对实时性要求较高时，就会出现卡顿现象，从而影响到绘制流程图的效率，因此，如何提高浏览器绘制流程图的效率成为了目前亟待解决的技术问题。

发明内容

本发明的主要目的在于提出一种流程图生成方法、装置、设备及计算机存储介质，旨在提高浏览器绘制流程图的效率。

为实现上述目的，本发明提供一种流程图生成方法，所述流程图生成方法包括如下步骤：

在浏览器中获取输入的配置参数，基于所述配置参数计算当前画布中所有节点之间连接线的数据集合，并对所述数据集合进行缓存，以获取缓存数据；

基于所述缓存数据在所述当前画布上进行绘制，以获取初始流程图；

接收用户输入的操作指令，基于所述操作指令对所述缓存数据进行更新，以获取更新后的缓存数据；

获取所述当前画布对应的绘制频率，并基于所述更新后的缓存数据和所述绘制频率对所述初始流程图进行修改，以获取目标流程图。

可选地，所述基于所述配置参数计算当前画布中所有节点之间连接线的数据集合的步骤，包括：

获取当前画布中所有节点之间连接线形成的各边数据，并根据所述配置参数依次对各所述边数据进行配置，基于所述配置结果创建集合对象，并将所述集合对象作为所述数据集合。

可选地，所述获取当前画布中所有节点之间连接线形成的多个边数据的步骤，包括：

在当前画布中获取各所述节点对应的节点坐标，基于各所述节点坐标确定多个直线路径，并依次检测各所述直线路径中的节点坐标的数量是否大于预设数量；

若在各所述直线路径中不存在节点坐标的数量大于预设数量的目标直线路径，则将各所述直线路径作为边数据。

可选地，所述基于各所述节点坐标确定多个直线路径的步骤，包括：

基于所述配置参数在各所述节点坐标中确定多个开始节点坐标，和各所述开始节点坐标对应的结束节点坐标；

根据各所述开始节点坐标和各所述结束节点坐标确定多个直线路径。

可选地，所述依次检测各所述直线路径中的节点坐标的数量是否大于预设数量的步骤之后，包括：