CN115756235A - 节点配置界面展示方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本公开提供了节点配置界面展示方法、装置、电子设备及可读存储介质，涉及计算机技术领域，尤其涉及语音处理或者图像处理领域。具体实现方案为：获取流程配置页面，流程配置页面包括至少一个流程节点组件；响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

Description

节点配置界面展示方法、装置、电子设备及可读存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及语音处理或者图像处理技术领域，具体而言，本公开涉及一种节点配置界面展示方法、装置、电子设备及可读存储介质。

背景技术

现代化企业中的各种业务一般基于预定的业务流程实现，企业的运行需要大的业务流程支持。为了保证对业务流程的配置效率，相关技术中一般采用线上化的方式进行业务流程配置，即在线上平台提供多种类型的流程节点，由用户对流程节点进行拖拽操作，而后对流程节点进行配置。

在一些业务流程中，各流程节点需要提供相应的节点配置界面，以供用户对流程节点进行配置。相关技术中，一般是在流程节点被添加至业务流程之后，才会展示流程节点的节点配置界面，不便于用户使用。

发明内容

本公开为了解决上述缺陷中的至少一项，提供了一种节点配置界面展示方法、装置、电子设备及可读存储介质。

根据本公开的第一方面，提供了一种节点配置界面展示方法，该方法包括：

获取流程配置页面，流程配置页面包括至少一个流程节点组件；

响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；

在拖拽操作的过程中展示节点配置界面图像。

根据本公开的第二方面，提供了一种节点配置界面展示装置，该装置包括：

流程配置页面获取模块，用于获取流程配置页面，流程配置页面包括至少一个流程节点组件；

节点配置界面图像获取模块，用于响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；

节点配置界面展示模块，用于在拖拽操作的过程中展示节点配置界面图像。

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

至少一个处理器；以及

与上述至少一个处理器通信连接的存储器；其中，

存储器存储有可被上述至少一个处理器执行的指令，指令被上述至少一个处理器执行，以使上述至少一个处理器能够执行上述节点配置界面展示方法。

根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，该计算机指令用于使计算机执行上述节点配置界面展示方法。

根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现上述节点配置界面展示方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是本公开实施例提供的一种节点配置界面展示方法的流程示意图；

图2、3均是本公开实施例提供的一种流程配置页面的示意图；

图4是本公开实施例提供的另一种节点配置界面展示方法的流程示意图；

图5是本公开实施例提供的一种节点配置界面展示装置的结构示意图；

图6是本公开实施例提供的另一种节点配置界面展示装置的结构示意图；

图7是用来实现本公开实施例的节点配置界面展示方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在一些业务流程中，各流程节点需要提供相应的节点配置界面，以供用户对流程节点进行配置。相关技术中，一般是在流程节点被添加至业务流程之后，才会展示流程节点的节点配置界面。在用户观察到流程节点的节点配置界面后，如认为该流程节点不适合，需要被更换，则需要在业务流程中删除该流程节点，而后重新选择流程节点进行拖拽操作。如果能够在用户将流程节点拖拽至业务流程之前，向用户展示流程节点的节点配置界面，就能使用户更早地了解到节点配置界面的内容，以判断流程节点是否适合，并在选择到适合的流程节点后，再将其拖拽至业务流程中。因此，如果能够在用户将流程节点拖拽至业务流程之前，向用户展示流程节点的节点配置界面，就能够方便用户的使用，提升业务流程的配置效率。

本公开实施例提供的节点配置界面展示方法、装置、电子设备及可读存储介质，旨在解决现有技术的如上技术问题中的至少一个。

图1示出了本公开实施例提供的一种节点配置界面展示方法的流程示意图，如图1中所示，该方法主要可以包括：

步骤S110：获取流程配置页面，流程配置页面包括至少一个流程节点组件。

步骤S120：响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件。

步骤S130：在拖拽操作的过程中展示节点配置界面图像。

