一种通用弹窗设计和显示方法、装置及存储介质与流程

1.本技术涉及软件设计领域，尤其涉及一种通用弹窗设计和显示方法、装置及存储介质。


背景技术：

2.在人机交互界面中，弹窗是最常用的控件之一。为了封装各种弹窗效果，以便开发人员在界面设计直接使用，减少代码开发量和设计难度，各类ui设计平台均提供了多种类型的弹窗控件，例如饿了么前端、element-ui；与此同时，开发人员也将自身设计的弹窗控件共享至github上，以便其他人共享使用。
3.然而在上述过程中，各平台提供的弹窗控件需要开发人员先理解封装好的弹窗代码，然后找到对应的代码位置修改其功能函数，以便满足自身的应用需求。整个过程中，需要开发人员拥有较为专业的代码知识，且需要耗费大量的时间进行代码的理解和函数的定位，完成代码修改后还需要耗费大量的时间进行代码和显示效果的调试，极大的拖慢了弹窗的开发进度和效果。一旦弹窗现需要更新，则需要更新整个弹窗的代码文件，弹窗的维护成本较高，维护时间较长。此外，对于android平台和ios平台，其代码设计的语言不同，设计的弹窗无法通用，对其进行修改需要理解不同语言的代码，并对其进行修改调试，对开发人员的专业能力要求较高。


技术实现要素：

