[发明专利]一种加载系统页面的方法和装置在审
申请号: | 201710647375.0 | 申请日: | 2017-08-01 |
公开(公告)号: | CN107391726A | 公开(公告)日: | 2017-11-24 |
发明(设计)人: | 管文菁 | 申请(专利权)人: | 郑州云海信息技术有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 北京安信方达知识产权代理有限公司11262 | 代理人: | 李红爽,李丹 |
地址: | 450018 河南省郑州市*** | 国省代码: | 河南;41 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 加载 系统 页面 方法 装置 | ||
1.一种加载系统页面的方法,其特征在于,包括:
获取系统页面的导航栏的全部导航菜单的名称,以及获取系统页面所包括的全部图片;
采用级联样式表CSS技术生成与获得的每个导航菜单的名称对应的按钮的图标,以及采用CSS技术生成与获得的系统页面所包括的每张图片对应的图标;
当检测到加载系统页面时,显示已生成的每个导航菜单的名称对应的按钮的图标,以及采用CSS图像拼合Sprites技术显示已生成的该系统页面所包括的每张图片对应的图标。
2.根据权利要求1所述的方法,其特征在于,生成的每个按钮的图标均对应一个第一CSS代码;生成的每个图标均对应一个第二CSS代码。
3.根据权利要求2所述的方法,其特征在于,在所述采用级联样式表CSS技术生成与获得的每个导航菜单的名称对应的按钮的图标,以及采用CSS技术生成与获得的系统页面所包括的每张图片对应的图标的步骤之后,在所述显示已生成的每个导航菜单的名称对应的按钮的图标的步骤之前,该方法还包括:
针对于所述生成的每个按钮的图标,将所述按钮的图标与所述按钮的图标对应的第一CSS代码对应存储;
针对于所述生成的每个图标,将所述图标与所述图标对应的第二CSS代码对应存储。
4.根据权利要求2或3所述的方法,其特征在于,所述显示已生成的每个导航菜单的名称对应的按钮的图标的步骤包括:
获取并加载已生成的每个导航菜单的名称对应的按钮的图标所对应的第一CSS代码。
5.根据权利要求2或3所述的方法,其特征在于,所述采用CSS Sprites技术显示已生成的该系统页面所包括的每张图片对应的图标的步骤包括:
采用所述CSS Sprites技术将所述系统页面所包括的每张图片对应的图标整合到预先创建的文件中;
通过所述CSS技术的规定要使用的背景图像background-image功能、规定如何重复背景图像background-repeat功能和规定背景图像的位置background-position功能确定所述系统页面所包括的每张图片对应的图标在所述系统页面中的位置;
在确定出的位置处加载所述页面系统所包括的每张图片对应的图标所对应的第二CSS代码。
6.一种加载系统页面的装置,其特征在于,包括:获取模块、生成模块、检测模块和加载模块;其中,
获取模块,用于获取系统页面的导航栏的全部导航菜单的名称,以及获取系统页面所包括的全部图片;
生成模块,用于采用级联样式表CSS技术生成与获得的每个导航菜单的名称对应的按钮的图标,以及采用CSS技术生成与获得的系统页面所包括的每张图片对应的图标;
检测模块,用于当检测到加载系统页面时,通知加载模块;
加载模块,用于接收到来自检测模块的通知,显示已生成的每个导航菜单的名称对应的按钮的图标,以及采用CSS图像拼合Sprites技术显示已生成的该系统页面所包括的每张图片对应的图标。
7.根据权利要求6所述的装置,其特征在于,生成的每个按钮的图标均对应一个第一CSS代码;生成的每个图标均对应一个第二CSS代码。
8.根据权利要求7所述的装置,其特征在于,该装置还包括存储模块,用于:
针对于所述生成的每个按钮的图标,将所述按钮的图标与所述按钮的图标对应的第一CSS代码对应存储;
针对于所述生成的每个图标,将所述图标与所述图标对应的第二CSS代码对应存储。
9.根据权利要求7或8所述的装置,其特征在于,所述加载模块中用于显示已生成的每个导航菜单的名称对应的按钮的图标包括:
获取并加载已生成的每个导航菜单的名称对应的按钮的图标所对应的第一CSS代码。
10.根据权利要求7或8所述的装置,其特征在于,所述加载模块中用于采用CSS Sprites技术显示已生成的该系统页面所包括的每张图片对应的图标包括:
采用所述CSS Sprites技术将所述系统页面所包括的每张图片对应的图标整合到预先创建的文件中;
通过所述CSS技术的规定要使用的背景图像background-image功能、规定如何重复背景图像background-repeat功能和规定背景图像的位置background-position功能确定所述系统页面所包括的每张图片对应的图标在所述系统页面中的位置;
在确定出的位置处加载所述页面系统所包括的每张图片对应的图标所对应的第二CSS代码。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于郑州云海信息技术有限公司,未经郑州云海信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710647375.0/1.html,转载请声明来源钻瓜专利网。