CN114218052B - 一种业务交互图生成方法、装置、设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种业务交互图生成方法，该方法包括：若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据；从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面；从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换至第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像；以每一组第一图像中的目标触发事件为连线起点，对应的第二图像为连线终点绘制连接线，得到目标业务交互图。本申请实施例还公开了一种业务交互图生成装置、设备和存储介质。

Description

一种业务交互图生成方法、装置、设备及存储介质

技术领域

本申请涉及全球广域网(World Wide Web，WEB)前端技术领域，尤其涉及一种业务交互图生成方法、装置、设备及存储介质。

背景技术

随着计算机技术的飞速发展，越来越多的技术应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性和实时性要求，也对技术提出了更高的要求。目前针对存量的业务系统输出交互图时，主要是通过开发人员进行手动整理，采用第三方绘制软件进行绘制，得到最终的业务交互图。

但是，一些业务流程复杂且更新迭代速度较快的业务系统在进行更新迭代后，存在业务交互图不能及时更新，使得业务交互图的维护过程较为困难，造成信息不同步的问题。

申请内容

为解决上述技术问题，本申请实施例期望提供一种业务交互图生成方法、装置、设备及存储介质，解决了目前业务交互图不能及时更新的问题，提出了根据实际运行过程快速更新业务交互图的方法，简化了业务交互图的维护过程，保证了信息的同步性。

本申请的技术方案是这样实现的：

第一方面，一种业务交互图生成方法，所述方法包括：

若检测到目标控制指令，响应所述目标控制指令，获取预设时间段内的待分析数据；其中，所述目标控制指令用于指示生成待分析业务系统在所述预设时间段内的目标业务交互图；

从所述待分析数据中，确定所述待分析业务系统中的第一页面，以及第二页面，得到至少一组所述第一页面和对应的所述第二页面；其中，所述第二页面是对所述第一页面进行操作后切换至的页面；

从至少一组所述第一页面和对应的所述第二页面中，确定具有用于触发从所述第一页面切换至所述第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；

绘制每一组所述第一目标页面对应的第一图像和所述第二目标页面对应的第二图像；

以每一组所述第一图像中的所述目标触发事件为连线起点，对应的所述第二图像为连线终点绘制连接线，得到所述目标业务交互图；其中，所述连接线用于将每一组所述第一图像和对应的所述第二图像连接起来。

第二方面，一种业务交互图生成装置，所述装置包括：获取单元、确定单元、第一绘制单元和第二绘制单元；其中：

所述获取单元，用于若检测到目标控制指令，响应所述目标控制指令，获取预设时间段内的待分析数据；其中，所述目标控制指令用于指示生成待分析业务系统在所述预设时间段内的目标业务交互图；

所述确定单元，用于从所述待分析数据中，确定所述待分析业务系统中的第一页面，以及第二页面，得到至少一组所述第一页面和对应的所述第二页面；其中，所述第二页面是对所述第一页面进行操作后切换至的页面；

所述确定单元，还用于从至少一组所述第一页面和对应的所述第二页面中，确定具有用于触发从所述第一页面切换至所述第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；

所述第一绘制单元，用于绘制每一组所述第一目标页面对应的第一图像和所述第二目标页面对应的第二图像；

所述第二绘制单元，用于以每一组所述第一图像中的所述目标触发事件为连线起点，对应的所述第二图像为连线终点绘制连接线，得到所述目标业务交互图；其中，所述连接线用于将每一组所述第一图像和对应的所述第二图像连接起来。

第三方面，一种业务交互图生成设备，所述设备包括：存储器、处理器和通信总线；其中：

所述存储器，用于存储可执行指令；

所述通信总线，用于实现所述处理器和所述存储器之间的通信连接；

所述处理器，用于执行所述存储器中存储的业务交互图生成程序，实现如上述任一项所述的业务交互图生成方法的步骤。

第四方面，一种存储介质，所述存储介质上存储有业务交互图生成程序，所述业务交互图生成程序被处理器执行时实现如上述任一项所述的业务交互图生成方法的步骤。

本申请实施例中，若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据，从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面，从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换中第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面，并绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像，及以每一组第一图像中的目标触发事件为连线起点，对应第二图像为连线终点绘制连接线，得到目标业务交互图，解决了目前不同的业务处理授信审批系统导致运行设备的运行负载较大的问题，解决了目前业务交互图不能及时更新的问题，提出了根据实际运行过程快速更新业务交互图的方法，简化了业务交互图的维护过程，保证了信息的同步性。

附图说明

图1为本申请实施例提供的一种业务交互图生成方法的流程示意图；

图2为本申请实施例提供的另一种业务交互图生成方法的流程示意图；

图3为本申请实施例提供的一种业务交互图生成方法的实现流程示意图；

图4为本申请实施例提供的一种结构列表和事件列表的结构示意图；

图5为本申请实施例提供的另一种结构列表的结构示意图；

图6为本申请实施例提供的一种业务交互图生成设备内部的信息流转示意图；

图7为本申请实施例提供的一种业务交互图生成装置的结构示意图；

图8为本申请实施例提供的一种业务交互图生成设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