其中，流程配置页面为用于对业务流程进行配置的页面，流程配置页面中可以包括多个流程节点组件，各流程节点组件可以对应有不同类型的流程节点，流程节点的对应的代码文件可以预置，作为流程节点模板复用。用户可以通过拖拽流程节点组件，将拖拽的流程节点组件对应的流程节点添加至业务流程中。

各流程节点被预开发有节点配置界面，用于对流程节点进行具体配置。

可以将目标流程节点组件对应流程节点记做目标流程节点。目标流程节点组件对应的节点配置界面，即目标流程节点的节点配置界面。

节点配置界面图像为节点配置界面的界面图像，通过展示节点配置界面图像，能够使用户了解到节点配置界面的具体内容。

本公开实施例中，在检测到用户进行拖拽操作时，可以确定拖拽操作对应的流程节点组件，即目标流程节点组件，并获取目标流程节点组件节点配置界面的节点配置界面图像，在用户进行拖拽操作的过程中，对节点配置界面图像进行展示，使得用户能够在将目标流程节点添加至业务流程之前，了解到目标流程节点的节点配置界面的界面内容，方便用户的使用。

本公开实施例提供的方法，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

本公开实施例中，由于是在目标流程节点组件的拖拽过程中，将目标流程节点的节点配置界面图像进行展示，使得用户能够更早地了解到节点配置界面的内容，以判断目标流程节点是否适合被添加至业务流程中，并在选择到适合的流程节点后，再将其拖拽至业务流程中，能够减少因将不适合的流程节点添加至业务流程中，导致需要在业务流程中删除该流程节点，而后从新选择流程节点进行拖拽操作的情况，方便了用户的使用，有助于提升业务流程的配置效率。

作为一个示例，本方案可以应用于金融双录场景的业务流程配置中。金融双录，为在金融业务中对用户进行风险提示，并为用户进行录音以及录像，记录业务办理的整个过程。在金融双录场景的业务流程配置中，预置的流程节点可以包括，文本播报、语音识别、身份核验电子签名等，用于配置相应类型的流程节点。在实际使用中，还可以提供自定义流程节点，其可供用户进行自定义配置。在用户完成对自动以流程节点的配置后，可以将所配置的自定义流程节点保存为预置的流程节点，并在流程配置页面内展示其对应的流程节点组件。

本公开的一种可选方式中，流程配置页面包括业务流程展示区域，业务流程展示区域内展示有当前业务流程的概览图，在拖拽操作的过程中展示节点配置界面图像，包括：

在拖拽操作的过程中，根据目标流程节点组件在业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

在候选插入流程节点对应的预设展示区域内展示节点配置界面图像。

本公开实施例中，当前业务流程为当前正在被配置的业务流程。流程配置页面中可以包括业务流程展示区域，用于展示当前业务流程的概览图，概览图即将当前业务流程的各流程节点，各流程节点之间的逻辑关系，以及各流程节点的节点配置界面进行展示。

用户一般可以通过按住鼠标并进行拖动的方式进行拖拽操作，拖拽位置即在拖拽目标流程节点组件时，被拖拽的目标流程节点组件在业务流程展示区域内的所处的位置，具体而言，可以为鼠标指针在业务流程展示区域内的所处的位置。在目标流程节点组件在业务流程展示区域内被拖拽移动时，随着拖拽位置的变化，目标流程节点在当前业务流程中的插入位置可能也发生变化。在将目标流程节点组件拖动至某一拖拽位置时，如果在该位置将目标流程节点插入当前业务流程，那么候选插入流程节点即为将目标流程节点在该拖拽位置插入当前业务流程后对应的流程节点。

作为一个示例，图2中示出了本公开实施例提供的一种流程配置页面的示意图。

如图2中所示，流程配置页面中包括业务流程展示区域，以及用于展示流程节点组件的区域。其中业务流程展示区域中展示有当前业务流程的概览图，当前业务流程包括流程节点1、2、3，通过在流程节点1、2、3中间通过有向箭头，表示流程节点1、2、3在当前业务流程中的逻辑顺序。概览图中还在靠近各流程节点的位置展示有流程节点1的节点配置界面、流程节点2的节点配置界面、流程节点3的节点配置界面。

