对话框组件调用方法、装置、服务器及存储介质与流程

本发明涉及计算机技术领域，尤其涉及一种对话框组件调用方法、装置、服务器及存储介质。

背景技术：

随着科学技术的不断发展，电子设备的功能愈加丰富，例如，手机、电脑等电子设备能够提供观看视频、查看新闻、股市等各项功能。

现有技术中，在用户使用电子设备观看视频、查看股市等场景中，用户往往需要一边关注剧情或股市行情，一边进行聊天或股市咨询。以同时查看股市行情以及进行股市咨询为例，现有技术中需要在查看股市行情的页面中打开与咨询对象的对话页面，对话页面打开后，查看股市行情的页面中的股市变化处于暂停状态，只有在关闭对话页面后才能继续更新股市，这样就导致查看股市行情和股市咨询无法同时进行。即，现有技术中无法实现观看和对话两个任务同时进行的问题。

技术实现要素：

本说明书实施例提供及一种对话框组件调用方法、装置、服务器及存储介质。

第一方面，本说明书实施例提供一种对话框组件调用方法，包括：

在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签；

根据所述目标页面标签，确定所述对话框入口的目标显示模式，并将所述对话框入口以所述目标显示模式显示在所述当前页面上；

在检测到针对所述对话框入口的第二操作时，调用对话框组件，以使用户通过所述对话框组件与目标对象进行交互，其中，所述目标对象为位于所述当前页面N级目录下的对象，N为正整数。

第二方面，本说明书实施例提供一种对话框组件调用装置，包括：

获取模块，用于在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签；

显示模块，用于根据所述目标页面标签，确定所述对话框入口的目标显示模式，并将所述对话框入口以所述目标显示模式显示在所述当前页面上；

处理模块，用于在检测到针对所述对话框入口的第二操作时，调用对话框组件，以使用户通过所述对话框组件与目标对象进行交互，其中，所述目标对象为位于所述当前页面N级目录下的对象，N为正整数。

第三方面，本说明书实施例提供一种服务器，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行上述第一方面所述方法的步骤。

第四方面，本说明书实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一项所述方法的步骤。

本说明书实施例有益效果如下：

本说明书实施例中，当检测到用于在当前页面上显示对话框入口的第一操作时，获取当前页面的目标页面标签，根据目标页面标签，确定对话框入口的目标显示模式，并将对话框入口以目标显示模式显示在当前页面上，进一步的，在检测到针对对话框入口的第二操作时，调用对话框组件，以使用户通过对话框组件与目标对象进行交互，其中，目标对象为位于当前页面N级目录下的对象。上述方案中，将对话框组件作为独立的组件进行调用和使用，因此对话框组件不会影响原页面的展示和动态变化，实现了原网页功能和对话功能同时进行。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1为本说明书实施例第一方面提供的一种对话框组件调用方法的流程图；

图2为本说明书实施例提供的第一类型的页面示意图；

图3为本说明书实施例提供的第二类型的页面示意图；

图4为本说明书实施例提供的图标显示模式下的对话框入口的示意图；

图5为本说明书实施例提供的输入框显示模式下的对话框入口的示意图；

图6为本说明书实施例提供的将对话输入框子组件以及输入键盘子组件显示在当前页面的示意图；

图7为本说明书实施例提供的以弹幕样式的半透明气泡进行消息展示的示意图；

图8为本说明书实施例第三方面提供的一种对话框组件调用装置的示意图；

图9为本说明书实施例第四方面提供的服务器的示意图。

具体实施方式

为了更好的理解上述技术方案，下面通过附图以及具体实施例对本说明书实施例的技术方案做详细的说明，应当理解本说明书实施例以及实施例中的具体特征是对本说明书实施例技术方案的详细的说明，而不是对本说明书技术方案的限定，在不冲突的情况下，本说明书实施例以及实施例中的技术特征可以相互组合。

第一方面，本说明书实施例提供一种对话框组件调用方法，如图1所示，为本说明书实施例提供的一种对话框组件调用方法的流程图，该方法包括以下步骤：

步骤S11：在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签；

步骤S12：根据所述目标页面标签，确定所述对话框入口的目标显示模式，并将所述对话框入口以所述目标显示模式显示在所述当前页面上；

步骤S13：在检测到针对所述对话框入口的第二操作时，调用对话框组件，以使用户通过所述对话框组件与目标对象进行交互，其中，所述目标对象为位于所述当前页面N级目录下的对象，N为正整数。