4.有鉴于此，本技术提供一种通用弹窗设计和显示方法、装置及存储介质，以解决现有技术中弹窗开发、维护时间长、代码设计量大且不同平台开发成本高的问题。
5.本发明第一方面提供一种通用弹窗设计方法，所述通用弹窗设计方法具体包括：
6.选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；
7.基于所述弹窗配置编码集合生成弹窗配置方案；
8.基于所述弹窗配置方案生成弹窗子代码段；
9.基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。
10.优选的，所述选取弹窗配置编码集合之前，还包括：
11.识别弹窗代码模板中配置信息集合，所述配置信息集合包括多个弹窗的配置信息，为所述配置信息集合中的每个配置信息确定对应的候选子配置方案集合，所述候选子配置方案集合中包括对应的配置信息的多个候选子配置方案，每个所述候选子配置方案具有第一标识码，所述每个配置信息具有第二标识码。
12.优选的，配置信息可以包括触发事件、展示规则、展示限制和展示位置，其中，所述触发事件用于定义生成的弹窗显示的触发方式，所述展示规则用于定义生成的弹窗是否能够显示的规则，所述展示限制用于定义所述生成的弹窗显示的限制条件，所述展示位置用
于定于所述生成的弹窗在交互界面中的显示位置。
13.优选的，所述选取弹窗配置编码集合，具体包括：
14.在第一设计界面中展示多个配置信息及其对应的多个候选子配置方案，基于选择的配置信息及其对应的目标子配置方案，生成弹窗配置编码集合。
15.优选的，每个配置信息具有第二标识码，每个候选子配置方案具有第一标识码，选中的候选子配置方案为目标子配置方案，基于目标子配置方案的第一标识码和对应的配置信息的第二标识码构成弹窗配置编码，多个配置信息的每个弹窗配置编码构成弹窗配置编码集合。
16.优选的，所述通用弹窗设计方法还包括：
17.预设弹窗的初始配置信息，基于所述初始配置信息搜索各个初始配置信息的配置方案，构成各个初始配置信息的多个候选子配置方案；响应于添加配置信息的操作，获取补充配置信息，基于所述补充配置信息搜索各个所述补充配置信息对应的多个候选子配置方案，基于所述初始配置信息及其对应的多个候选子配置方案、补充配置信息及其对应的多个候选子配置方案构成可供选取的配置信息及对应的多个候选子配置方案。
18.优选的，所述基于所述弹窗配置方案生成弹窗子代码段，具体包括：
19.所述弹窗配置方案中还包括平台类型标识，基于平台类型标识和多个目标子配置方案中各个目标子配置方案在弹窗配置方案中的位置信息生成各个目标子配置方案对应的弹窗子代码段，按照所述弹窗代码模板中定义的框架信息组合多个弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗的完整代码。
20.本发明第二方面提供一种通用弹窗显示方法，具体包括：
21.接收弹窗的定制化配置方案，基于本地的弹窗接口和所述定制化配置方案生成与所述定制化配置方案对应的定制化弹窗；其中，所述定制化配置方案中至少包括弹窗的触发事件、展示规则、展示限制和展示位置；
22.响应于检测所述定制化配置方案中的触发事件，判断所述定制化弹窗所在界面的信息和定制化弹窗的信息是否符合所述定制化配置方案中的展示规则；
23.若符合展示规则，判断所述定制化弹窗的状态信息是否符合所述定制化配置方案中的展示限制；
24.若符合展示限制，则根据所述定制化配置方案中的展示位置在本地显示所述定制化弹窗。
25.本发明第三方面提供一种通用弹窗设计装置，具体包括：
26.选取模块，用于选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；
27.配置模块，用于基于所述弹窗配置编码集合生成弹窗配置方案；
28.设计模块，用于基于所述弹窗配置方案生成弹窗子代码段；
29.生成模块，用于基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。
30.本发明第四方面提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于所述程序被处理器执行时实现上述任一项所述通用弹窗设计方法或所述通用弹窗显示方法的步骤。
31.本发明提供的通用弹窗设计和显示方法、装置及存储介质，设计人员仅需要选择选取与平台类型无关的、通用的弹窗配置信息，就可以自动设计出定制化的、适应于自身平台的弹窗，从设计人员的角度来看，该设计过程与平台类型无关，实现了通用的弹窗设计。且设计过程中无需进行代码的理解和改动，进而无需进行修改代码后的调试，降低了弹窗设计过程中的工作量和时间，对设计人员的专业技术知识要求较低；一旦需要对弹窗进行修改更新，仅需修改配置编码即可，无需重复下载资源，更新的时机也由设计人员决定，提高了弹窗更新的自由度，降低了弹窗更新所需的资源量。
附图说明
32.图1为本技术一示例性实施例示出的一种通用弹窗设计方法的流程图；
33.图2为本技术一示例性实施例示出的一种通用弹窗设计装置结构示意图；
34.图3为本技术一示例性实施例示出的一种通用弹窗显示方法的流程图；
35.图4为本技术一示例性实施例示出的一种通用弹窗显示装置结构示意图。
具体实施方式
36.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本技术的一些方面相一致的装置和方法的例子。
37.在本技术使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本技术。在本技术和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
38.需要说明的是，本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
39.现有技术中存在通用的弹窗控件，例如facebook开源的reactnative中包含一个弹窗子控件。reactnative的运行依赖于javascript环境，会把应用的js代码编译成为js文件来解释运行。reactnative主要包括三个部分：
40.1)native，用于管理界面的更新及交互。界面上展示的所有元素都是原生控件。
41.2)javascript，用于控制业务功能的实现，是和开发者直接交互的部分。
42.3)bridge，用于在native和javascript之间通过json消息互相通信。
43.使用与react native类似的element ui等平台提供的弹窗子控件，采用的过程为首先在代码中引入对应的控件，然后找到控件的原代码，对其功能函数进行改写，最后对改写完成的控件进行调试和测试。整个过程中，理解弹窗子控件的实现代码，然后根据自己的
需求调整已有代码中功能函数的实现，需要理解大量的、不同语言的代码，并进行大量的代码改写，最后对改写后的弹窗进行长时间的调试，对开发人员的专业技术能力要求高且开发工程量大，耗时较大；替换一个子控件通常需要升级整个rn包且向下兼容性较差，弹窗子控件的维护成本高；且弹窗子控件的更新依赖于子控件发布平台的更新政策和更新时间，对于ios、android等不同平台而言，设计适用于自身平台的弹窗需要进行不同的代码设计。
44.针对上述现有技术中存在的不同平台需要独立理解、修改弹窗控件的源码，并对其进行调试，使用弹窗控件工程量大、维护成本高的技术问题，本发明第一实施提供一种通用弹窗设计方法，如图1所示，所述通用弹窗设计方法具体包括：
45.选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；
46.基于所述弹窗配置编码集合生成弹窗配置方案；
47.基于所述弹窗配置方案生成弹窗子代码段；
48.基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。
49.本发明提供的通用弹窗的设计方法，设计人员仅需要选择选取与平台类型无关的、通用的弹窗配置信息，就可以自动设计出定制化的、适应于自身平台的弹窗，从设计人员的角度来看，该设计过程与平台类型无关，实现了通用的弹窗设计。且设计过程中无需进行代码的理解和改动，进而无需进行修改代码后的调试，降低了弹窗设计过程中的工作量和时间，对设计人员的专业技术知识要求较低；一旦需要对弹窗进行修改更新，仅需修改配置编码即可，无需重复下载资源，更新的时机也由设计人员决定，提高了弹窗更新的自由度，降低了弹窗更新所需的资源量。
50.作为一种可选的实施例，所述选取弹窗配置编码集合之前，还包括：识别弹窗代码模板中配置信息集合，所述配置信息集合包括多个弹窗的配置信息，为所述配置信息集合中的每个配置信息确定对应的候选子配置方案集合，所述候选子配置方案集合中包括对应的配置信息的多个候选子配置方案，每个所述候选子配置方案具有第一标识码，所述每个配置信息具有第二标识码。选取弹窗配置编码集合之前，需要为多个弹窗配置信息中的每个配置信息提供对应的多个候选子配置方案，以供选择。所述弹窗代码模板定义了弹窗的功能模块及其对应代码所在的位置，且所述弹窗代码模板与平台类型无关，所述平台类型至少包括android和ios，由于弹窗代码模板定义了弹窗的功能和代码位置，即已经划定了框架信息，需要依据该框架填入具体的代码，以实现具有特定功能的弹窗。作为一种可选的实施例，基于模型识别所述弹窗代码模板的配置信息集合。作为一种具体的实施例，配置信息可以包括触发事件、展示规则、展示限制和展示位置，其中，所述触发事件用于定义生成的弹窗显示的触发方式，所述展示规则用于定义生成的弹窗是否能够显示的规则，所述展示限制用于定义所述生成的弹窗显示的限制条件，所述展示位置用于定于所述生成的弹窗在交互界面中的显示位置。所述每个配置信息具有第二标识码，例如触发事件、展示规则、展示限制和展示位置的第二标识码分别为a、b、c、d。每个配置信息具有与之对应的候选子配置方案集合，例如触发事件这一配置信息对应的候选子配置方案集合中包括：候选子配置方案一，划卡事件；候选子配置方案二，app启动事件；候选子配置方案三，切换页面；候选子配置方案四，点击按钮；候选子配置方案五，后台通知，等，即弹窗显示的触发方式至少包
括划卡事件触发、app启动触发、切换页面触发和点击按钮触发，每个候选子配置方案具有第一标识码，例如候选子配置方案一至五对应的第二标识码0001、0002、0003、0004、0005。进一步的，所述展示规则对应的候选子配置方案集合中至少包括展示逻辑操作的规则和展示数据的规则，所述展示逻辑操作的规则用于判断逻辑操作是否满足预先定义的各数据类型的逻辑操作符，所述展示数据的规则用于判断生成的弹窗中的数据是否满足预先定义的数据条件，所述生成的弹窗中的数据包括前端显示的数据和后台参与计算的数据。所述展示限制对应的候选子配置方案集合中至少包括触发弹窗时所在页面、app当前生命周期、弹窗允许的展示次数、弹窗允许的展示频率、弹窗允许的展示时段、弹窗的优先级，弹窗的优先级按照0-100的分值排序，分值越高，优先级越高，所述app当前生命周期包括用户级别、设备级别。所述展示位置对应的候选子配置方案集合中至少包括：首页划卡页、超级曝光toast、超级喜欢按钮toast、聊天列表页、会话页、发现页、profile页、设置页。
51.作为一种具体的实施方式，所述选取弹窗配置编码集合，在第一设计界面中展示多个配置信息及其对应的多个候选子配置方案，基于选择的配置信息及其对应的目标子配置方案，生成弹窗配置编码集合。具体来说，每个配置信息具有第二标识码，每个候选子配置方案具有第一标识码，选中的候选子配置方案为目标子配置方案，基于目标子配置方案的第一标识码和对应的配置信息的第二标识码构成弹窗配置编码，多个配置信息的每个弹窗配置编码构成弹窗配置编码集合。例如，对于配置信息a，选中的目标子配置方案的第一标识码为0002，则该配置信息对应的弹窗配置编码为a0002，每个所述弹窗配置编码为表征不同配置信息的配置方案标识。
52.本发明提供的通用弹窗设计方法中，设计人员仅需要在设计交互界面选取目标的配置方案，就可以完成对弹窗的定制化配置，然后由后台程序自动根据定制化配置生成弹窗。具体来说，对于每一个配置信息，本发明都提供了多个候选子配置方案供用户选择，用户无需自行进行代码设计；对于整个弹窗而言，决定弹窗显示效果的核心配置信息均已提供了选项供用户选择，无需用户自行设计实现功能的函数。整个过程中，无需阅读和理解源代码，也无需对代码进行改动，降低了设计过程中的代码修改工作量，降低了弹窗的设计成本。
53.作为一种可选的实施例，所述通用弹窗设计方法还包括：预设弹窗的初始配置信息，基于所述初始配置信息搜索各个初始配置信息的配置方案，构成各个初始配置信息的多个候选子配置方案；响应于添加配置信息的操作，获取补充配置信息，基于所述补充配置信息搜索各个所述补充配置信息对应的多个候选子配置方案，基于所述初始配置信息及其对应的多个候选子配置方案、补充配置信息及其对应的多个候选子配置方案构成可供选取的配置信息及对应的多个候选子配置方案。
54.所述基于所述弹窗配置编码集合生成弹窗配置方案，具体包括：基于所述弹窗配置编码集合匹配各个配置信息对应目标子配置方案，组合多个配置信息的多个目标子配置方案，生成弹窗配置方案。作为一种可选的实施例，弹窗代码模板中定义有框架信息，所述框架信息用于描述实现功能的各个代码片段所在的位置，所述组合多个配置信息的多个目标子配置方案至少包括按照弹窗代码模板中的框架信息组合多个目标子配置方案。
55.所述基于所述弹窗配置方案生成弹窗子代码段，具体包括：所述弹窗配置方案中还包括平台类型标识，基于平台类型标识和多个目标子配置方案中各个目标子配置方案在
弹窗配置方案中的位置信息生成各个目标子配置方案对应的弹窗子代码段，按照所述弹窗代码模板中定义的框架信息组合多个弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗的完整代码。
56.作为一种可选的实施例，所述选取弹窗配置编码集合之后，还包括识别所述弹窗配置方案中的弹窗功能，基于所述弹窗功能构建样式评分模型，利用所述样式评分模型评价多个候选的布局样式，按照多个候选的布局样式的得分排序显示多个候选的布局样式，从多个候选的布局样式中选取弹窗的目标布局样式，基于所述目标布局样式和所述弹窗配置方案生成弹窗子代码段。优选的，所述多个候选的布局样式至少包括stack布局、overlay布局和page布局，作为一种可选的实施例，所述多个候选的布局样式至少包括多个stack布局、多个overlay布局和多个page布局，其中，多个stack布局中每个stack布局样式各不相同，多个overlay布局中每个overlay布局样式各不相同，多个overlay布局中每个overlay布局样式各不相同。
57.作为一种可选的实施例，按照多个候选的布局样式的得分排序显示多个候选的布局样式之外，还包括响应于触发布局样式新增功能，提供第二界面供用户设计候补布局样式，所述第二界面中设有多个不同类型的控件集合，将所述候补布局样式作为得分最高的布局样式显示。
58.本发明提供的通用弹窗设计方法，只需要传输用户生成的配置信息，弹框配置数据经压缩后可控制在5kb，支持热更新和渲染。基于配置信息可以直接与原生api和自定义规则引擎对接，提高了渲染弹框速度，相对于reactnative技术弹框渲染速度提高了50％。此外，android和ios平台应用同一套弹框布局schema，有效节约了项目开发时间。
59.综上所述，本发明提供的通用弹窗设计方法，仅需要改变配置信息即可生成定制化弹窗，实现了弹窗修改的轻量化，同时数据更新可以仅限于弹窗而不是整个页面，更新后的弹窗依然能够向低版本兼容。弹窗的修改将配置信息输入至原应用加载的接口，融合定制化配置信息和原有的弹窗接口，达到了最佳的展示效果。
60.本发明第二实施提供一种通用弹窗设计装置，如图2所示，所述通用弹窗设计装置具体包括：
61.选取模块，用于选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；
62.配置模块，用于基于所述弹窗配置编码集合生成弹窗配置方案；
63.设计模块，用于基于所述弹窗配置方案生成弹窗子代码段；
64.生成模块，用于基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。
65.不难发现，本实施方式为与第一实施方式相对应的装置实施例，本实施方式可与第一实施方式互相配合实施。第一实施方式中提到的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第一实施方式中。
66.值得一提的是，本实施方式中所涉及到的各模块均为逻辑模块，在实际应用中，一个逻辑单元可以是一个物理单元，也可以是一个物理单元的一部分，还可以以多个物理单元的组合实现。此外，为了突出本发明的创新部分，本实施方式中并没有将与解决本发明所
提出的技术问题关系不太密切的单元引入，但这并不表明本实施方式中不存在其它的单元。
67.本发明第三实施例提供一种通用弹窗显示方法，如图3所示，所述通用弹窗显示方法具体包括：
68.接收弹窗的定制化配置方案，基于本地的弹窗接口和所述定制化配置方案生成与所述定制化配置方案对应的定制化弹窗；其中，所述定制化配置方案中至少包括弹窗的触发事件、展示规则、展示限制和展示位置；
69.响应于检测所述定制化配置方案中的触发事件，判断所述定制化弹窗所在界面的信息和定制化弹窗的信息是否符合所述定制化配置方案中的展示规则；
70.若符合展示规则，判断所述定制化弹窗的状态信息是否符合所述定制化配置方案中的展示限制；
71.若符合展示限制，则根据所述定制化配置方案中的展示位置在本地显示所述定制化弹窗。
72.本发明提供的通用弹窗显示方法，仅需要接收定制化配置方案，就可以利用本地已有的接口、规则引擎生成完整的、可显示的定制化弹窗，弹窗的生成、显示过程与平台的类型无关，与开发人员的代码设计习惯无关，弹框的生成与显示方法是通用的，提高了所述方法的适用性，降低了弹窗设计和使用的工作量。
73.作为一种可选的实施例，在服务器端生成弹窗的定制化配置方案，生成弹窗的定制化配置方案之前，还包括：接收选取的弹窗配置编码集合，基于所述弹窗配置编码集合生成弹窗的定制化配置方案。其中，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识。本实施方式可与第一实施方式互相配合实施。第一实施方式中提到的基于弹窗配置编码集合生成弹窗配置方案的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第一实施方式中。
74.优选的，若不符合展示规则，拒绝显示所述定制化弹窗；若不符合展示限制，拒绝显示所述定制化弹窗。
75.本发明第四实施例提供一种通用弹窗显示装置，如图4所示，所述通用弹窗显示装置具体包括：
76.生成模块，用于接收弹窗的定制化配置方案，基于本地的弹窗接口和所述定制化配置方案生成与所述定制化配置方案对应的定制化弹窗；其中，所述定制化配置方案中至少包括弹窗的触发事件、展示规则、展示限制和展示位置；
77.判断模块，用于响应于检测所述定制化配置方案中的触发事件，判断所述定制化弹窗所在界面的信息和定制化弹窗的信息是否符合所述定制化配置方案中的展示规则；若符合展示规则，判断所述定制化弹窗的状态信息是否符合所述定制化配置方案中的展示限制；
78.显示模块，若符合展示限制，则所述显示模块根据所述定制化配置方案中的展示位置在本地展示所述定制化弹窗。
79.不难发现，本实施方式为与第三实施方式相对应的装置实施例，本实施方式可与第三实施方式互相配合实施。第三实施方式中提到的相关技术细节在本实施方式中依然有
效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第三实施方式中。
80.本说明书还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，计算机程序可用于执行上述图1提供的一种通用弹窗设计方法。
81.为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
82.本领域内的技术人员应明白，本说明书的实施例可提供为方法、系统、或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
83.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
84.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
85.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
86.以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。

