弹窗生成方法技术

本发明专利技术提供一种弹窗生成方法

【技术实现步骤摘要】
弹窗生成方法、装置、电子设备及介质


[0001]本专利技术涉及计算机
，尤其涉及一种弹窗生成方法
、
弹窗生成装置
、
电子设备及计算机可读存储介质
。

技术介绍

[0002]各种管理系统的管理界面开发中，经常会使用到弹出框
(
弹窗
)
实现一定的功能，目前的一些弹出框开发手段，多是由开发者在管理系统的开发界面逐个进行设计开发，这种开发方式随着开发界面和
/
或开发的弹出框的增加，需要投入的开发时间也越来越多，导致开发效率低且代码冗余多的问题
。

技术实现思路

[0003]本专利技术所要解决的技术问题是针对上述不足，提供一种弹窗生成方法
、
弹窗生成装置
、
电子设备及计算机可读存储介质，以解决弹窗开发效率低且代码冗余多的问题
。
[0004]第一方面，本专利技术提供一种弹窗生成方法，所述方法包括：
[0005]以开发主程序文件为父组件
、
在父组件中调用预设的弹窗组件文件为子组件，在弹窗组件文件中预先定义了控制变量以控制根据弹窗组件文件生成弹窗的类型
、
样式和触发事件；
[0006]在父组件中对控制变量赋值，并将控制变量的赋值传递给子组件；
[0007]子组件根据控制变量的赋值生成具有对应类型
、
样式和触发事件的弹窗
。
[0008]进一步地，以开发主程序文件为父组件
、
在父组件中调用预设的弹窗组件文件为子组件之前，所述方法还包括：
[0009]建立弹窗组件文件，并在弹窗组件文件中定义控制变量，具体包括：
[0010]以
Dialog.vue
文件封装表格型
、
表单型
、
普通型和自定义类型的弹窗，以作为弹窗组件文件；
[0011]在
Dialog.vue
文件最外层添加
slot
插槽标签，在
slot
插槽标签中添加控制变量，在
Dialog.vue
文件的
data
配置项中定义控制变量，
[0012]data
配置项中的控制变量用于接收来自父组件的赋值，并传递给
slot
插槽标签中的控制变量，
slot
插槽标签中的控制变量用于控制生成弹窗的类型
、
样式和触发事件
。
[0013]进一步地，控制变量包括弹窗类型控制变量
、
弹窗样式控制变量和弹窗触发事件控制变量；
[0014]弹窗类型控制变量针对表格型
、
表单型
、
普通型和自定义类型的弹窗各自设置显隐值
。
[0015]进一步地，所述方法还包括：
[0016]对
data
配置项中的控制变量设置默认值，并记录调用弹窗组件文件生成弹窗的弹窗类型控制变量和弹窗样式控制变量的不同赋值的使用频率，将使用频率最高的弹窗类型控制变量和弹窗样式控制变量的赋值更新为对应
data
配置项中的弹窗类型控制变量和弹
窗样式控制变量的默认值
。
[0017]进一步地，弹窗触发事件控制变量包括触发事件变量和触发事件优先级变量，以针对同一事件触发指令设置多个弹窗触发事件的不同优先级
。
[0018]进一步地，子组件根据控制变量的赋值生成具有对应类型
、
样式和触发事件的弹窗，具体包括：
[0019]子组件利用弹窗类型控制变量的赋值替代默认值控制显示表格型
、
表单型
、
普通型和自定义类型的弹窗之一；
[0020]子组件利用弹窗样式控制变量的赋值替代默认值以改变弹窗显示的样式；
[0021]子组件将弹窗触发事件控制变量的赋值设置为一个触发事件变量，并设置对应的触发事件优先级变量为高优先级，保留弹窗触发事件控制变量的默认值为另一个触发事件变量，并设置对应的触发事件优先级变量为低优先级
。
[0022]进一步地，子组件根据控制变量的赋值生成具有对应类型
、
样式和触发事件的弹窗后，所述方法还包括：
[0023]子组件监听来自父组件对弹窗的事件触发指令，并根据事件触发指令优先触发高优先级的触发事件变量对应的弹窗触发事件，以及向父组件发送对应的弹窗触发事件的事件触发标志
。
[0024]第二方面，本专利技术提供一种弹窗生成装置，所述装置包括：
[0025]父子组件模块，用于以开发主程序文件为父组件
、
在父组件中调用预设的弹窗组件文件为子组件，在弹窗组件文件中预先定义了控制变量以控制根据弹窗组件文件生成弹窗的类型
、
样式和触发事件；
[0026]变量赋值模块，与父子组件模块连接，用于在父组件中对控制变量赋值，并将控制变量的赋值传递给子组件；
[0027]弹窗生成模块，与变量赋值模块连接，用于子组件根据控制变量的赋值生成具有对应类型
、
样式和触发事件的弹窗
。
[0028]第三方面，本专利技术提供一种电子设备，所述电子设备包括存储器和处理器，所述存储器中存储有计算机程序，当所述处理器运行所述存储器存储的计算机程序时，所述处理器执行如上所述的弹窗生成方法
。
[0029]第四方面，本专利技术提供一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序被处理器运行时，实现如上所述的弹窗生成方法
。
[0030]本专利技术提供一种弹窗生成方法
、
弹窗生成装置
、
电子设备及计算机可读存储介质，通过提供预先定义了控制变量以控制弹窗生成类型
、
样式和触发事件的弹窗组件文件，通过父组件调用子组件的模式对控制变量进行赋值，通过对变量赋值就可以实现多元化的弹窗开发，动态配置实现生成具有不同类型
、
样式和不同触发事件的弹窗，从而提高弹窗的制作效率，简化了开发程序过程中的弹窗开发，减少程序开发中存在的代码冗余，提高开发管理系统的效能
。
附图说明
[0031]图1是本专利技术实施例的一种弹窗生成方法的流程图；
[0032]图2是本专利技术实施例的一种弹窗生成装置的结构示意图；
[0033]图3是本专利技术实施例的一种父子组件的结构示意图；
[0034]图4是本专利技术实施例的另一种弹窗生成方法的流程图；
[0035]图5是本专利技术实施例的一种电子设备的结构示意图
。
具体实施方式
[0036]为使本领域技术人员更好地理解本专利技术的技术方案，下面将结合附图对本专利技术实施方式作进一步地详细描述
。
[0037]可以理解的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种弹窗生成方法，其特征在于，所述方法包括：以开发主程序文件为父组件
、
在父组件中调用预设的弹窗组件文件为子组件，在弹窗组件文件中预先定义了控制变量以控制根据弹窗组件文件生成弹窗的类型
、
样式和触发事件；在父组件中对控制变量赋值，并将控制变量的赋值传递给子组件；子组件根据控制变量的赋值生成具有对应类型
、
样式和触发事件的弹窗
。2.
根据权利要求1所述的方法，其特征在于，以开发主程序文件为父组件
、
在父组件中调用预设的弹窗组件文件为子组件之前，所述方法还包括：建立弹窗组件文件，并在弹窗组件文件中定义控制变量，具体包括：以
Dialog.vue
文件封装表格型
、
表单型
、
普通型和自定义类型的弹窗，以作为弹窗组件文件；在
Dialog.vue
文件最外层添加
slot
插槽标签，在
slot
插槽标签中添加控制变量，在
Dialog.vue
文件的
data
配置项中定义控制变量，
data
配置项中的控制变量用于接收来自父组件的赋值，并传递给
slot
插槽标签中的控制变量，
slot
插槽标签中的控制变量用于控制生成弹窗的类型
、
样式和触发事件
。3.
根据权利要求2所述的方法，其特征在于，控制变量包括弹窗类型控制变量
、
弹窗样式控制变量和弹窗触发事件控制变量；弹窗类型控制变量针对表格型
、
表单型
、
普通型和自定义类型的弹窗各自设置显隐值
。4.
根据权利要求3所述的方法，其特征在于，所述方法还包括：对
data
配置项中的控制变量设置默认值，并记录调用弹窗组件文件生成弹窗的弹窗类型控制变量和弹窗样式控制变量的不同赋值的使用频率，将使用频率最高的弹窗类型控制变量和弹窗样式控制变量的赋值更新为对应
data
配置项中的弹窗类型控制变量和弹窗样式控制变...

【专利技术属性】
技术研发人员：张清茹，
申请(专利权)人：中国联合网络通信集团有限公司，
类型：发明
国别省市：