流程配置页面提供的流程节点组件包括流程节点组件a、b、c以及自动以流程节点组件。用户可以通过拖拽的方式将流程节点组件拖拽至业务流程展示区域，以实现在当前业务流程中添加节点的操作。

本公开实施例中，可以预配置业务流程中各流程节点对应的预设展示区域，具体而言，可以根据各流程节点在业务流程中的逻辑顺序配置预设展示区域，例如，业务流程中第二个流程节点对应的预设展示区域位于第一个流程节点与第三个流程节点之间。

作为一个示例，当前业务流程的概览图中各流程节点可以由上至下依次紧密排列，可以根据拖拽位置与概览图中各流程节点的相对位置，确定候选插入流程节点的位置。例如，当拖拽位置位于概览图中某一流程节点中时，可以判断拖拽位置具体位于该流程节点所在区域的上半部分还是下半部分，如果拖拽位置位于该流程节点所在区域的上半部分，则可以确定候选插入流程节点与该流程节点相邻，并且位于该流程节点的上方。如果拖拽位置位于该流程节点所在区域的下半部分，则可以确定候选插入流程节点与该流程节点相邻，并且位于该流程节点的下方。

通过在预设展示区域内展示节点配置界面图像，使得用户能够了解到目标流程节点在当前业务流程中的位置，以及目标流程节点的节点配置界面在概览图中的位置，更有助于用户对流程节点的选择。

图3中示出了本公开实施例提供的一种流程配置页面的示意图。对图3中流程配置页面的具体说明可以参照图2中所示的示例。

图3中所示的状态为一个流程节点组件在被用户拖拽，拖拽位置位于流程节点3的上半部分，这时可以确定候选插入流程节点位于流程节点2与流程节点3之间，这时该候选插入流程节点对应的预设展示区域可以位于流程节点2与流程节点3之间。

本公开的一种可选方式中，在候选插入流程节点对应的预设展示区域内展示节点配置界面图像，包括：

根据候选插入流程节点对应的预设展示区域的尺寸，对节点配置界面图像进行尺寸调整；

将尺寸调整后的节点配置界面图像在预设展示区域内展示。

本公开实施例中，可以预配置预设展示区域的尺寸，作为一个示例，预设展示区域的尺寸可以小于节点配置界面的实际尺寸，如配置为页面中一行或者两行默认字号的文本所占区域的尺寸。通过提供一个较小的预设展示区域，使得其在业务流程展示区域中已完成配置的流程节点的节点配置界面能够被更好的展示，便于用户了解候选插入节点前后的流程节点的内容。

在预设展示区域的尺寸可以小于节点配置界面的实际尺寸时，对节点配置界面图像进行尺寸调整，即对节点配置界面进行一定比例的缩放，使其能够被完全展示在预设展示区域内。

本公开的一种可选方式中，上述方法还包括：

在拖拽操作的过程中，依照预设样式对预设展示区域的边框进行显示。

本公开实施例中，可以进行拖拽操作的过程中，将依照预设样式对预设展示区域的边框进行显示，例如，可以使得预设展示区域的边框相较于流程配置页面凸出显示，以使用户更容易观察到节点配置界面图像，以及候选插入流程节点在当前业务流程中的位置。

本公开的一种可选方式中，在展示节点配置界面图像之后，上述方法还包括：

响应于检测到拖拽操作的拖拽终点，基于拖拽终点的位置，确定在当前业务流程中的被插入流程节点；

将目标流程节点组件对应的节点配置界面插入至当前业务流程的概览图中被插入流程节点对应的区域。

其中，拖拽终点，即拖拽操作完成时对应的拖拽位置，即用户不再按住鼠标时，鼠标指针在业务流程展示区域内的所处的位置。

