CN115080387A - 一种前端可视化调试方法、系统、设备及可读存储介质 - Google Patents

Abstract

本发明公开了一种前端可视化调试方法，可在前端进行调试仿真，排查异常节点，提高调试效率，还提供了一种前端可视化调试系统、设备和可读存储介质；其技术方案：一种前端可视化调试方法，包括以下步骤：步骤一：启动流程仿真，获取流程中的出错节点并暂停流程执行；步骤二：选择单点调试模式或断点调试模式；当为单点调试模式时，对出错节点插入自定义参数以跳过出错节点，流程继续执行；当为断点调试模式时，对出错节点之前的若干个节点设置断点形成断点节点，重新启动流程仿真，流程执行到断点节点处会暂停，逐一排查断点节点以让流程继续执行，属于计算机技术领域。

Description

一种前端可视化调试方法、系统、设备及可读存储介质

技术领域

本发明属于计算机技术领域，更具体而言，涉及一种前端可视化调试方法、系统、设备及可读存储介质。

背景技术

前端设计后需要进行校验，检查整个流程是否可以顺畅运行下去。当流程跑不下去时，需要先排查后端错误，再反馈给前端配合修改。

这种调试方式下，无法查看流程进度；由于没有前端调试模式，而且是整体提交流程配置给后端解析，后端只返回整个流程的执行结果，要么成功，要么失败，流程进行到哪个节点的过程无法查看；无法自定义节点的入参、出参、数据处理和校验方法，所以当流程发生异常无法向下流转时，需要前端反复提交来跟后端联合调试；

一旦有一个节点跑不通，调试流程就需要从头开始，排查出错节点之前的节点是否有误，反复运行流程，一个复杂的流程往往有很多个节点，需要反复运行流程多次，调试起来效率极低；且有节点出错后，需要等到出错节点解决问题后，流程才能往下走，出错节点后的节点无法进行校验是否有误，也比较耽搁调试时间。

发明内容

本发明的主要目的在于提供一种前端可视化调试方法，可在前端进行调试仿真，排查异常节点，提高调试效率；还提供了一种前端可视化调试系统、设备和可读存储介质。

根据本发明的第一方面，提供了一种前端可视化调试方法，包括以下步骤：

步骤一：启动流程仿真，获取流程中的出错节点并暂停流程执行；

步骤二：选择单点调试模式或断点调试模式；

当为单点调试模式时，对出错节点插入自定义参数以跳过出错节点，流程继续执行；

当为断点调试模式时，对出错节点之前的若干个节点设置断点形成断点节点，重新启动流程仿真，流程执行到断点节点处会暂停，逐一排查断点节点以让流程继续执行。

上述的前端可视化调试方法中，在步骤一之前，需对节点进行配置，节点的配置信息包括输入参数、数据处理方式、输出参数、期望输出或校验规则。

上述的前端可视化调试方法中，所述自定义参数是指对出错节点的输入参数、数据处理方式和输出参数中的至少一个进行修改后的参数。

上述的前端可视化调试方法中，排查断点节点时，获取断点节点的配置信息，查看输入参数、数据处理过程、输出参数是否和期望输出、校验规则有矛盾；

若没有，让流程继续执行；若有，修改断点节点的配置信息，再让流程继续执行。

上述的前端可视化调试方法中，所述出错节点高亮显示。

根据本发明的第二方面，提供了一种用于实现第一方面所述方法的前端可视化调试系统，包括编辑界面、位于编辑界面上用于组成流程的多个节点；所述编辑界面上还有以下模块：

出错节点获取模块：用于获取流程仿真中的出错节点并暂停流程执行；

调试模式选择模块：用于选择单点调试模式或断点调试模式；

写入模块：用于向出错节点插入自定义参数以跳过出错节点，让流程得以继续执行；

断点设置模块：用于向出错节点之前的若干个节点设置断点形成断点节点；重新启动流程仿真，流程执行到断点节点处会暂停，逐一排查断点节点以让流程继续执行。

上述的前端可视化调试系统中，还包括节点配置模块，所述节点配置模块用于配置节点。

根据本发明的第三方面，提供了一种电子设备，包括：

储存器：用于储存计算机程序；

处理器：用于执行所述计算机程序时实现如第一方面所述前端可视化调试方法。

根据本发明的第四方面，提供了一种可读存储介质，其储存的计算机程序使得处理器执行如第一方面所述的前端可视化调试方法。

本发明上述技术方案中的一个技术方案至少具有如下优点或有益效果之一：

本发明中，在前端进行流程调试仿真，当出现异常时获取出错节点，并提供单点调试模式和断点调试模式，单点调试可以跳过出错节点对后面的节点进行调试，断点调试模式可以回头，通过设置断点的方式排查哪些节点有误，并可继续往下执行流程，这种调试方法下无需反复运行流程，更容易定位异常节点并修复，有效提高了调试效率。