本申请的实施例提供一种业务交互图生成方法，参照图1所示，方法应用于业务交互图生成设备，该方法包括以下步骤：

步骤101、若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据。

其中，目标控制指令用于指示生成待分析业务系统在预设时间段内的目标业务交互图。

在本申请实施例中，目标控制指令可是用户对业务交互图生成设备进行管理控制后生成的，例如可以是用户根据业务交互图生成设备运行待分析业务系统的运行情况来发送至业务交互图生成设备的。在一些应用场景下，目标控制指令还可以是业务交互图生成设备运行待分析业务系统时，检测到待分析业务系统执行某个操作后，或者运行实现某种运行情况时自动生成的。预设时间段可以是目标控制指令中指示的一段历史时间，也可以默认指从待分析业务系统开始运行时刻至检测到目标控制指令的时刻所对应的时间段。待分析数据为待分析业务系统在预设时间内运行时产生的各种数据，至少包括待分析业务系统页面切换数据和页面切换触发操作。

业务交互图设备可以是具有计算能力，运行应用程序的设备，例如可以是计算机设备、智能移动终端设备等。

步骤102、从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面。

其中，第二页面是对第一页面进行操作后切换至的页面。

在本申请实施例中，对待分析数据进行分析处理，确定出第一页面和与第一页面具有关联关系的第二页面，即第二页面是由第一页面切换至下一页面的页面，这样，在确定得到至少一组第一页面和对应的第二页面后，才进行后续分析，若一组第一页面和对应的第二页面也没有，则无需进行后续分析。

步骤103、从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换至第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面。

在本申请实施例中，对至少一组第一页面和对应的第二页面进行分析，确定每一组第一页面切换至对应的第二页面过程中触发的至少一个参考触发事件，并从至少一个参考触发事件中确定是否存在目标触发事件，确定具有目标触发事件的第一页面和对应的第二页面为第一目标页面和对应的第二目标页面，如此，可以从至少一组第一页面和对应的第二页面中，确定得到至少一组第一目标页面和对应的第二目标页面。

步骤104、绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像。

在本申请实施例中，在确定得到至少一组第一目标页面和对应的第二目标页面后，对每一组第一目标页面和对应的第二目标页面进行绘制，得到第一目标页面对应的第一图像和第二目标页面对应的第二图像，其中，绘制第一图像和第二图像可以是业务交互图生成设备调用图像绘制应用程序或默认的图像绘制指令来实现的。

步骤105、以每一组第一图像中的目标触发事件为连线起点，对应的第二图像为连线终点绘制连接线，得到目标业务交互图。

其中，连接线用于将每一组第一图像和对应的第二图像连接起来。

在本申请实施例中，由于确定得到对应的目标触发事件，因此，可以以第一页面中目标触发事件为连线起点，绘制连接线，将确定得到目标触发事件的第一页面的第一图像和对应的第二页面的第二图像连接起来，如此，将确定得到目标触发事件的全部第一页面的第一图像和对应的第二页面的第二图像连接起来后，即可得到目标业务交互图。连线终点可以是第二图像的边框上的任意一点。得到目标业务交互图后，可以直接输出显示目标业务交互图，还可以对目标业务交互图进行存储处理，或者采用目标业务交互图更新对应的历史交互图。

本申请实施例中，若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据，从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面，从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换中第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面，并绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像，及以每一组第一图像中的目标触发事件为连线起点，对应第二图像为连线终点绘制连接线，得到目标业务交互图，解决了目前不同的业务处理授信审批系统导致运行设备的运行负载较大的问题，解决了目前业务交互图不能及时更新的问题，提出了根据实际运行过程快速更新业务交互图的方法，简化了业务交互图的维护过程，保证了信息的同步性。

基于前述实施例，本申请的实施例提供一种业务交互图生成方法，参照图2所示，该方法应用于业务交互图生成设备，该方法包括以下步骤：

步骤201、若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据。

其中，目标控制指令用于指示生成待分析业务系统在预设时间段内的目标业务交互图。

在本申请实施例中，以目标控制指令是用户对页面上设置的交互图生成按钮进行点击操作生成的为例进行说明，在待分析业务系统测试阶段，业务交互图生成设备检测到目标控制指令后，响应目标控制指令，获取待分析业务系统在预设时间段内运行时产生的运行数据，得到待分析数据。

步骤202、从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面。

其中，第二页面是对第一页面进行操作后切换至的页面。

在本申请实施例中，从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面的过程可以是确定预先设置的用于监听页面内容变化和页面切换的监听操作获得的来实现的。

步骤203、确定每一组第一页面对应的第一文档对象模型，和对应的第二页面对应的第二文档对象模型，得到至少一组第一文档对象模型和对应的第二文档对象模型。

在本申请实施例中，文档对象模型(Document Object Model，DOM)定义了访问文档的标准，为中立于平台和语言的接口，它允许程序和脚本动态地访问、更新文档的内容、结构和样式；当网页被加载时，浏览器会自动创建页面的DOM。