在检测到拖拽操作的拖拽终点，即检测到拖拽操作完成后，可以基于拖拽终点的位置，确定在当前业务流程中的被插入流程节点。被插入流程节点即为将目标流程节点在该拖拽终点位置插入当前业务流程后对应的流程节点。

本公开实施例中，根据拖拽终点确定被插入流程节点的方式，可以参照前述的根据拖拽位置确定候选插入流程节点的方式。

在确定出被插入流程节点后，可以将目标流程节点组件对应的节点配置界面插入至当前业务流程的概览图中被插入流程节点对应的区域。具体而言，可以重新加载流程配置页面，重新加载后的当前业务流程的概览图中，目标流程节点组件对应的节点配置界面被插入至当前业务流程的概览图中被插入流程节点对应的区域。

在被插入流程节点的的节点配置界面被在当前业务流程的概览图中展示后，用户可以通过被插入流程节点的节点配置界面对被插入流程节点进行配置。

本公开实施例中，对流程节点组件的拖拽操作可以基于拖与拽(Drag and Dropfor React，react-DnD)开源库实现。

本公开的一种可选方式中，上述方法还包括：

响应于检测到用户在节点配置界面中的配置信息输入框内输入了指定字符，向用户展示至少一项变量标识；

响应于检测到用户对变量标识中目标变量标识的选择操作，将目标变量标识对应的目标变量输入至配置信息输入框。

本公开实施例中，节点配置界面中可以提供配置信息输入框，用户可以通过在配置信息输入框内输入配置信息，实现对流程节点的配置。

作为一个示例，在金融双录场景中，需要用户可以需要对一些文本进行朗读，在进行业务流程配置时，配置信息输入框可以用于对用户所朗读文本的输入。

本公开实施例中，在进行配置信息的输入时，可能会应用到一些变量，例如，可以将用户标识、产品标识、产品描述信息等数据定义为变量。这些变量在作为配置信息输入时可以以变量标识的形式展示，在配置完成后，在业务流程中相关界面向用户进行展示时，可以被转换为实际的变量值。例如，变量标识为“产品标识”，在在业务流程中相关界面向用户展示时，将其转换为该产品标识的实际的字符串。

本公开实施例中，在检测到用户输入了指定字符时，表示用户需要进行变量的输入，这时可以向用户展示至少一项变量标识，以供用户从所展示的变量标识中选择目标变量标识，而后将目标变量标识输入至配置信息输入框。

作为一个示例，指定字符可以为“/”，可以采用变量标识列表的方式展示各展示变量标识。

本公开实施例中，还可以支持通过语音输入的方式，进行配置信息的输入。

本公开的一种可选方式中，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，包括：

加载目标流程节点组件对应的节点配置界面；

对节点配置界面进行截图，得到节点配置界面图像。

本公开实施例中，可以在后台加载目标流程节点组件对应的节点配置界面，而后采用对节点配置界面进行截图的方式，得到节点配置界面图像。

作为一个示例，对节点配置界面进行截图，可以基于画布(canvas)截图功能实现。

本公开的一种可选方式中，在获取目标流程节点组件对应的节点配置界面的节点配置界面图像之前，上述方法还包括：

根据拖拽操作的拖拽起点确定目标流程节点组件。

其中，拖拽起点，即用户开始按住鼠标，拖拽操作开始时鼠标指针所处的位置。各流程节点组件均预配置有对应的触发区域，当拖拽起点位于某一流程节点组件对应的触发区域中时，该流程节点组件即为目标流程节点组件。

图4示出了本公开实施例提供的另一种节点配置界面展示方法的流程示意图，如图4中所示，该方法主要可以包括：

步骤S410：获取流程配置页面，流程配置页面包括至少一个流程节点组件；

步骤S420：响应于检测到用户的拖拽操作，根据拖拽操作的拖拽起点确定目标流程节点组件；

步骤S430：获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；

步骤S440：在拖拽操作的过程中，根据目标流程节点组件在业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

