[发明专利]模态框构建方法、装置、电子设备、计算机可读存储介质在审

专利信息
申请号: 201811165698.7 申请日: 2018-09-30
公开(公告)号: CN109375975A 公开(公告)日: 2019-02-22
发明(设计)人: 甘晓慧 申请(专利权)人: 新华三大数据技术有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06F8/38
代理公司: 北京超凡志成知识产权代理事务所(普通合伙) 11371 代理人: 吴迪
地址: 450000 河南省郑州市郑州高新*** 国省代码: 河南;41
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 模态 标签元素 属性信息 指令文件 计算机可读存储介质 电子设备 文字内容 构建 保存 内容变量 生成指令 数据包括 冗余 绑定
【权利要求书】:

1.一种模态框的构建方法,其特征在于,所述方法包括:

为界面的元素绑定JS对象,所述JS对象包括模态框的属性信息,所述属性信息包括所述模态框展示的文字内容以及模态框的标签元素对应函数的函数名;

生成指令文件,所述指令文件包括一个JS文件以及一个html文件;所述JS文件包括与所述JS对象对应的数据以及所述函数名与函数内容的对应关系;所述JS对象对应的数据包括所述文字内容、所述函数名与所述标签元素的对应关系;所述html文件包括所述模态框的内容变量和所述标签元素。

2.根据权利要求1所述的方法,其特征在于,所述JS文件内还包括样式文件,所述html文件内还包括所述模态框的样式变量,所述样式变量的值为指定的所述样式文件。

3.根据权利要求1或2所述的方法,其特征在于,在生成指令文件之后,所述方法还包括:

在检测到所述界面上与所述元素对应的点击事件时,读取所述html文件,在所述界面上显示所述模态框;

其中,所述html文件中的所述内容变量的值为所述JS文件中与所述JS对象对应的所述文字内容。

4.根据权利要求3所述的方法,其特征在于,在所述界面上显示所述模态框之后,所述方法还包括:

在检测到所述模态框所显示的标签元素的点击事件时,从所述JS文件中读取与所述标签元素对应的函数并进行调用。

5.根据权利要求4所述的方法,其特征在于,从所述JS文件中读取与所述标签元素对应的函数并进行调用,包括:

基于所述JS对象对应的数据中所包括的所述函数名与标签元素的对应关系,确定与所述标签元素对应的函数名;

基于所述JS文件中所包括的函数名与函数内容的对应关系,确定与所述函数名对应的函数内容;

调用所述函数内容。

6.一种模态框构建装置,其特征在于,包括:

绑定模块,用于为界面的元素绑定JS对象,所述JS对象包括模态框的属性信息,所述属性信息包括所述模态框展示的文字内容以及模态框的标签元素对应函数的函数名;

生成模块,用于生成指令文件,所述指令文件包括一个JS文件以及一个html文件;所述JS文件包括与所述JS对象对应的数据和所述函数名与函数内容的对应关系;所述JS对象对应的数据包括所述文字内容、所述函数名与所述标签元素的对应关系;所述html文件包括所述模态框的内容变量和所述标签元素。

7.根据权利要求6所述的装置,其特征在于,所述装置还包括:

读取模块,用于在检测到所述界面上与所述元素对应的点击事件时,读取所述html文件,所述html文件中的所述内容变量的值为所述JS文件中与所述JS对象对应的所述文字内容;

显示模块,用于在所述界面上显示所述模态框。

8.根据权利要求7所述的装置,其特征在于,

所述读取模块,还用于在检测到所述模态框所显示的标签元素的点击事件时,从所述JS文件中读取与所述标签元素对应的函数并进行调用。

9.一种电子设备,其特征在于,包括处理器以及存储器,所述存储器内存储有计算机程序,当所述计算机程序被所述处理器执行时,使得所述电子设备执行如权利要求1-5中任意一项所述的模态框构建方法。

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行如权利要求1-5中任意一项所述的模态框构建方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于新华三大数据技术有限公司,未经新华三大数据技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811165698.7/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top