由于第一页面和第二页面在加载完毕后，会自动生成对应的第一文档对象模型和第二文档对象模型，因此，在确定得到至少一组第一页面和对应的第二页面后，可以确定得到至少一组第一页面和对应的第二页面各自对应的第一文档对象模型和对应的第二文档对象模型，进而得到至少一组第一文档对象模型和对应的第二文档对象模型。

步骤204、确定每一组第一页面切换至第二页面过程中的至少一个参考触发事件，得到至少一组至少一个参考触发事件。

在本申请实施例中，业务交互图生成设备在运行待分析业务系统的过程中，确定第一页面切换至第二页面过程中，所触发的触发事件，得到每一组第一页面切换至第二页面过后才能中的至少一个参考触发事件，这样，对至少一组第一页面和对应的第二页面进行统计，可以得到至少一组至少一个参考触发事件。业务交互图生成设备在得到每一组第一页面和对应的第二页面对应的至少一个参考触发事件后，可以按照检测到触发事件的顺序，依次存储在与每一组第一页面和对应的第二页面对应的用于存储触发事件的索引列表中。

步骤205、基于至少一组第一文档对象模型和对应的第二文档对象模型、和至少一组至少一个参考触发事件，确定至少一组第一目标页面和对应的第二目标页面。

在本申请实施例中，对每一组第一文档对象模型和对应的第二文档对象模型，以及对应的一组至少一个参考触发事件进行分析，确定对应的第二页面是否由第一页面中的参考触发事件触发而切换得到的，若对应的第二页面时否第一页面中的参考触发事件触发而切换得到的，可以将第一文档对象模型对应的第一页面确定为第一目标页面，第二文档对象模型对应的第二页面确定为第二目标页面。这样，可以从至少一组第一页面和对应的第二页面中确定得到至少一组第一目标页面和对应的第二目标页面。

步骤206、绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像。

在本申请实施例中，业务交互图生成设备可以调用画布(canvas)对象来绘制第一目标页面对应的第一图像和第二目标页面对应的第二图像，具体可以是业务交互图生成设备调用canvas对象，根据第一目标页面对应的第一文档模型来进行页面绘制，得到第一图像，同理可以绘制得到第二目标页面对应的第二图像。

步骤207、以每一组第一图像中的目标触发事件为连线起点，对应的第二图像为连线终点绘制连接线，得到目标业务交互图。

其中，连接线用于将每一组第一图像和对应的第二图像连接起来。

在本申请实施例中，以每一组第一图像中的目标触发事件为连线起点，绘制连接线，将第一图像和第二图像连接起来，得到第一图像和第二图像即对应的第一页面和第二页面之间的交互过程，如此，将至少一组第一图像和对应的第二图像采用连接线连接起来，即可得到待分析业务系统在预设时间段内业务之间的交互的目标业务交互图。

基于前述实施例，在本申请其他实施例中，步骤205可以由步骤205a～205c来实现：

步骤205a、获取每一组第一文档模型的第一时间属性参数和对应的第二文档模型的第二时间属性参数。

在本申请实施例中，每一组第一文档模型的第一时间属性参数可以是根据触发生成对应的第一页面的触发事件的时间属性参数得到的，同理第二文档模型的第二时间属性参数可以是根据触发生成对应的第一页面的触发事件的时间属性参数得到的。

步骤205b、若每一组第一时间属性参数与对应的第二时间属性参数不匹配，确定对应的至少一个参考触发事件中每一参考触发事件的第三时间属性参数，得到对应的至少一个第三时间属性参数。

在本申请实施例中，每一参考触发事件的第三时间属性参数为每一参考触发事件被触发时的触发时间。对每一组第一文档模型和对应的第二文档模型中，第一文档模型对应的第一时间属性参数与对应的第二文档模型的第二时间属性参数不匹配，即第一时间属性参数与对应的第二时间属性参数不同时，表明对应的第一页面和第二页面是两个不同的页面。此时，在确定该组第一页面与对应的第二页面是两个不同的页面后，继续确定该组第一文档模型与对应的第二文档模型对应的至少一个参考触发事件中每一参考触发事件的第三时间属性参数，得到该组第一文档模型与对应的第二文档模型对应的至少一个参考触发事件对应的至少一个第三时间属性参数。

示例性的，假设该组第一文档模型与对应的第二文档模型对应有三个参考触发事件，分别为事件A、事件B和事件C，分别确定事件A对应的第三时间属性参数t1、事件B对应的第三时间属性参数t2和事件C对应的第三时间属性参数t3，从而得到该组第一文档模型与对应的第二文档模型对应的三个第三时间属性参数t1、t2和t3。

步骤205c、若基于至少一个第三时间属性参数、对应的第二时间属性参数和对应的至少一个参考触发事件，确定得到对应的目标触发事件，确定对应的第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面，进而得到至少一组第一目标页面和对应的第二目标页面。

在本申请实施例中，目标触发事件为用于触发从第一页面切换至第二页面的触发事件。业务交互图生成设备继续对每一组第一文档模型与对应的第二文档模型对应的至少一个第三时间属性参数、对应的第二时间属性参数和对应的至少一个参考触发事件进行分析，若分析得到与第二文档模型具有关联关系的目标触发事件，确定该组第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面。

