CN117950770A - 基于命令式的弹窗管理方法、系统以及介质 - Google Patents

Abstract

本申请公开了一种基于命令式的弹窗管理方法、系统以及介质，该基于命令式的弹窗管理方法包括：接收弹窗控制命令，对弹窗控制命令进行解析，确定弹窗类型和弹窗参数；基于弹窗类型和弹窗参数生成目标弹窗，将目标弹窗在交互界面进行显示；接收作用于目标弹窗的用户操作，基于用户操作对目标弹窗进行管理。实现了通过基于命令式的统一弹窗管理，有效控制弹窗的生成、显示以及对于用户操作的响应，提高代码复用性和可维护性，减少代码冗余，提升开发质量与效率。

Description

基于命令式的弹窗管理方法、系统以及介质

技术领域

本申请涉及通信技术领域，具体而言，涉及一种基于命令式的弹窗管理方法、系统以及介质。

背景技术

目前弹窗组件在各种Web应用程序中广泛使用，然而，每个使用弹窗的页面通常需要单独绘制或引入弹窗组件，那么只能在用户界面层面实现视觉上的相对笼统且粗糙的统一。此外，一些配置项和交互逻辑等可全局统一默认定制的内容分散在各个组件和页面中，这不仅增加了代码冗余，也给代码的后续维护带来了不便。同时，弹窗组件的分散使用还会深刻影响其在各个模块中美观性和交互、UI的一致性，从而造成用户使用的不良体验。

针对上述问题，目前亟待有效的技术解决方案。

发明内容

本申请的目的在于提供一种基于命令式的弹窗管理方法、系统以及介质，实现了通过基于命令式的统一弹窗管理，有效控制弹窗的生成、显示以及对于用户操作的响应，提高代码复用性和可维护性，减少代码冗余，提升开发质量与效率。

第一方面，本申请提供了一种基于命令式的弹窗管理方法，包括：

接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数；

基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示；

接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

可选的，所述弹窗类型包括模态弹窗以及非模态弹窗。

可选的，所述弹窗参数包括弹窗外观信息、行为信息以及内容信息。

可选的，所述基于所述弹窗类型和弹窗参数生成目标弹窗，包括：

在所述弹窗类型为模态弹窗的情况下，获取设置的标准弹窗组件，基于所述标准弹窗组件以及弹窗参数生成目标弹窗；

在所述弹窗类型为非模态弹窗的情况下，基于所述弹窗参数生成目标弹窗。

可选的，所述将所述目标弹窗在交互界面进行显示，包括：

在所述目标弹窗的弹窗类型为模态弹窗的情况下，将所述目标弹窗在交互界面进行显示，并将获取到的焦点设置于所述目标弹窗的区域内；

在所述目标弹窗的弹窗类型为非模态弹窗的情况下，将所述目标弹窗在交互界面进行显示。

可选的，所述基于所述用户操作对所述目标弹窗进行管理，包括：

在所述用户操作为回调类型操作的情况下，基于所述回调类型操作对所述目标弹窗进行更新显示；

在所述用户操作为非回调类型操作的情况下，基于非回调类型操作将所述目标弹窗进行关闭。

可选的，所述回调类型操作包括窗口尺寸调整操作、窗口页面滚动操作以及窗口焦点变更操作。

可选的，还包括：

记录所述用户操作，并将所述用户操作对应的窗口操作结果反馈至应用程序。

第二方面，本申请提供了一种基于命令式的弹窗管理系统，该基于命令式的弹窗管理系统包括：存储器及处理器，所述存储器中包括基于命令式的弹窗管理方法的程序，所述基于命令式的弹窗管理方法的程序被所述处理器执行时实现以下步骤：

接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数；

基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示；

接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

第三方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质中包括基于命令式的弹窗管理方法程序，所述基于命令式的弹窗管理方法程序被处理器执行时，实现如本申请中任一实施例所述的基于命令式的弹窗管理方法的步骤。

由上可知，本申请提供的基于命令式的弹窗管理方法、系统以及介质，该基于命令式的弹窗管理方法包括：接收弹窗控制命令，对弹窗控制命令进行解析，确定弹窗类型和弹窗参数；基于弹窗类型和弹窗参数生成目标弹窗，将目标弹窗在交互界面进行显示；接收作用于目标弹窗的用户操作，基于用户操作对目标弹窗进行管理。实现了通过基于命令式的统一弹窗管理，有效控制弹窗的生成、显示以及对于用户操作的响应，提高代码复用性和可维护性，减少代码冗余，提升开发质量与效率。