步骤S450：在候选插入流程节点对应的预设展示区域内展示节点配置界面图像。

其中，流程配置页面为用于对业务流程进行配置的页面，流程配置页面中可以包括多个流程节点组件，各流程节点组件可以对应有不同类型的流程节点，流程节点的对应的代码文件可以预置，作为流程节点模板复用。用户可以通过拖拽流程节点组件，将拖拽的流程节点组件对应的流程节点添加至业务流程中。

各流程节点被预开发有节点配置界面，用于对流程节点进行具体配置。

拖拽起点，即用户开始按住鼠标，拖拽操作开始时鼠标指针所处的位置。各流程节点组件均预配置有对应的触发区域，当拖拽起点位于某一流程节点组件对应的触发区域中时，该流程节点组件即为目标流程节点组件。

可以将目标流程节点组件对应流程节点记做目标流程节点。目标流程节点组件对应的节点配置界面，即目标流程节点的节点配置界面。

节点配置界面图像为节点配置界面的界面图像，通过展示节点配置界面图像，能够使用户了解到节点配置界面的具体内容。

本公开实施例中，在检测到用户进行拖拽操作时，可以确定拖拽操作对应的流程节点组件，即目标流程节点组件，并获取目标流程节点组件节点配置界面的节点配置界面图像，在用户进行拖拽操作的过程中，对节点配置界面图像进行展示，使得用户能够在将目标流程节点添加至业务流程之前，了解到目标流程节点的节点配置界面的界面内容，方便用户的使用。

本公开实施例提供的方法，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

本公开实施例中，由于是在目标流程节点组件的拖拽过程中，将目标流程节点的节点配置界面图像进行展示，使得用户能够更早地了解到节点配置界面的内容，以判断目标流程节点是否适合被添加至业务流程中，并在选择到适合的流程节点后，再将其拖拽至业务流程中，能够减少因将不适合的流程节点添加至业务流程中，导致需要在业务流程中删除该流程节点，而后从新选择流程节点进行拖拽操作的情况，方便了用户的使用，有助于提升业务流程的配置效率。

本公开实施例中，当前业务流程为当前正在被配置的业务流程。流程配置页面中可以包括业务流程展示区域，用于展示当前业务流程的概览图，概览图即将当前业务流程的各流程节点，各流程节点之间的逻辑关系，以及各流程节点的节点配置界面进行展示。

用户一般可以通过按住鼠标并进行拖动的方式进行拖拽操作，拖拽位置即在拖拽目标流程节点组件时，被拖拽的目标流程节点组件在业务流程展示区域内的所处的位置，具体而言，可以为鼠标指针在业务流程展示区域内的所处的位置。在目标流程节点组件在业务流程展示区域内被拖拽移动时，随着拖拽位置的变化，目标流程节点在当前业务流程中的插入位置可能也发生变化。在将目标流程节点组件拖动至某一拖拽位置时，如果在该位置将目标流程节点插入当前业务流程，那么候选插入流程节点即为将目标流程节点在该拖拽位置插入当前业务流程后对应的流程节点。

本公开实施例中，可以预配置业务流程中各流程节点对应的预设展示区域，具体而言，可以根据各流程节点在业务流程中的逻辑顺序配置预设展示区域，例如，业务流程中第二个流程节点对应的预设展示区域位于第一个流程节点与第三个流程节点之间。

作为一个示例，当前业务流程的概览图中各流程节点可以由上至下依次紧密排列，可以根据拖拽位置与概览图中各流程节点的相对位置，确定候选插入流程节点的位置。例如，当拖拽位置位于概览图中某一流程节点中时，可以判断拖拽位置具体位于该流程节点所在区域的上半部分还是下半部分，如果拖拽位置位于该流程节点所在区域的上半部分，则可以确定候选插入流程节点与该流程节点相邻，并且位于该流程节点的上方。如果拖拽位置位于该流程节点所在区域的下半部分，则可以确定候选插入流程节点与该流程节点相邻，并且位于该流程节点的下方。