示例性的，假设步骤203中确定得到四组第一文档模型和对应的第二文档模型，分别为DOM11和DOM12、DOM21和DOM22、DOM31和DOM32、DOM41和DPM42；分别对这四组第一文档模型和对应的第二文档模型进行分析，假设确定得到2组第一目标页面和对应的第二目标页面，依次为DOM11对应的第一页面和DOM12对应的第二页面、DOM21对应的第一页面和DOM22对应的第二页面。

基于前述实施例，在本申请其他实施例中，步骤205c可以由步骤a11～a12来实现：

步骤a11、若从至少一个第三时间属性参数中，确定得到与对应的第二时间参数匹配的目标时间属性参数，从至少一个参考触发事件中，确定目标时间属性参数对应的参考触发事件为目标触发事件。

在本申请实施例中，对至少一个参考触发事件对应的至少一个第三时间属性参数分别与第二时间参数进行匹配处理，确定与第二时间参数匹配的第三时间属性参数为目标时间属性参数。

示例性的，对第三时间属性参数t1、t2和t3与第二时间参数T进行匹配处理，即确定第三时间属性参数t1、t2和t3与第二时间参数T相同的第三时间属性参数，假设确定第三时间属性参数t2与第二时间参数T相同，确定第三时间属性参数t2为目标时间属性参数，确定第三时间属性参数t2对应的参考触发事件即事件B为目标触发事件。

步骤a12、确定目标触发事件对应的第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面，进而得到至少一组第一目标页面和对应的第二目标页面。

基于前述实施例，在本申请其他实施例中，步骤207可以由步骤207a～207b来实现：

步骤207a、确定每一组第一图像中的目标触发事件在第一图像中的位置坐标，得到至少一个位置坐标。

在本申请实施例中，假设确定得到有两组第一目标页面和对应的第二目标页面，分别为DOM11对应的第一页面和DOM12对应的第二页面、DOM21对应的第一页面和DOM22对应的第二页面，分别从DOM11对应的第一页面中确定对应的目标触发事件在DOM11对应的第一图像中的位置坐标D，从DOM21对应的第一页面中确定对应的目标触发事件在DOM21对应的第一图像中的位置坐标E，得到两个位置坐标。

步骤207b、以每一位置坐标为连线起点，对应的第二图像为连线终点，绘制连接线，得到目标业务交互图。

在本申请实施例中，以位置坐标D为连线起点，对应的DOM12对应的第二图像为连线终点，绘制连接线F；以位置坐标D为连线起点，对应的DOM22对应的第二图像为连线终点，绘制连线G，得到包括DOM11对应的第一图像、连接线F和DOM12对应的第二图像，以及DOM21对应的第一图像、连接线G和DOM22对应的第二图像的目标业务交互图。

基于前述实施例，在本申请其他实施例中，步骤207b可以由步骤b11～b12来实现：

步骤b11、以每一位置坐标为连线起点，对应的第二图像为连线终点，绘制连接线，得到目标绘制图像。

在本申请实施例中，目标绘制图像的格式为参考格式，为可编辑图像格式。

步骤b12、基于目标绘制图像，得到目标格式的目标业务交互图。

在本申请实施例，将目标绘制图像进行图像格式转换处理，得到目标格式的目标业务交互图。目标格式与目标绘制图像的格式不同，目标格式可以是位图(BitMaP，BMP)格式、img格式等。

基于前述实施例，在本申请其他实施例中，步骤201可以由步骤201a来实现：

步骤201a、若检测到目标控制指令，响应目标控制指令，从历史数据集中获取预设时间段内的待分析数据。

在本申请实施例中，待分析业务系统在运行过程中，可以将运行的数据进行不断的记录，这样，在业务交互图生成设备检测到目标控制指令时，业务交互图生成设备响应目标控制指令，从记录的历史数据集中获取预设时间段内的待分析数据，进行后续相应的分析。

基于前述实施例，在本申请实施例提供一种业务交互图生成方法，实现过程可以参照图3所示，包括以下实现步骤：

步骤301、业务交互图生成设备加载待分析业务系统的页面。

步骤302、业务交互图生成设备初始化变量。

其中，变量至少包括用于存储页面对应的DOM的结构列表记为domList，以及用于存储该列表的索引记为domListIndex进行页面触发时的触发事件的事件列表记为eventList。其中，结构列表domList用于存放监听到DOM树结构发生变化(MutationObserver)时当前页面的DOM结构),事件列表eventList存放用户触发了哪些事件及结构列表domList的索引eventListIndex。

步骤303、业务交互图生成设备判断待分析业务系统的页面是否加载完，若加载完执行步骤304，否则重复执行步骤303。

步骤304、业务交互图生成设备捕获当前页面的DOM1，并存入至结构列表domList。

步骤305、业务交互图生成设备检测到用户对当前页面的按钮进行点击，执行步骤306。

步骤306、业务交互图生成设备执行异步捕获操作，获取用户操作的至少一个触发事件，并存储至事件列表eventList。