本申请的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请实施例了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种基于命令式的弹窗管理方法的流程图；

图2为本申请实施例提供的一种基于弹窗类型和弹窗参数生成目标弹窗的方法的流程图；

图3为本申请实施例提供的一种将目标弹窗在交互界面进行显示的方法的流程图；

图4为本申请实施例提供的一种基于用户操作对目标弹窗进行管理的方法的流程图；

图5为本申请实施例提供的另一种基于命令式的弹窗管理方法的流程图；

图6为本申请实施例提供的一种基于命令式的弹窗管理系统的结构示意图。

具体实施方式

下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

应注意到，相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

请参照图1，为本申请实施例提供的一种基于命令式的弹窗管理方法的流程图。该弹窗管理方法应用于中央控制器，由中央控制器负责生成、显示、隐藏和响应弹窗，实现了统一管理，如图1所示，该基于命令式的弹窗管理方法包括：

步骤S101、接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数。

其中，弹窗控制命令可以是用于控制弹出窗口行为的指令，弹窗可以是在用户界面上突然弹出的小窗口，用于显示额外的信息、执行特定的操作或请求用户输入。在本申请实施例中，每个弹窗控制命令对应于一个弹窗类型，并且，每个弹窗控制命令会挂载于设置的一个全局变量上，便于注入各个组件、模块以及页面。对于弹窗控制命令进行解析可以得到弹窗类型和弹窗参数，具体的，弹窗类型可以包括模态弹窗以及非模态弹窗，模态弹窗在显示的同时会阻止用户与应用程序的其他部分进行交互。用户必须首先处理弹窗上的内容，然后才能返回到主界面，因而模态弹窗适用于需要用户立即对弹窗内容做出反应、提供紧急信息、或者执行重要任务的场景。确保用户专注于弹窗内的操作，而非模态弹窗允许用户与应用程序的其他部分进行交互，即使弹窗正在显示，适用于需要在用户继续主要任务的同时提供额外信息、辅助工具或附加操作的场景。允许用户自由切换焦点。

可选的，模态弹窗可以包括警告框、确认框以及输入框等，其中，警告框是一种用于向用户显示重要通知或警告信息的弹窗，通常包括一个“确定”按钮，用户必须点击它来关闭弹窗；确认框用于向用户询问是否执行某个操作，通常包括“确定”和“取消”两个按钮。用户的选择会触发相应的操作。输入框用于接收用户的输入，通常包括一个文本输入框和“确定”、“取消”按钮。用户输入的内容可以在程序中使用。非模态弹窗可以包括提示框、通知框、侧边栏、浮动按钮、选择框以及信息卡片等，其中，提示框是一种浮动弹窗，通常在用户将鼠标悬停在页面元素上时出现，它显示与元素相关的短提示信息，帮助用户理解元素的功能或含义；通知框是一种短暂的、非阻塞的弹窗，用于显示临时性的通知，它通常以半透明的方式在屏幕的一角显示，一段时间后自动消失，通知框可用于显示系统状态、新消息等信息；

侧边栏是一个在应用程序主界面旁边展开的非模态弹窗，通常用于显示附加信息、导航选项或其他辅助功能。用户可以选择展开或折叠侧边栏；浮动按钮是一种浮动在界面上的非模态弹窗，通常包含快速操作或导航选项，用户可以点击按钮，展开相关的操作；选择框不是传统的弹窗，但在某些情况下也可作为弹窗使用。它可以显示一组选项供用户选择，而不会中断用户的主要任务；信息卡片是一种卡片式的非模态弹窗，通常用于显示详细信息或操作选项，用户可以选择查看或关闭卡片。