附图说明

下面结合附图和实施例对本发明进一步地说明；

图1是本发明一实施例示出的前端可视化调试方法的流程图；

图2是本发明一实施例示出的前端可视化调试系统的示意图。

具体实施方式

下面详细描述本发明的实施方式，实施方式的示例在附图中示出，其中相同或类似的标号自始至终表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施方式是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。

现有的前端设计中，由于没有前端调试模式，而且是整体提交流程配置给后端解析，后端只返回整个流程的执行结果，要么成功，要么失败，流程进行到哪个节点的过程无法查看；一旦有一个节点跑不通，调试流程就需要从头开始，排查出错节点之前的节点是否有误，反复运行流程，一个复杂的流程往往有很多个节点，需要反复运行流程多次，调试起来效率极低；且有节点出错后，需要等到出错节点解决问题后，流程才能往下走，出错节点后的节点无法进行校验是否有误，也比较耽搁调试时间。

参照图1，本实施例提供了一种前端可视化调试方法，可以在前端界面进行调试仿真，当流程出现异常时，在前端就可以容易的定位到某个节点配置不当，当仿真无误后，再保存流程配置到后端，降低联调对接难度，提高开发效率；

该前端可视化调试方法包括以下步骤：

步骤一：启动流程仿真，获取流程中的出错节点；

本实施例中的流程是dataflow编辑器来创建的，通过设置流程框图来表示节点，并对节点进行配置，节点的配置信息包括输入参数、数据处理方式、输出参数、期望输出、校验规则，再通过连线来串起各个节点，连线则是代表数据的流向；

先给开始节点一个输入参数，然后启动流程仿真，流程便会开始运行，如果出现错误，会在某个节点停下来，该节点便为出错节点，流程会停留在该出错节点，暂停执行下去；

为了方便知道出错节点，可将该出错节点高亮显示。

步骤二：选择单点调试模式或断点调试模式；

在出现出错节点后，会出现可选项，调试人员可以自主选择单点调试模式或断点调试模式；

当为单点调试模式时，可对出错节点插入自定义参数，改变该出错节点的输出，使出错节点的输出符合期望输出或校验规则，以此可以跳过该出错节点，让流程继续执行下去，可以完整的执行完整个流程，并获取到全部出错节点，后续选择断点调试模式时可以一次性排查完流程中的所有错误，提高调试效率；

对出错节点插入自定义参数是指对出错节点的输入参数、数据处理方式和输出参数中的至少一个进行修改后的参数；

一般节点的输入参数的数据源可以是上一节点的输出参数、常量或变量；对出错节点插入自定义参数可以是修改出错节点的输入参数，使其变成一个常量或变量，以此让出错节点执行后其输出参数符合期望输出或校验规则，可供下一个节点执行；

一般节点的数据处理方式可以是不处理，默认输入参数为输出参数，或者是自定义函数，采用输入参数作为计算值，进而得出输出参数；对出错节点插入自定义参数可以是修改出错节点的自定义函数，使计算后得出的输出参数符合期望输出或校验规则，可供下一个节点执行；

一般节点的输出参数的数据源可以默认是输入参数，即输入参数为输出参数，或者是输入参数经过数据处理后的数值，或者直接是常量或变量；对出错节点插入自定义参数可以是修改出错节点的输出参数，直接赋予一个常量或变量，使其符合期望输出或校验规则，可供下一个节点执行；

以此跳过出错节点，让流程可以继续执行下去。

当为断点调试模式时，对出错节点之前的若干个节点设置断点，重新启动仿真，流程执行到断点节点处会暂停，获取断点节点的配置信息，断点节点的配置信息即该节点的输入参数、数据处理过程和输出参数，调试人员可以检查配置信息是否和预期相符、是否恰当，查看输入参数、数据处理过程、输出参数是否和期望输出、校验规则有矛盾，以此判断该断点节点是否有错误；当判断断点节点无误后，可以选择继续执行流程，到下一个断点节点再暂停，直至排查完所有断点节点；当判断断点节点有误后，可以选择修改断点节点，直接修改断点节点的配置，当配置信息和预期相符后，再让流程继续执行下去；

在具体的实施方式中，节点有用于处理数据的函数节点、用于判断结果的判断节点，一般来说，函数节点本身没有校验规则，只有期望输出，不会判断是否有误，而判断节点才有校验规则，才能够判断是否出现错误；

因此，流程在执行过程中，报错的一般是判断节点，判断节点会成为出错节点，而出错节点会出现错误的原因可能是该出错节点的前一个判断节点至该出错节点之间的若干个函数节点出现数据处理错误；

为了提高调试效率，这时候可以给出错节点的前一个判断节点至出错节点之间的所有函数节点设置断点，使它们形成断点节点，按照断点调试模式进行排查。

在具体的实施方式中，断点节点并不是一定要在出错节点之前，有经验的调试人员可以灵活的设置断点，在任意节点设置断点，快速定位异常节点。