其中，业务交互图生成设备在页面的根节点超文本标记语言(Hyper Text MarkupLanguage，HTML)添加所有事件的监听，利用JavaScript(JS)的事件冒泡原理，捕获页面元素触发事件1。其中，结构列表domList和事件列表eventList的结构可以参照图4所示。

步骤307、业务交互图生成设备判断用户操作是否操作DOM1，若操作了DOM1，执行步骤308，否则执行步骤315。

步骤308、业务交互图设备判断DOM结构是否发生变化，若发生变化，执行步骤309，否则执行步骤315。

其中，业务交互图生成设备可以通过JavaScript(JS)的原生应用程序接口(Application Programming Interface，API)例如MutationObserver来监听页面根节点的DOM1的变化，根据DOM的变化来判断页面内容是否发生变化。添加语句例如onhashchange事件的监听，用于判断页面是否切换，从而判断DOM结构发生变化。

步骤309、业务交互图生成设备将变化后的DOM结构DOM2存入至结构列表domList。

步骤310、业务交互图生成设备比较结构列表domList中的DOM1和DOM2的结构差异，如果有差异，执行步骤311,否则执行步骤315。

其中，业务交互图生成设备在执行HTML时，在生成DOM1和DOM2时，会将对应的触发事件的触发时间作为DOM1和DOM2的一个属性参数进行记录，例如可以记录为data-eid，记为前述时间属性参数。如此，业务交互图生成设备比较结构列表domList中的DOM1和DOM2的结构差异时，可以通过以下步骤来实现：判断DOM1的data-eid和DOM2的data-eid是否相同，若DOM1的data-eid和DOM2的data-eid相同，则DOM1和DOM2的结构不存在差异，若DOM1的data-eid和DOM2的data-eid不同，则DOM1和DOM2的结构存在差异。

对应的，包括有data-eid的DOM的结构示意图可以参照图5所示，其中。

步骤311、业务交互图生成设备遍历事件列表eventList中DOM1变化至DOM2过程中的至少一个触发事件的触发时间参数。

步骤312、业务交互图生成设备判断是否存在触发时间参数与DOM2的data-eid相同的目标触发事件，若存在目标触发事件，执行步骤313，否则执行步骤314。

其中，业务交互图生成设备判断是否存在触发事件参数与DOM2的data-eid相同的目标触发事件时，业务交互图生成设备确定到触发时间参数与DOM2的data-eid相同时，可以通过事件(Event)对象的标签名称属性例如srcElement属性拿到这个触发事件元素，即确定得到目标触发事件。

步骤313、业务交互图生成设备监听到触发绘制命令时，绘制流程图。

其中，触发绘制命令可以是业务交互图生成设备监听到用户即将退出或者关闭页面的事件例如beforeunload事件时生成的，与前述目标控制指令对应。业务交互图生成设备创建canvas对象，通过canvas对象基于DOM1绘制第一图像，基于DOM2绘制第二图像，并确定第一图像中目标触发事件的位置坐标，以第一图像中目标触发事件的位置坐标为起点，以第二图像的边框上的任意一个点为终点，连接第一图像和第二图像，得到流程图，最终业务交互图生成设备通过canvas对象调用图像转换方法例如转换至数据网址(toDataURL)方法生成一定格式例如基于64个可打印字符来表示二进制数据(base64)格式的图片统一资源定位标志(Uniform Resource Locator，URL)，然后可以通过一定方式例如图片(Image，img)标签将该图片从浏览器下载下来，即可得到前述目标业务交互图。

步骤314、业务交互图生成设备生成异常日志。

步骤315、结束。

需说明的是，步骤307～312可以在步骤313中绘制流程图过程中实现。

进一步的，业务交互图生成设备执行步骤301～306，不进行后续绘制流程图过程，而是对监听到的数据进行存储处理，以便后续进行流程图绘制时，对应的具体方法可以为：基于采集到的两个相的邻切换页面的DOM和对应的切换过程中的至少一个触发事件生成流水号，并基于两个相的邻切换页面的DOM和对应的切换过程中的至少一个触发事件生成报文数据，将流水号，报文数据以及对应的页面路由发送至数据存储中心进行存储。

基于前述实施例，本申请实施例提供一种业务交互图生成设备，业务交互图生成设备包括：实现业务服务的待分析业务系统、事件监听池插件、绘制模块插件和触发事件元素队列插件，对应的，在业务交互设备中实现业务交互图生成方法时对应的信息流转过程可以参照图6所示，具体包括以下步骤：

步骤401、用户对待分析业务系统进行操作，发送执行测试案例的指示信息。

步骤402、待分析业务系统接收到指示信息后，进行程序启动初始化操作，引入交互生成插件。

步骤403、待分析业务系统发送第一初始化指令至事件监听池插件。

步骤404、事件监听池接收到初始化指令后，注册监听浏览器哈希改变(hashchange)事件，注册监听浏览器关闭或退出(beforeunload)事件，注册监听页面DOM变化事件，注册监听HTML事件。

步骤405、待分析业务系统发送第二初始化指令至绘制模块插件。

其中，步骤403与步骤405可以同时执行，步骤405也可以在步骤403之前执行，此处不做具体限定。