技术特征：
1.一种通用弹窗设计方法，其特征在于，所述通用弹窗设计方法具体包括：选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；基于所述弹窗配置编码集合生成弹窗配置方案；基于所述弹窗配置方案生成弹窗子代码段；基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。2.根据权利要求1所述的通用弹窗设计方法，其特征在于，所述选取弹窗配置编码集合之前，还包括：识别弹窗代码模板中配置信息集合，所述配置信息集合包括多个弹窗的配置信息，为所述配置信息集合中的每个配置信息确定对应的候选子配置方案集合，所述候选子配置方案集合中包括对应的配置信息的多个候选子配置方案，每个所述候选子配置方案具有第一标识码，所述每个配置信息具有第二标识码。3.根据权利要求1所述的通用弹窗设计方法，其特征在于，配置信息可以包括触发事件、展示规则、展示限制和展示位置，其中，所述触发事件用于定义生成的弹窗显示的触发方式，所述展示规则用于定义生成的弹窗是否能够显示的规则，所述展示限制用于定义所述生成的弹窗显示的限制条件，所述展示位置用于定于所述生成的弹窗在交互界面中的显示位置。4.根据权利要求1所述的通用弹窗设计方法，其特征在于，所述选取弹窗配置编码集合，具体包括：在第一设计界面中展示多个配置信息及其对应的多个候选子配置方案，基于选择的配置信息及其对应的目标子配置方案，生成弹窗配置编码集合。5.根据权利要求4所述的通用弹窗设计方法，其特征在于，每个配置信息具有第二标识码，每个候选子配置方案具有第一标识码，选中的候选子配置方案为目标子配置方案，基于目标子配置方案的第一标识码和对应的配置信息的第二标识码构成弹窗配置编码，多个配置信息的每个弹窗配置编码构成弹窗配置编码集合。6.根据权利要求1所述的通用弹窗设计方法，其特征在于，所述通用弹窗设计方法还包括：预设弹窗的初始配置信息，基于所述初始配置信息搜索各个初始配置信息的配置方案，构成各个初始配置信息的多个候选子配置方案；响应于添加配置信息的操作，获取补充配置信息，基于所述补充配置信息搜索各个所述补充配置信息对应的多个候选子配置方案，基于所述初始配置信息及其对应的多个候选子配置方案、补充配置信息及其对应的多个候选子配置方案构成可供选取的配置信息及对应的多个候选子配置方案。7.根据权利要求1所述的通用弹窗设计方法，其特征在于，所述基于所述弹窗配置方案生成弹窗子代码段，具体包括：所述弹窗配置方案中还包括平台类型标识，基于平台类型标识和多个目标子配置方案中各个目标子配置方案在弹窗配置方案中的位置信息生成各个目标子配置方案对应的弹窗子代码段，按照所述弹窗代码模板中定义的框架信息组合多个弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗的完整代码。8.一种通用弹窗显示方法，其特征在于，所述通用弹窗显示方法具体包括：
接收弹窗的定制化配置方案，基于本地的弹窗接口和所述定制化配置方案生成与所述定制化配置方案对应的定制化弹窗；其中，所述定制化配置方案中至少包括弹窗的触发事件、展示规则、展示限制和展示位置；响应于检测所述定制化配置方案中的触发事件，判断所述定制化弹窗所在界面的信息和定制化弹窗的信息是否符合所述定制化配置方案中的展示规则；若符合展示规则，判断所述定制化弹窗的状态信息是否符合所述定制化配置方案中的展示限制；若符合展示限制，则根据所述定制化配置方案中的展示位置在本地显示所述定制化弹窗。9.一种通用弹窗设计装置，其特征在于，所述通用弹窗设计装置具体包括：选取模块，用于选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；配置模块，用于基于所述弹窗配置编码集合生成弹窗配置方案；设计模块，用于基于所述弹窗配置方案生成弹窗子代码段；生成模块，用于基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于所述程序被处理器执行时实现权利要求1-7中任一项所述通用弹窗设计方法活权利要求8中所述通用弹窗显示方法的步骤。

技术总结
本申请提供一种通用弹窗设计方法、装置及存储介质，选取弹窗配置编码集合，所述弹窗配置编码集合包括多个弹窗配置信息的编码，每个所述弹窗配置编码为表征不同配置信息的配置方案标识；基于所述弹窗配置编码集合生成弹窗配置方案；基于所述弹窗配置方案生成弹窗子代码段；基于弹窗代码模板组合所述弹窗子代码段，生成所述弹窗配置编码集合对应的弹窗。降低了弹窗设计的代码修改工作量，提高了弹窗的适用性。适用性。适用性。


技术研发人员：张英男
受保护的技术使用者：探探科技（北京）有限公司
技术研发日：2023.06.26
技术公布日：2023/9/20