通过在预设展示区域内展示节点配置界面图像，使得用户能够了解到目标流程节点在当前业务流程中的位置，以及目标流程节点的节点配置界面在概览图中的位置，更有助于用户对流程节点的选择。

基于与图1中所示的方法相同的原理，图5示出了本公开实施例提供的一种节点配置界面展示装置的结构示意图，如图5所示，该节点配置界面展示装置50可以包括：

流程配置页面获取模块510，用于获取流程配置页面，流程配置页面包括至少一个流程节点组件；

节点配置界面图像获取模块520，用于响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；

节点配置界面展示模块530，用于在拖拽操作的过程中展示节点配置界面图像。

本公开实施例提供的装置，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

可选地，流程配置页面包括业务流程展示区域，业务流程展示区域内展示有当前业务流程的概览图，节点配置界面展示模块具体用于：

在拖拽操作的过程中，根据目标流程节点组件在业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

在候选插入流程节点对应的预设展示区域内展示节点配置界面图像。

可选地，节点配置界面展示模块在候选插入流程节点对应的预设展示区域内展示节点配置界面图像时，具体用于：

根据候选插入流程节点对应的预设展示区域的尺寸，对节点配置界面图像进行尺寸调整；

将尺寸调整后的节点配置界面图像在预设展示区域内展示。

可选地，上述装置还包括:

边框显示模块，用于在拖拽操作的过程中，依照预设样式对预设展示区域的边框进行显示。

可选地，上述装置还包括流程节点插入模块，流程节点插入模块用于：

在展示节点配置界面图像之后，响应于检测到拖拽操作的拖拽终点，基于拖拽终点的位置，确定在当前业务流程中的被插入流程节点；

将目标流程节点组件对应的节点配置界面插入至当前业务流程的概览图中被插入流程节点对应的区域。

可选地，上述装置还包括配置信息输入模块，配置信息输入模块用于：

响应于检测到用户在节点配置界面中的配置信息输入框内输入了指定字符，向用户展示至少一项变量标识；

响应于检测到用户对变量标识中目标变量标识的选择操作，将目标变量标识对应的目标变量输入至配置信息输入框。

可选地，节点配置界面展示模块在获取目标流程节点组件对应的节点配置界面的节点配置界面图像时，具体用于：

加载目标流程节点组件对应的节点配置界面；

对节点配置界面进行截图，得到节点配置界面图像。

可选地，上述装置还包括:

目标流程节点组件确定模块，用于在获取目标流程节点组件对应的节点配置界面的节点配置界面图像之前，根据拖拽操作的拖拽起点确定目标流程节点组件。

可以理解的是，本公开实施例中的节点配置界面展示装置的上述各模块具有实现图1中所示的实施例中的节点配置界面展示方法相应步骤的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。上述模块可以是软件和/或硬件，上述各模块可以单独实现，也可以多个模块集成实现。对于上述节点配置界面展示装置的各模块的功能描述具体可以参见图1中所示实施例中的节点配置界面展示方法的对应描述，在此不再赘述。

基于与图4中所示的方法相同的原理，图6示出了本公开实施例提供的一种节点配置界面展示装置的结构示意图，如图6所示，该节点配置界面展示装置60可以包括：

流程配置页面获取模块610：获取流程配置页面，流程配置页面包括至少一个流程节点组件；

目标流程节点组件确定模块620，用于响应于检测到用户的拖拽操作，根据拖拽操作的拖拽起点确定目标流程节点组件；

节点配置界面图像获取模块630，用于获取目标流程节点组件对应的节点配置界面的节点配置界面图像，目标流程节点组件为拖拽操作对应的流程节点组件；

候选插入流程节点确定模块640，用于在拖拽操作的过程中，根据目标流程节点组件在业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

节点配置界面展示模块650，用于在候选插入流程节点对应的预设展示区域内展示节点配置界面图像。

本公开实施例提供的装置，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