步骤406、绘制模块插件接收到第二初始化指令后，发送响应信息至待分析业务系统。

其中，响应信息用于指示绘制模块插件已响应第二初始化指令，实现初始化过程。

步骤407、待分析业务系统执行系统程序。

步骤408、待分析业务系统执行系统程序，渲染页面，并显示于显示界面。

步骤409、用户对待分析业务系统显示的页面进行控制操作。

其中，控制操作例如可以是点击页面的某个按钮或页面跳转。

步骤410、待分析业务系统检测到用户的控制操作后，执行用户发送的控制操作对应的业务逻辑代码，并更新页面内容。

其中，步骤410中，事件监听池插件监听到页面的触发事件时，可以将监听到的触发事件存储至触发事件元素队列插件中。

步骤411、待分析业务系统根据事件监听池插件监听到页面DOM变化事件或浏览器hashchange事件发生时，生成调用绘制模块插件的调用指令，并发送调用指令至绘制模块插件。

其中，事件监听池监听确定得到待分析业务分析系统的页面变化过程中的目标触发事件后，还会将监听到的目标触发事件全部记录在触发事件元素队列插件中。

步骤412、绘制模块插件获取页面DOM结构，并通过canvas进行图像绘制。

步骤413、绘制模块插件从触发事件元素队列插件中获取每一目标触发事件。

步骤414、绘制模块计算每一目标触发事件在对应的页面图像中的坐标。

步骤415、绘制模块将确定的每一目标触发事件的坐标存储至触发事件元素队列插件中的坐标队列中。

步骤416、绘制模块插件判断触发事件元素队列插件的坐标队列包括元素数量。

步骤417、如果坐标队列中为空集，绘制模块插件不绘制连接线。

步骤418、如果坐标队列中至少包括1个元素，绘制模块插件以坐标队列中第一个坐标为起点，该第一坐标对应的第二图像的边框上的任意一点为终点，绘制连接线。

步骤419、绘制模块插件删除已绘制的坐标，并更新第一个坐标为原第一个坐标相邻的下一个坐标，重复执行步骤418，直至绘制模块插件将坐标队列中的坐标对应的连接线均绘制完毕。

步骤420、用户对待分析业务系统发送退出系统指令，待分析业务系统触发beforeunload事件。

步骤421、事件监听池插件监听到beforeunload事件。

步骤422、事件监听池插件将canvas画布内容转化成base64图片并获取到路径，利用img标签的资源位置(source)属性将图片下载得到，得到目标业务交互图。

步骤423、待分析业务系统显示目标业务交互图。

需说明的是，步骤411～419和步骤422～423可以是在执行步骤420～421之后执行。

本实施例中与其它实施例中相同步骤和相同内容的说明，可以参照其它实施例中的描述，此处不再赘述。

本申请实施例中，若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据，从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面，从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换中第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面，并绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像，及以每一组第一图像中的目标触发事件为连线起点，对应第二图像为连线终点绘制连接线，得到目标业务交互图，解决了目前不同的业务处理授信审批系统导致运行设备的运行负载较大的问题，解决了目前业务交互图不能及时更新的问题，提出了根据实际运行过程快速更新业务交互图的方法，简化了业务交互图的维护过程，保证了信息的同步性。

基于前述实施例，本申请的实施例提供一种业务交互图生成装置，该业务交互图生成装置可以应用于图1～2对应的实施例提供的业务交互图生成方法中，参照图7所示，该业务交互图生成装置5可以包括：获取单元51、确定单元52、第一绘制单元53和第二绘制单元54；其中：

获取单元51，用于若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据；其中，目标控制指令用于指示生成待分析业务系统在预设时间段内的目标业务交互图；

确定单元52，用于从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面；其中，第二页面是对第一页面进行操作后切换至的页面；

确定单元52，还用于从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换至第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；

第一绘制单元53，用于绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像；

第二绘制单元54，用于以每一组第一图像中的目标触发事件为连线起点，对应的第二图像为连线终点绘制连接线，得到目标业务交互图；其中，连接线用于将每一组第一图像和对应的第二图像连接起来。

在本申请其他实施例中，确定单元52包括：第一确定模块和第二确定模块；其中：

第一确定模块，用于确定每一组第一页面对应的第一文档对象模型，和对应的第二页面对应的第二文档对象模型，得到至少一组第一文档对象模型和对应的第二文档对象模型；

第一确定模块，还用于确定每一组第一页面切换至第二页面过程中的至少一个参考触发事件，得到至少一组至少一个参考触发事件；

第二确定模块，还用于基于至少一组第一文档对象模型和对应的第二文档对象模型、和至少一组至少一个参考触发事件，确定至少一组第一目标页面和第二目标页面。

在本申请其他实施例中，第二确定模块具体用于实现以下步骤：

获取每一组第一文档模型的第一时间属性参数和对应的第二文档模型的第二时间属性参数；

若每一组第一时间属性参数与对应的第二时间属性参数不匹配，确定对应的至少一个参考触发事件中每一参考触发事件的第三时间属性参数，得到对应的至少一个第三时间属性参数；