本说明书实施例中的方案应用于电子设备中，例如手机、笔记本电脑、平板电脑等，电子设备中可以安装有视频应用、股市应用等应用程序。针对每个应用程序来说，运行应用程序时可以在电子设备的显示屏上进行页面显示，每个应用程序可以有多个页面用于显示。

应说明的是，当前页面可以是电子设备的显示屏上显示的页面，例如，当电子设备当前运行视频应用时，如果电子设备当前展示的是视频应用的视频播放页面，则当前页面为视频播放页面。当电子设备当前运行的是股市应用时，如果电子设备当前展示的是股市行情展示页面，则当前页面为股市行情展示页面。

本说明书实施例中，对话框组件是独立设置的组件，即对话框组件不包括在当前页面的组件中，实在当前页面显示完成后通过调用来实现对话框组件的功能。应理解的是，由于需要在当前页面调用对话框组件，因此，当前页面中包含有能够交互的目标对象，例如目标对象为联系人列表中的用户、应用程序的智能助手等。目标对象可以位于当前页面的N级目录下，N为正整数。也就是说，通过点击当前页面中的一级或多级目录，可以打开与目标对象的对话页面。本说明书实施例中，对话框组件与目标对象相关联，即，在当前页面调用对话框组件时，能够通过对话框组件实现与目标对象进行聊天对话，无需打开与目标对象的对话页面。

上述方案，由于将对话框组件作为一个独立的组件，因此，在调用对话框组件时可以不影响原页面的功能，即在保持原页面的展示和动态变化的基础上，实现了与目标对象进行对话。进一步的，由于对话框组件是与当前页面N级目录下的对象相关联的，通过本方案中对对话框的调用，能够快速的启动和目标对象的交互功能。

下面，对本说明书实施例提供的对话框组件调用方法进行说明，首先，执行步骤S11：在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签。

本说明书实施例中，可以通过检测第一操作来显示对话框入口，第一操作可以根据实际需要预先设定的。例如，第一操作可以是双击当前页面、长按目标对象的选项、或者是长按与目标对象的对话页面，还可以是其他操作，这里不做具体限定。

在检测到第一操作时，进行一步获取当前页面的页面标签，页面标签可以根据实际需要来进行设置，例如，根据页面内容来添加标签、根据页面布局来添加标签，根据页面类型来添加标签等。

接下来，执行步骤S12：根据所述目标页面标签，确定所述对话框入口的目标显示模式，并将所述对话框入口以所述目标显示模式显示在所述当前页面上。

在确定了目标页面标签后，进一步的确定对话框入口的目标显示模式。在一个实施例中，可以预先设置页面标签与显示模式的对应关系，当获取了目标页面标签之后，通过在对应关系中查找目标页面标签来确定对应的目标显示模式。当然，还可以采用其他的方式来确定对话框入口的目标显示模式。目标显示模式可以包括对话框入口的显示形状、显示尺寸、显示颜色、显示位置等。

最后，执行步骤S13：在检测到针对所述对话框入口的第二操作时，调用对话框组件，以使用户通过所述对话框组件与目标对象进行交互，其中，所述目标对象为位于所述当前页面N级目录下的对象，N为正整数。

本说明书实施例中，对话框入口可以看作是对话框组件的调用入口，在显示了对话框入口之后，可以通过检测第二操作来调用对话框组件。第二操作可以根据实际需要进行设置，例如，点击对话框入口，或者长按对话框入口等。在检测到第二操作之后，调用对话框组件。

应理解的是，对话框组件可以包括输入框以及输入键盘，在检测到调用对话框组件时，可以将输入框以及输入键盘显示在当前页面上，以使用户和目标对象进行聊天对话等交互活动。

另外，在所述在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签之前，所述方法还包括：对预设页面库中的每个页面添加页面标签，其中，所述预设页面库中包括目标应用程序中的显示页面。

在具体实施过程中，目标应用程序可以是电子设备中安装的一个或多个应用程序，以目标应用程序为股市应用，股市应用可以包括多个显示页面，在这多个页面中，有的页面包括有用户能够对话聊天的对象，有的页面不包括用户能够对话聊天的对象，例如，在股市应用中，有的页面中含有财富顾问列表，用户可以通过点击财务顾问列表中的对象来进行对话；有的页面仅用于展示股市相关信息。