可以理解的是，本公开实施例中的节点配置界面展示装置的上述各模块具有实现图4中所示的实施例中的节点配置界面展示方法相应步骤的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。上述模块可以是软件和/或硬件，上述各模块可以单独实现，也可以多个模块集成实现。对于上述节点配置界面展示装置的各模块的功能描述具体可以参见图4中所示实施例中的节点配置界面展示方法的对应描述，在此不再赘述。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

该电子设备包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如本公开实施例提供的节点配置界面展示方法。

该电子设备与现有技术相比，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

该可读存储介质为存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行如本公开实施例提供的节点配置界面展示方法。

该可读存储介质与现有技术相比，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

该计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现如本公开实施例提供的节点配置界面展示方法。

该计算机程序产品与现有技术相比，通过获取包括至少一个流程节点组件的流程配置页面，在检测到用户的拖拽操作时，获取拖拽操作对应的流程节点组件的节点配置界面图像，从而在拖拽操作的过程中展示节点配置界面图像。基于本方案，能够在流程节点被添加至业务流程之前，将相应的节点配置界面的界面内容展示给用户，方便了用户的使用，有助于提升业务流程的配置效率。

图7示出了可以用来实施本公开的实施例的示例电子设备70的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图7所示，电子设备70包括计算单元710，其可以根据存储在只读存储器(ROM)720中的计算机程序或者从存储单元780加载到随机访问存储器(RAM)730中的计算机程序，来执行各种适当的动作和处理。在RAM730中，还可存储设备70操作所需的各种程序和数据。计算单元710、ROM720以及RAM 730通过总线740彼此相连。输入/输出(I/O)接口750也连接至总线740。

设备70中的多个部件连接至I/O接口750，包括：输入单元760，例如键盘、鼠标等；输出单元770，例如各种类型的显示器、扬声器等；存储单元780，例如磁盘、光盘等；以及通信单元790，例如网卡、调制解调器、无线通信收发机等。通信单元790允许设备70通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元710可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元710的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元710执行本公开实施例中所提供的节点配置界面展示法。例如，在一些实施例中，执行本公开实施例中所提供的节点配置界面展示方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元780。在一些实施例中，计算机程序的部分或者全部可以经由ROM 720和/或通信单元790而被载入和/或安装到设备70上。当计算机程序加载到RAM 730并由计算单元710执行时，可以执行本公开实施例中所提供的节点配置界面展示方法的一个或多个步骤。备选地，在其他实施例中，计算单元710可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行本公开实施例中所提供的节点配置界面展示方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (19)

1.一种节点配置界面展示方法，包括：

获取流程配置页面，所述流程配置页面包括至少一个流程节点组件；

响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，所述目标流程节点组件为所述拖拽操作对应的所述流程节点组件；

在所述拖拽操作的过程中展示所述节点配置界面图像。

2.根据权利要求1所述的方法，其中，所述流程配置页面包括业务流程展示区域，所述业务流程展示区域内展示有当前业务流程的概览图，所述在所述拖拽操作的过程中展示所述节点配置界面图像，包括：

在所述拖拽操作的过程中，根据所述目标流程节点组件在所述业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

在所述候选插入流程节点对应的预设展示区域内展示所述节点配置界面图像。

3.根据权利要求2所述的方法，其中，所述在所述候选插入流程节点对应的预设展示区域内展示所述节点配置界面图像，包括：

根据所述候选插入流程节点对应的预设展示区域的尺寸，对所述节点配置界面图像进行尺寸调整；

将尺寸调整后的所述节点配置界面图像在所述预设展示区域内展示。

4.根据权利要求2或3所述的方法，所述方法还包括：

在所述拖拽操作的过程中，依照预设样式对所述预设展示区域的边框进行显示。

5.根据权利要求2-4中任一项所述的方法，在所述展示所述节点配置界面图像之后，所述方法还包括：

响应于检测到所述拖拽操作的拖拽终点，基于所述拖拽终点的位置，确定在当前业务流程中的被插入流程节点；