若基于至少一个第三时间属性参数、对应的第二时间属性参数和对应的至少一个参考触发事件，确定得到对应的目标触发事件，确定对应的第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面，进而得到至少一组第一目标页面和对应的第二目标页面。

在本申请其他实施例中，第二确定模块用于实现步骤若基于至少一个第三时间属性参数、对应的第二时间属性参数和对应的至少一个参考触发事件，确定得到对应的目标触发事件，确定对应的第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面，进而得到至少一组第一目标页面和对应的第二目标页面时，具体可以通过以下步骤来实现：

若从至少一个第三时间属性参数中，确定得到与对应的第二时间参数匹配的目标时间属性参数，从至少一个参考触发事件中，确定目标时间属性参数对应的参考触发事件为目标触发事件；

确定目标触发事件对应的第一文档模型对应的第一页面为第一目标页面，对应的第二文档模型对应的第二页面为第二目标页面，进而得到至少一组第一目标页面和对应的第二目标页面。

在本申请其他实施例中，第二绘制单元54包括：第二确定模块和第二绘制模块；其中：

第二确定模块，用于确定每一组第一图像中的目标触发事件在第一图像中的位置坐标，得到至少一个位置坐标；

第二绘制模块，用于以每一位置坐标为连线起点，对应的第二图像为连线终点，绘制连接线，得到目标业务交互图。

在本申请其他实施例中，第二绘制模块具体用于实现以下步骤：

以每一位置坐标为连线起点，对应的第二图像为连线终点，绘制连接线，得到目标绘制图像；

基于目标绘制图像，得到目标格式的目标业务交互图。

在本申请其他实施例中，获取单元具体用于实现以下步骤：

若检测到目标控制指令，响应目标控制指令，从历史数据集中获取预设时间段内的待分析数据。

需要说明的是，本申请实施例中单元或模块之间的信息传递过程，可以参照图1～2对应的实施例提供的方法实现过程，此处不再赘述。

本申请实施例中，若检测到目标控制指令，响应目标控制指令，获取预设时间段内的待分析数据，从待分析数据中，确定待分析业务系统中的第一页面，以及第二页面，得到至少一组第一页面和对应的第二页面，从至少一组第一页面和对应的第二页面中，确定具有用于触发从第一页面切换中第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面，并绘制每一组第一目标页面对应的第一图像和第二目标页面对应的第二图像，及以每一组第一图像中的目标触发事件为连线起点，对应第二图像为连线终点绘制连接线，得到目标业务交互图，解决了目前不同的业务处理授信审批系统导致运行设备的运行负载较大的问题，解决了目前业务交互图不能及时更新的问题，提出了根据实际运行过程快速更新业务交互图的方法，简化了业务交互图的维护过程，保证了信息的同步性。

基于前述实施例，本申请的实施例提供一种业务交互图生成设备，该业务交互图生成设备可以应用于图1～2对应的实施例提供的业务交互图生成方法中，参照图8所示，该业务交互图生成设备6可以包括：处理器61、存储器62和通信总线63，其中：

存储器62，用于存储可执行指令；

通信总线63，用于实现处理器61和存储器62之间的通信连接；

处理器61，用于执行存储器62中存储的业务交互图生成程序，以实现图1～2对应的实施例提供的方法实现过程，此处不再赘述。

基于前述实施例，本申请的实施例提供一种计算机可读存储介质，简称为存储介质，该计算机可读存储介质存储有一个或者多个程序，该一个或者多个程序可被一个或者多个处理器执行，以实现如图1～2对应的实施例提供的业务交互图生成方法实现过程，此处不再赘述。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

以上所述，仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。

Claims (10)

1.一种业务交互图生成方法，其特征在于，所述方法包括：

若检测到目标控制指令，响应所述目标控制指令，获取预设时间段内的待分析数据；其中，所述目标控制指令用于指示生成待分析业务系统在所述预设时间段内的目标业务交互图；

监听页面内容变化和页面切换，以从所述待分析数据中，确定所述待分析业务系统中的第一页面，以及第二页面，得到至少一组所述第一页面和对应的所述第二页面；其中，所述第二页面是对所述第一页面进行操作后切换至的页面；

从至少一组所述第一页面和对应的所述第二页面中，确定具有用于触发从所述第一页面切换至所述第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；

绘制每一组所述第一目标页面对应的第一图像和所述第二目标页面对应的第二图像；

以每一组所述第一图像中的所述目标触发事件为连线起点，对应的所述第二图像为连线终点绘制连接线，得到所述目标业务交互图；其中，所述连接线用于将每一组所述第一图像和对应的所述第二图像连接起来。

2.根据权利要求1所述的方法，其特征在于，所述从至少一组所述第一页面和对应的所述第二页面中，确定具有用于触发从所述第一页面切换至所述第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面，包括：

确定每一组所述第一页面对应的第一文档对象模型，和对应的所述第二页面对应的第二文档对象模型，得到至少一组所述第一文档对象模型和对应的所述第二文档对象模型；

确定每一组所述第一页面切换至所述第二页面过程中的至少一个参考触发事件，得到至少一组所述至少一个参考触发事件；