可选的，弹窗参数可以是在创建或调用弹窗时传递给弹窗的一组参数，这些参数可以包含控制弹窗外观信息、行为信息和内容信息。示例的，弹窗参数可以包括标题、内容、宽度和高度、位置、关闭按钮、背景遮罩、动画效果、回调函数、自定义样式以及延迟时间等。其中，标题用于简洁地描述弹窗的目的或内容，内容可以是文本、表单、图表或其他用户界面元素，宽度和高度可以是控制弹窗在屏幕上的大小，位置可以是屏幕中央、屏幕边缘或相对于特定元素的位置，关闭按钮可以是用于指示是否显示关闭按钮，允许用户手动关闭弹窗，背景遮罩可以是指示是否显示背景遮罩，使弹窗显示时其他部分变暗，动画效果可以是控制弹窗显示和关闭时的动画效果，例如淡入淡出、滑动等，回调函数可以是用于在弹窗关闭时执行的回调函数，通常用于处理用户的操作结果，自定义样式可以是允许开发者为弹窗添加自定义的样式，以满足特定设计要求。延迟时间可以是用于指定弹窗出现或关闭的延迟时间，实现定时弹窗效果。

步骤S102、基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示。

在一个实施例中，图2为本申请实施例提供的一种基于弹窗类型和弹窗参数生成目标弹窗的方法的流程图，如图2所示，生成目标弹窗的具体过程包括以下步骤：

步骤S1021、在所述弹窗类型为模态弹窗的情况下，获取设置的标准弹窗组件，基于所述标准弹窗组件以及弹窗参数生成目标弹窗。

其中，由于模态弹窗的功能和样式相对固定，可以采用事先设计好的组件或模块，开发人员可以根据特定的需求提前调整弹窗组件的外观、行为和内容。由此，生成模态弹窗可以基于弹窗参数进行适应性调整，提高弹窗生成效率，达到快速响应的目的。

步骤S1022、在所述弹窗类型为非模态弹窗的情况下，基于所述弹窗参数生成目标弹窗。

需要说明的是，由于非模态弹窗的外观、行为以及内容等相对灵活，提前定制组件可能无法全面覆盖，可以实际根据弹窗参数来生成。

在一个实施例中，图3为本申请实施例提供的一种将目标弹窗在交互界面进行显示的方法的流程图，如图3所示，将目标弹窗在交互界面进行显示的具体过程包括以下步骤：

步骤S1023、在所述目标弹窗的弹窗类型为模态弹窗的情况下，将所述目标弹窗在交互界面进行显示，并将获取到的焦点设置于所述目标弹窗的区域内。

其中，由于模态弹窗通常将焦点限制在弹窗内，用户只能与弹窗内的元素进行交互，不能操作弹窗外的元素。因而需要生成的目标弹窗为模态弹窗的同时，需要获取焦点并设置于目标弹窗的区域内。

步骤S1024、在所述目标弹窗的弹窗类型为非模态弹窗的情况下，将所述目标弹窗在交互界面进行显示。

需要说明的是，由于非模态弹窗允许用户在弹窗打开的同时与应用程序的其他部分进行交互，因而无需进行焦点的获取。

步骤S103、接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

在一个实施例中，图4为本申请实施例提供的一种基于用户操作对目标弹窗进行管理的方法的流程图，如图4所示，基于用户操作对目标弹窗进行管理的具体过程包括以下步骤：

步骤S1031、在所述用户操作为回调类型操作的情况下，基于所述回调类型操作对所述目标弹窗进行更新显示；

其中，回调类型操作可以包括窗口尺寸调整操作、窗口页面滚动操作以及窗口焦点变更操作，用于在用户与弹窗交互后执行特定的操作或处理特定的逻辑。这种模式允许在弹窗关闭或用户执行某个动作时，通过回调函数来触发相应的处理，例如，窗口加载，窗口大小调整以及窗口内容变更等，及时更新窗口的显示状态，示例的，当用户在弹窗中点击确认按钮时触发的回调，可以用于执行与确认相关的操作，例如提交表单、进行数据处理等；当用户在弹窗中点击取消按钮时触发的回调，可以用于执行与取消相关的操作，例如撤销某个动作、返回上一步等。

步骤S1032、在所述用户操作为非回调类型操作的情况下，基于非回调类型操作将所述目标弹窗进行关闭。

需要说明的是，非回调类型操作可以直接对于窗口进行关闭销毁，及时释放内存。由此，通过区分回调操作与非回调操作，有效进行弹窗管理。

上述，通过接收弹窗控制命令，对弹窗控制命令进行解析，确定弹窗类型和弹窗参数；基于弹窗类型和弹窗参数生成目标弹窗，将目标弹窗在交互界面进行显示；接收作用于目标弹窗的用户操作，基于用户操作对目标弹窗进行管理。实现了通过基于命令式的统一弹窗管理，有效控制弹窗的生成、显示以及对于用户操作的响应，提高代码复用性和可维护性，减少代码冗余，提升开发质量与效率。