本说明书实施例中，预设页面库可以包含有目标应用程序的所有显示页面，也可以包含有目标应用程序的部分显示页面。仍以股市应用为例，预设页面库中可以包含有股市应用中的所有显示页面，也可以仅将股市应用中的包含有交互对象的页面加入到预设页面库中，这里不做限定。

对于预设页面库中的每个页面，都需要添加页面标签。页面标签可以根据实际需要来进行设置。例如，根据页面中是否包含有交互对象来添加页面标签、根据页面内容来添加页面标签、根据页面布局来添加页面标签等。

下面，以根据页面类型来添加页面标签为例来进行说明，具体的包括以下步骤：确定所述预设页面库中的每个页面的页面类型，其中，所述页面类型包括页面的目标显示区域中存在目标显示内容的第一类型，以及页面的所述目标显示区域不存在所述目标显示内容的第二类型；基于所述每个页面的页面类型，对所述每个页面进行标签添加。

在该实施例中，目标显示区域可以是页面上的任意位置，例如，目标显示区域为页面的底部，或者目标显示区域为页面的顶部，这里不做限定。目标显示内容可以根据实际需要进行设置，例如目标显示内容为输入栏、菜单栏、标签栏等。举例来讲，目标显示区域为页面的底部，目标显示内容为tab选项栏，那么将页面底部有tab选项栏的页面确定为第一类型，将页面底部没有tab选项栏的页面确定为第二类型，请参考图2和图3，图2为第一类型的页面示意图，图2为股市应用中的股市行情展示页面，该页面的下方存在tab选项栏，图3为第二类型的页面示意图，图3为股市应用中的股市行情展示页面，该页面的下方不存在tab选项栏。

接下来，对每种页面类型的页面添加标签。在本说明书实施例中，由于页面被分为第一类型和第二类型，因此标签也可以对应分为两类，用于区分上述两类页面。即，对第一类型的页面添加第一标签，对第二类型的页面添加第二标签。当然，页面标签还可以包括多种，例如，在第一类型页面中，根据页面的结构具体添加标签等，可以根据实际需要来进行添加，这里不做限定。

进一步的，对于不同类型的页面，为了避免对话框入口对目标显示内容的遮挡，可以通过以下方式来设置对话框入口的目标显示模式：在所述目标页面标签表明所述当前页面的页面类型为所述第一类型时，确定所述目标显示模式为图标显示模式；在所述目标页面标签表明所述当前页面的页面类型为所述第二类型时，确定所述目标显示模式为输入框显示模式。

本说明书实施例中，对于不同的页面标签，对话框入口可以设置有不同的显示模式，页面标签和对话框入口的显示模式的对应关系可以是预先设置好的。仍以上述第一类型页面为页面底部存在tab选项栏的页面，第二类型页面为页面底部没有tab选项栏的页面为例。当需要在第一类型页面上显示对话框入口时，假设对话框入口已经设定好要显示在页面底部，且对话框入口显示在当前页面的上一层，此时，如果对话框话入口以输入框的模式展示，那么在操作对话框入口时则可能会误触到tab选项栏，也就是说tab选项栏会影响对话框入口的操作和展示。

为了避免上述问题，在通过页面标签确定当前页面类型为第一类型时，将对话框入口以图标显示模式进行显示，如图4所示，为图标显示模式下的对话框入口的示意图，在图4中，对话框入口为显示在页面左下方的显示有“icon”的圆形区域。在通过页面标签确定当前页面类型为第二类型时，即页面底部没有tab选项栏时，操作对话框入口不会对原页面时，可以直接以输入框显示模式来显示对话框入口，如图5所示，为输入框显示模式下的对话框入口的示意图，在图5中，对话框入口为显示在页面下方的输入框区域。

需要说明的是，上述方案只是展示对话框入口的一种方式，在具体实施过程中，可以根据实际需要来进行对话框入口的显示模式。例如，可以根据页面的布局和内容，将对话框入口以预设形状显示在当前页面的空白处，或者不影响当前页面功能的位置处等。另外，对话框入口的显示模式可包括显示形状、显示位置、透明度等。在一个实施例中，对话框入口以半透明的方式悬浮显示在当前页面的上层(如置顶显示)。当然，显示模式还可以包括其他内容，各项内容可以根据需要来设定，这里不做限定。

应理解的是，本说明书实施例中，对话框组件被调用时，用户能够通过对话框组件与目标对象进行聊天对话。因此，需要将对话框组件与当前页面中的目标对象进行关联，以使在调用对话框组件时，用户通过对话框组件与目标对象交互。