基于至少一组所述第一文档对象模型和对应的所述第二文档对象模型、和至少一组所述至少一个参考触发事件，确定至少一组所述第一目标页面和对应的所述第二目标页面。

3.根据权利要求2所述的方法，其特征在于，所述基于至少一组所述第一文档对象模型和对应的所述第二文档对象模型、和至少一组所述至少一个参考触发事件，确定至少一组所述第一目标页面和对应的所述第二目标页面，包括：

获取每一组所述第一文档对象模型的第一时间属性参数和对应的所述第二文档对象模型的第二时间属性参数；

若每一组所述第一时间属性参数与对应的所述第二时间属性参数不匹配，确定对应的所述至少一个参考触发事件中每一所述参考触发事件的第三时间属性参数，得到对应的至少一个第三时间属性参数；

若基于至少一个所述第三时间属性参数、对应的所述第二时间属性参数和对应的所述至少一个参考触发事件，确定得到对应的所述目标触发事件，确定对应的第一文档对象模型对应的第一页面为所述第一目标页面，对应的所述第二文档对象模型对应的第二页面为所述第二目标页面，进而得到至少一组所述第一目标页面和对应的所述第二目标页面。

4.根据权利要求3所述的方法，其特征在于，所述若基于至少一个所述第三时间属性参数、对应的所述第二时间属性参数和对应的所述至少一个参考触发事件，确定得到对应的所述目标触发事件，确定对应的第一文档对象模型对应的第一页面为所述第一目标页面，对应的所述第二文档对象模型对应的第二页面为所述第二目标页面，进而得到至少一组所述第一目标页面和对应的所述第二目标页面，包括：

若从所述至少一个所述第三时间属性参数中，确定得到与对应的所述第二时间属性参数匹配的目标时间属性参数，从所述至少一个参考触发事件中，确定所述目标时间属性参数对应的参考触发事件为所述目标触发事件；

确定所述目标触发事件对应的第一文档对象模型对应的第一页面为所述第一目标页面，对应的所述第二文档对象模型对应的第二页面为所述第二目标页面，进而得到至少一组所述第一目标页面和对应的所述第二目标页面。

5.根据权利要求1至4任一项所述的方法，其特征在于，所述以每一组所述第一图像中的所述目标触发事件为连线起点，对应的所述第二图像为连线终点绘制连接线，得到所述目标业务交互图，包括：

确定每一组所述第一图像中的所述目标触发事件在所述第一图像中的位置坐标，得到至少一个位置坐标；

以每一所述位置坐标为所述连线起点，对应的所述第二图像为连线终点，绘制所述连接线，得到所述目标业务交互图。

6.根据权利要求5所述的方法，其特征在于，所述以每一所述位置坐标为所述连线起点，对应的所述第二图像为连线终点，绘制所述连接线，得到所述目标业务交互图，包括：

以每一所述位置坐标为所述连线起点，对应的所述第二图像为连线终点，绘制所述连接线，得到目标绘制图像；

基于所述目标绘制图像，得到目标格式的所述目标业务交互图。

7.根据权利要求1所述的方法，其特征在于，所述若检测到目标控制指令，响应所述目标控制指令，获取预设时间段内的待分析数据，包括：

若检测到所述目标控制指令，响应所述目标控制指令，从历史数据集中获取所述预设时间段内的所述待分析数据。

8.一种业务交互图生成装置，其特征在于，所述装置包括：获取单元、确定单元、第一绘制单元和第二绘制单元；其中：

所述获取单元，用于若检测到目标控制指令，响应所述目标控制指令，获取预设时间段内的待分析数据；其中，所述目标控制指令用于指示生成待分析业务系统在所述预设时间段内的目标业务交互图；

所述确定单元，用于监听页面内容变化和页面切换，以从所述待分析数据中，确定所述待分析业务系统中的第一页面，以及第二页面，得到至少一组所述第一页面和对应的所述第二页面；其中，所述第二页面是对所述第一页面进行操作后切换至的页面；

所述确定单元，还用于从至少一组所述第一页面和对应的所述第二页面中，确定具有用于触发从所述第一页面切换至所述第二页面的目标触发事件的至少一组第一目标页面和对应的第二目标页面；

所述第一绘制单元，用于绘制每一组所述第一目标页面对应的第一图像和所述第二目标页面对应的第二图像；

所述第二绘制单元，用于以每一组所述第一图像中的所述目标触发事件为连线起点，对应的所述第二图像为连线终点绘制连接线，得到所述目标业务交互图；其中，所述连接线用于将每一组所述第一图像和对应的所述第二图像连接起来。

9.一种业务交互图生成设备，其特征在于，所述设备包括：存储器、处理器和通信总线；其中：

所述存储器，用于存储可执行指令；

所述通信总线，用于实现所述处理器和所述存储器之间的通信连接；

所述处理器，用于执行所述存储器中存储的业务交互图生成程序，实现如权利要求1至7任一项所述的业务交互图生成方法的步骤。

10.一种存储介质，其特征在于，所述存储介质上存储有业务交互图生成程序，所述业务交互图生成程序被处理器执行时实现如权利要求1至7任一项所述的业务交互图生成方法的步骤。