基于与上述实施例同一发明构思，本申请实施例的第二方面，提供了一种前端可视化调试系统，参照图2，包括编辑界面1、位于编辑界面1上用于组成流程的多个节点；

基于dataflow编辑器，可在编辑界面1上拖拉拽布置各个节点，并通过连线串起各个节点；通过节点配置模块11为各个节点配置信息；

节点的配置信息包括输入参数、数据处理方式、输出参数、期望输出、校验规则；

先给开始节点一个输入参数，然后启动流程仿真，流程便会开始运行，如果出现错误，出错节点获取模块12便会启动，获取出错节点，流程会停留在该出错节点，暂停执行下去；并且可以高亮显示该出错节点；

接着调试模式选择模块13启动，会弹窗出现选择项，让调试人员选择单点调试模式或断点调试模式；

如选择单点调试模式，这时候可以启动写入模块14，向出错节点插入自定义参数，改变该出错节点的输出，使出错节点的输出符合期望输出或校验规则，以此可以跳过该出错节点，让流程继续执行下去，可以完整的执行完整个流程；

如选择断点调试模式，这时候可以启动断点设置模块15，向出错节点之前的若干个节点设置断点形成断点节点；重新启动流程仿真，流程执行到断点节点处会暂停，获取断点节点的配置信息，调试人员可以检查配置信息是否和预期相符、是否恰当，查看输入参数、数据处理过程、输出参数是否和期望输出、校验规则有矛盾，以此判断该断点节点是否有错误；并出现继续执行和修改的可选项，当判断断点节点无误后，可以选择继续执行流程，到下一个断点节点再暂停；当判断断点节点有误后，可以选择修改断点节点，利用节点配置模块11直接修改断点节点的配置，当配置信息和预期相符后，再选择继续执行流程。

本发明实施例还提供了一种电子设备，包括储存器、处理器，储存器上储存有计算机程序，处理器可运行该计算机程序进而执行本申请上述的前端可视化调试方法。

本发明实施例还提供了一种可读存储介质，其储存的计算机程序被处理器执行时，可以执行本申请上述的前端可视化调试方法。

尽管已经示出和描述了本发明的实施方式，本领域的普通技术人员可以理解：在不脱离本发明的原理和宗旨的情况下可以对这些实施方式进行多种变化、修改、替换和变型，本发明的范围由权利要求及其等同物限定。

Claims (9)

1.一种前端可视化调试方法，其特征在于，包括以下步骤：

步骤一：启动流程仿真，获取流程中的出错节点并暂停流程执行；

步骤二：选择单点调试模式或断点调试模式；

当为单点调试模式时，对出错节点插入自定义参数以跳过出错节点，流程继续执行；

当为断点调试模式时，对出错节点之前的若干个节点设置断点形成断点节点，重新启动流程仿真，流程执行到断点节点处会暂停，逐一排查断点节点以让流程继续执行。

2.根据权利要求1所述的前端可视化调试方法，其特征在于，在步骤一之前，需对节点进行配置，节点的配置信息包括输入参数、数据处理方式、输出参数、期望输出、校验规则。

3.根据权利要求2所述的前端可视化调试方法，其特征在于，所述自定义参数是指对出错节点的输入参数、数据处理方式和输出参数中的至少一个进行修改后的参数。

4.根据权利要求2所述的前端可视化调试方法，其特征在于，排查断点节点时，获取断点节点的配置信息，查看输入参数、数据处理过程、输出参数是否和期望输出、校验规则有矛盾；

若没有，让流程继续执行；若有，修改断点节点的配置信息，再让流程继续执行。

5.根据权利要求1所述的前端可视化调试方法，其特征在于，所述出错节点高亮显示。

6.一种用于实现权利要求1-5任一所述方法的前端可视化调试系统，其特征在于，包括编辑界面、位于编辑界面上用于组成流程的多个节点；所述编辑界面上还有以下模块：

出错节点获取模块：用于获取流程仿真中的出错节点并暂停流程执行；

调试模式选择模块：用于选择单点调试模式或断点调试模式；

写入模块：用于向出错节点插入自定义参数以跳过出错节点，让流程得以继续执行；

断点设置模块：用于向出错节点之前的若干个节点设置断点形成断点节点；重新启动流程仿真，流程执行到断点节点处会暂停，逐一排查断点节点以让流程继续执行。

7.根据权利要求6所述的前端可视化调试系统，其特征在于，还包括节点配置模块，所述节点配置模块用于配置节点。

8.一种电子设备，其特征在于，包括：

储存器：用于储存计算机程序；

处理器：用于执行所述计算机程序时实现如权利要求1-5任一所述前端可视化调试方法。

9.一种可读存储介质，其特征在于，其储存的计算机程序使得处理器执行如权利要求1-5任一所述的前端可视化调试方法。

Images