将所述目标流程节点组件对应的节点配置界面插入至所述当前业务流程的概览图中所述被插入流程节点对应的区域。

6.根据权利要求5所述的方法，还包括：

响应于检测到用户在所述节点配置界面中的配置信息输入框内输入了指定字符，向用户展示至少一项变量标识；

响应于检测到用户对所述变量标识中目标变量标识的选择操作，将所述目标变量标识对应的目标变量输入至所述配置信息输入框。

7.根据权利要求1-6中任一项所述的方法，其中，所述获取目标流程节点组件对应的节点配置界面的节点配置界面图像，包括：

加载目标流程节点组件对应的节点配置界面；

对所述节点配置界面进行截图，得到节点配置界面图像。

8.根据权利要求1-7中任一项所述的方法，其中，在所述获取目标流程节点组件对应的节点配置界面的节点配置界面图像之前，所述方法还包括：

根据所述拖拽操作的拖拽起点确定所述目标流程节点组件。

9.一种节点配置界面展示装置，包括：

流程配置页面获取模块，用于获取流程配置页面，所述流程配置页面包括至少一个流程节点组件；

节点配置界面图像获取模块，用于响应于检测到用户的拖拽操作，获取目标流程节点组件对应的节点配置界面的节点配置界面图像，所述目标流程节点组件为所述拖拽操作对应的所述流程节点组件；

节点配置界面展示模块，用于在所述拖拽操作的过程中展示所述节点配置界面图像。

10.根据权利要求9所述的装置，其中，所述流程配置页面包括业务流程展示区域，所述业务流程展示区域内展示有当前业务流程的概览图，所述节点配置界面展示模块具体用于：

根据所述目标流程节点组件在所述业务流程展示区域内的拖拽位置，确定在当前业务流程中的候选插入流程节点；

在所述候选插入流程节点对应的预设展示区域内展示所述节点配置界面图像。

11.根据权利要求10所述的装置，其中，所述节点配置界面展示模块在所述候选插入流程节点对应的预设展示区域内展示所述节点配置界面图像时，具体用于：

根据所述候选插入流程节点对应的预设展示区域的尺寸，对所述节点配置界面图像进行尺寸调整；

将尺寸调整后的所述节点配置界面图像在所述预设展示区域内展示。

12.根据权利要求10或11所述的装置，还包括:

边框显示模块，用于在所述拖拽操作的过程中，依照预设样式对所述预设展示区域的边框进行显示。

13.根据权利要求10-12中任一项所述的装置，还包括流程节点插入模块，所述流程节点插入模块用于：

在所述展示所述节点配置界面图像之后，响应于检测到所述拖拽操作的拖拽终点，基于所述拖拽终点的位置，确定在当前业务流程中的被插入流程节点；

将所述目标流程节点组件对应的节点配置界面插入至所述当前业务流程的概览图中所述被插入流程节点对应的区域。

14.根据权利要求13所述的装置，其中，还包括配置信息输入模块，所述配置信息输入模块用于：

响应于检测到用户在所述节点配置界面中的配置信息输入框内输入了指定字符，向用户展示至少一项变量标识；

响应于检测到用户对所述变量标识中目标变量标识的选择操作，将所述目标变量标识对应的目标变量输入至所述配置信息输入框。

15.根据权利要求9-14中任一项所述的装置，其中，所述节点配置界面展示模块在获取目标流程节点组件对应的节点配置界面的节点配置界面图像时，具体用于：

加载目标流程节点组件对应的节点配置界面；

对所述节点配置界面进行截图，得到节点配置界面图像。

16.根据权利要求9-15中任一项所述的装置，还包括：

目标流程节点组件确定模块，用于在所述获取目标流程节点组件对应的节点配置界面的节点配置界面图像之前，根据所述拖拽操作的拖拽起点确定所述目标流程节点组件。

17.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-8中任一项所述的方法。

18.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-8中任一项所述的方法。

19.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-8中任一项所述的方法。

Images