弹窗组件的生成方法、系统、电子设备和存储介质技术方案

本发明专利技术公开了一种弹窗组件的生成方法、系统、电子设备和存储介质，生成方法包括：基于层叠样式表确定所述弹窗组件的样式，所述样式包括所述弹窗组件的标题的样式和尾部的样式；基于jQuery文件确定所述弹窗组件的中间部分的文字，所述中间部分位于所述标题和所述尾部之间；根据所述样式和所述文字生成所述弹窗组件。本发明专利技术的弹窗组件的生成方法，基于CSS+jQuery实现的弹窗组件，统一了弹窗组件的整体风格，简化了弹窗组件的配置过程，降低了开发门槛，重复应用时不需要重新编写代码，减少了重复劳动，通用性较强。

【技术实现步骤摘要】
弹窗组件的生成方法、系统、电子设备和存储介质
本专利技术涉及软件开发领域，尤其涉及一种弹窗组件的生成方法、系统、电子设备和存储介质。
技术介绍
弹窗是一种常用的提示方式，终端通过在页面上弹出并展示弹窗以向用户进行消息提示，web(全球广域网)系统开发中使用弹窗对用户的操作做出引导或者规范。现有的弹窗组件是通过jQuery(一种JavaScript框架)和CSS(层叠样式表)独立实现的，整体风格不一，重复应用时需要重新编写代码，通用性差，浪费开发资源；实现模式相对单一，且内容和标题不可定制；不支持二次开发，不能灵活配置。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术中弹窗组件风格不统一，内容和标题不可定制和不能二次开发的缺陷，提供一种弹窗组件的生成方法、系统、电子设备和存储介质。本专利技术是通过下述技术方案来解决上述技术问题：一种弹窗组件的生成方法，包括：基于层叠样式表确定所述弹窗组件的样式，所述样式包括所述弹窗组件的标题的样式和尾部的样式；基于jQuery文件确定所述弹窗组件的中本文档来自技高网...

【技术保护点】
1.一种弹窗组件的生成方法，其特征在于，包括：/n基于层叠样式表确定所述弹窗组件的样式，所述样式包括所述弹窗组件的标题的样式和尾部的样式；/n基于jQuery文件确定所述弹窗组件的中间部分的文字，所述中间部分位于所述标题和所述尾部之间；/n根据所述样式和所述文字生成所述弹窗组件。/n

【技术特征摘要】
1.一种弹窗组件的生成方法，其特征在于，包括：
基于层叠样式表确定所述弹窗组件的样式，所述样式包括所述弹窗组件的标题的样式和尾部的样式；
基于jQuery文件确定所述弹窗组件的中间部分的文字，所述中间部分位于所述标题和所述尾部之间；
根据所述样式和所述文字生成所述弹窗组件。


2.如权利要求1所述的弹窗组件的生成方法，其特征在于，
所述标题的样式包括所述标题的字体、背景颜色和文字的间距中的至少一种；
所述尾部的样式包括所述尾部的字体、背景颜色、文字的间距、按钮的颜色、按钮的位置中的至少一种；
和/或，
所述层叠样式表的数量为多个；
所述基于层叠样式表确定所述弹窗组件的样式的步骤包括：
基于层叠样式表总文件确定所述弹窗组件的样式，所述层叠样式表总文件由多个所述层叠样式表封装得到。


3.如权利要求1所述的弹窗组件的生成方法，其特征在于，
所述jQuery文件的数量为多个，所述基于jQuery文件确定所述弹窗组件的中间部分的文字的步骤包括：
基于jQuery总文件确定所述弹窗组件的中间部分的文字，其中，所述jQuery总文件由多个所述jQuery文件封装得到；
和/或，
所述基于jQuery总文件确定所述弹窗组件的中间部分的文字的步骤包括：
通过jQuery总文件中的apiappend将预编辑的html文本添加到所述弹窗组件的中间部分以确定所述弹窗组件的中间部分的文字。


4.如权利要求2所述的弹窗组件的生成方法，其特征在于，所述生成方法还包括：
将所述按钮绑定相应的事件以形成动态按钮。


5.一种弹窗组件的生成系统，其特征在于，包括：
样式确定模块，用于基于层叠样式表确定所述弹窗组件的样式，所述样式包括所述弹窗组件的标题的样式和尾部的样式...

【专利技术属性】
技术研发人员：常兵本，蔡磊，
申请(专利权)人：携程计算机技术上海有限公司，
类型：发明
国别省市：上海;31