请参照图5，为本申请实施例提供的另一种基于命令式的弹窗管理方法的流程图。如图5所示，该基于命令式的弹窗管理方法包括：

步骤S201、接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数。

步骤S202、基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示。

步骤S203、接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

步骤S204、记录所述用户操作，并将所述用户操作对应的窗口操作结果反馈至应用程序。

需要说明的是，通过记录用户操作，以及对应的操作结果，一方面可以便于程序将根据结果决定后续逻辑流程，一方面可以对于弹窗管理进行反馈记录，有利于优化开发人员优化弹窗逻辑，提升用户体验。

请参照图6，还公开了一种基于命令式的弹窗管理系统，包括存储器21和处理器22，所述存储器21中包括弹窗管理方法的程序，所述基于命令式的弹窗管理方法的程序被所述处理器22执行时实现以下步骤：

接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数；

基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示；

接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

上述，基于命令式的弹窗管理系统实现了通过基于命令式的统一弹窗管理，有效控制弹窗的生成、显示以及对于用户操作的响应，提高代码复用性和可维护性，减少代码冗余，提升开发质量与效率。值得说明的是，该基于命令式的弹窗管理系统可以是本申请任一实施例中所述的基于命令式的弹窗管理方法的执行主体，具有相同的有益效果。

本发明还提供了一种计算机可读存储介质，所述可读存储介质中包括基于命令式的弹窗管理方法程序，所述基于命令式的弹窗管理方法程序被处理器执行时，实现如上述任一项所述的基于命令式的弹窗管理方法的步骤。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。

上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。

另外，在本发明各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

或者，本发明上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种基于命令式的弹窗管理方法，其特征在于，包括：

接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数；

基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示；

接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

2.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，所述弹窗类型包括模态弹窗以及非模态弹窗。

3.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，所述弹窗参数包括弹窗外观信息、行为信息以及内容信息。

4.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，所述基于所述弹窗类型和弹窗参数生成目标弹窗，包括：

在所述弹窗类型为模态弹窗的情况下，获取设置的标准弹窗组件，基于所述标准弹窗组件以及弹窗参数生成目标弹窗；

在所述弹窗类型为非模态弹窗的情况下，基于所述弹窗参数生成目标弹窗。

5.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，所述将所述目标弹窗在交互界面进行显示，包括：

在所述目标弹窗的弹窗类型为模态弹窗的情况下，将所述目标弹窗在交互界面进行显示，并将获取到的焦点设置于所述目标弹窗的区域内；

在所述目标弹窗的弹窗类型为非模态弹窗的情况下，将所述目标弹窗在交互界面进行显示。

6.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，所述基于所述用户操作对所述目标弹窗进行管理，包括：

在所述用户操作为回调类型操作的情况下，基于所述回调类型操作对所述目标弹窗进行更新显示；

在所述用户操作为非回调类型操作的情况下，基于非回调类型操作将所述目标弹窗进行关闭。

7.根据权利要求6所述的基于命令式的弹窗管理方法，其特征在于，所述回调类型操作包括窗口尺寸调整操作、窗口页面滚动操作以及窗口焦点变更操作。

8.根据权利要求1所述的基于命令式的弹窗管理方法，其特征在于，还包括：

记录所述用户操作，并将所述用户操作对应的窗口操作结果反馈至应用程序。

9.一种基于命令式的弹窗管理系统，其特征在于，该基于命令式的弹窗管理系统包括：存储器及处理器，所述存储器中包括基于命令式的弹窗管理方法的程序，所述基于命令式的弹窗管理方法的程序被所述处理器执行时实现以下步骤：

接收弹窗控制命令，对所述弹窗控制命令进行解析，确定弹窗类型和弹窗参数；

基于所述弹窗类型和弹窗参数生成目标弹窗，将所述目标弹窗在交互界面进行显示；

接收作用于所述目标弹窗的用户操作，基于所述用户操作对所述目标弹窗进行管理。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中包括基于命令式的弹窗管理方法程序，所述基于命令式的弹窗管理方法程序被处理器执行时，实现如权利要求1至8中任一项所述的基于命令式的弹窗管理方法的步骤。