对话框组件与目标对象的关联可以通过多种方式实现，例如，预先设置好与对话框组件相关联的目标对象，还可以通过检测用户的操作来实现与目标对象的关联。

在一个实施例中，在检测到与所述目标对象进行交互的对话页面被打开时，将所述对话框组件与所述目标对象进行关联。在该实施例中，在电子设备显示的当前页面上，根据目标对象在当前页面上的路径，对应打开与目标对象的对话页面，在该对话页面上可以显示与目标对象的聊天记录、输入框、输入键盘等。在该对话页面被打开时，将对话框组件与目标对象进行关联，也就是说在调用对话框组件时，用户是与该目标对象进行聊天对话的。

当然，还可以通过其他操作来进行目标对象与对话框组件进行关联，例如，通过长按目标对象选项来进行关联，或者检测到退出上述目标对象的对话页面的操作时，进行关联等，这里不做限定。

本说明书实施例中，对话框组件的调用是通过检测针对对话框入口的第二操作来实现的，在调用对话框组件之后，本说明书实施例中的方法还包括：将所述对话框组件的目标子组件以第一预设显示方式显示在所述当前页面上，所述目标子组件包括对话输入框子组件以及输入键盘子组件。

在具体实施过程中，第一预设显示方式可以根据实际需要来设置，第一预设显示方式可以包括各个待显示的目标子组件的显示方式(包括显示位置、显示形状、颜色、透明度等)，如对话输入框子组件的显示方式以及输入键盘子组件的显示方式。在一个实施例中，在调用对话框组件之后，将对话输入框子组件以及输入键盘子组件显示在当前页面的下方，如图6所示。

进一步的，本说明书实施例中的方法还包括：在检测到通过所述对话框组件接收或发送消息时，将所述消息以第二预设显示方式显示在所述当前页面上。

具体来讲，当用户通过对话框组件与目标对象进行对话聊天时，可以通过显示在当前页面的对话输入框子组件以及输入键盘子组件来输入文字，并将文字发送给目标对象，同时也可以接收目标对象发送的消息。本说明书实施例中，用户发送或接收的消息可以直接显示在当前页面上，无需打开与目标对象交互的原始对话页面。这样就可以保证在聊天对话的同时，查看当前页面上的内容动态。

另外，第二预设显示方式可以根据实际需要进行设置，本说明书实施例中，为了不影响对当前页面的内容显示，第二预设显示方式可以是弹幕样式的半透明气泡，如图7所示，为本说明书实施例提供的以弹幕样式的半透明气泡进行消息展示的示意图。

进一步的，如果想进入与目标对象交互的原始对话页面，可以通过在当前页面上执行下拉操作以使本次对话中的历史消息在当前页面上滑动，在当前页面展示本次对话的第一条消息时，如果还持续下拉时，则展示与目标对象交互的原始对话页面。例如，用户想查看与目标对象的所有历史聊天记录，此时，可以通过持续下拉操作使当前对话的第一条消息显示在当前页面上，如果仍然检测到下拉操作，则打开与目标对象交互的原始对话页面，可以在原始对话页面上查看所有的历史聊天记录。

另外，本说明书实施例中的方案，在显示对话框入口之后，如果没有接收到关闭对话框入口的操作，可以一直保持对话框入口处于显示状态，即使当前页面切换为其他页面时，对话框入口也可以显示在其他页面上。这样，不用考虑用户当前查看的哪个页面，都可以通过对话框入口快速唤起与目标对象的对话功能。

本说明书实施例中的方案，将对话框组件作为一个可独立使用的空间，应用在多种页面场景中，由于在对话框组件的使用过程中，对话框入口以及收发的消息都可以位于页面的浮层页，因此可以在不影响原页面展示和动态变化的情况下，实现与目标对象的聊天对话，即原页面的展示和动态变化能够与聊天对话同时进行。另外，由于本说明书实施例中设置有对话框入口，该对话框入口相当于开启对话功能的快捷入口，不需要通过多次操作(例如多次点击当前页面的各个菜单、查找目标对象选项在当前页面的位置等)来打开与目标对象的对话页面来实现对话聊天。仅通过对对话框入口的操作就可以快速调用对话框组件，来唤起对话功能以及输入聊天内容，因此大大简化了操作流程。

为了更好的理解本说明书实施例中的对话框组件调用方法，下面以股市应用为例，来对本说明书实施例提供的对话框组件调用方法进行说明。

在该实施例中，股市应用中提供智能助手，用户可以通过和智能助手对话来查询账户相关的信息，例如账户资金、收益等。用户可以先通过打开与智能助手对话的对话页面，以使对话框组件和智能助手关联。进一步的，在该实施例中，用于在当前页面上显示对话框入口的第一操作可以为退出与智能助手对话的对话页面的操作，即在检测到退出该对话页面时，获取当前页面的页面标签。如果页面标签表明当前页面为页面底部存在tab选项栏的第一类型页面时，确定对话框入口的目标显示模式为图标显示模式，并将对话框入口显示以图标显示模式显示在当前页面上。

进一步的，当检测到点击对话框入口的第二操作时，调用对话框组件，并在当前页面展示对话输入框子组件以及输入键盘子组件，用户可以通过输入键盘子组件进行文字编辑，并将文字显示在对话输入框子组件中。当用户将编辑好的文字发送给智能助手的时候，消息以半透明气泡的形式显示在当前页面上，同时在接收到智能助手的消息时，也将接收到的消息以半透明气泡的形式显示在当前页面上。

第二方面，本说明书实施例提供一种对话框组件调用装置，请参考图8，包括：

获取模块81，用于在检测到用于在当前页面上显示对话框入口的第一操作时，获取所述当前页面的目标页面标签；

显示模块82，用于根据所述目标页面标签，确定所述对话框入口的目标显示模式，并将所述对话框入口以所述目标显示模式显示在所述当前页面上；

处理模块83，用于在检测到针对所述对话框入口的第二操作时，调用对话框组件，以使用户通过所述对话框组件与目标对象进行交互，其中，所述目标对象为位于所述当前页面N级目录下的对象，N为正整数。

在一种可选实现方式中，所述装置还包括：

标签添加模块，用于对预设页面库中的每个页面添加页面标签，其中，所述预设页面库中包括目标应用程序中的显示页面。

在一种可选实现方式中，所述标签添加模块，用于：

确定所述预设页面库中的每个页面的页面类型；

基于所述每个页面的页面类型，对所述每个页面进行标签添加。

在一种可选实现方式中，显示模块82，用于：

在所述目标页面标签表明所述当前页面的页面类型为第一类型时，确定所述目标显示模式为图标显示模式，所述第一类型为页面的目标显示区域中存在目标显示内容；

在所述目标页面标签表明所述当前页面的页面类型为第二类型时，确定所述目标显示模式为输入框显示模式，所述第二类型为页面的所述目标显示区域不存在所述目标显示内容。

在一种可选实现方式中，所述装置还包括：

关联模块，用于将所述对话框组件与所述目标对象进行关联，以使在调用所述对话框组件时，所述用户通过所述对话框组件与所述目标对象交互。

在一种可选实现方式中，所述关联模块，用于：

在检测到与所述目标对象进行交互的对话页面被打开时，将所述对话框组件与所述目标对象进行关联。

在一种可选实现方式中，所述装置还包括：

组件显示模块，用于将所述对话框组件的目标子组件以第一预设显示方式显示在所述当前页面上，所述目标子组件包括对话输入框子组件以及输入键盘子组件。

在一种可选实现方式中，所述装置还包括：

消息显示模块，用于在检测到通过所述对话框组件接收或发送消息时，将所述消息以第二预设显示方式显示在所述当前页面上。

关于上述装置，其中各个模块的具体功能已经在本发明实施例提供的对话框组件调用方法的实施例中进行了详细描述，此处将不做详细阐述说明。

第三方面，基于与前述实施例中对话框组件调用方法同样的发明构思，本发明还提供一种服务器，如图9所示，包括存储器604、处理器602及存储在存储器604上并可在处理器602上运行的计算机程序，所述处理器602执行所述程序时实现前文所述的对话框组件调用方法的步骤。

其中，在图9中，总线架构(用总线600来代表)，总线600可以包括任意数量的互联的总线和桥，总线600将包括由处理器602代表的一个或多个处理器和存储器604代表的存储器的各种电路链接在一起。总线600还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口606在总线600和接收器601和发送器603之间提供接口。接收器601和发送器603可以是同一个元件，即收发机，提供用于在传输介质上与各种其他装置通信的单元。处理器602负责管理总线600和通常的处理，而存储器604可以被用于存储处理器602在执行操作时所使用的数据。

第四方面，基于与前述实施例中基于对话框组件调用方法的发明构思，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现前文所述基于对话框组件调用方法的步骤。

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

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

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

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。