[发明专利]页面复用方法及装置有效

专利信息
申请号: 201510036790.3 申请日: 2015-01-26
公开(公告)号: CN104573066B 公开(公告)日: 2017-11-03
发明(设计)人: 郑振雷;严波;张力引 申请(专利权)人: 中国工商银行股份有限公司
主分类号: G06F17/30 分类号: G06F17/30
代理公司: 北京三友知识产权代理有限公司11127 代理人: 王涛
地址: 100140 北*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 页面 方法 装置
【说明书】:

技术领域

发明是关于Web互联网技术,特别是关于一种基于Javascript对象封装的页面复用方法及装置。

背景技术

在互联网行业快速发展的今天,web网站已经从过去的信息共享、信息传递等简单应用,发展到如今丰富多彩的web应用,给人们的工作、生活带来便捷,成为人们工作、生活中不可或缺的一部分。随着web应用越来越重视优秀的用户体验,web页面也越做越复杂,有效地增加页面的复用率能极大提高页面开发效率。

目前,web应用大多使用IFRAME技术来实现页面复用。通过IFRAME标签可以在主页面窗口嵌入其他的页面,因此可以借助一个页面承载多个页面的方式来重用页面代码。

上述基于IFRAME技术实现页面复用面临以下几个问题:首先,实现IFRAME和主页面、IFRAME页面之间的交互,需要的Javascript复杂程度较高,像页面拖拽、用户自定义页面布局等操作甚至无法实现。其次,IFRAME使用的是前台的浏览器刷新机制,而不是后台运行请求的机制,会有延时响应的问题,并且很难对响应状态进行监听,从而产生嵌入页面无法高度自适应导致出现滚动条等问题的出现。此外,IFRAME框架的展示效率较低,特别是在IE浏览器中,最多只能同时发起4个IFRAME请求,在嵌入IFRAME页面多于4个时,部分IFRAME页面请求会挂起。另一方面,每个IFRAME页面都必须是一个独立、完整的页面,嵌入的页面无法使用主页面加载的资源,这在采用某些大型Javascript库(如UI库)进行页面开发时,会照成极大的资源浪费。

上述问题说明基于IFRAME技术来实现页面复用的方式存在一些功能和性能上的缺陷。

发明内容

本发明提供一种页面复用方法及装置,以有效地提高页面的开发效率和运行性能,在保证开发和运行效率的基础上实现页面的复用。

为了实现上述目的,本发明提供了一种页面复用方法,所述的页面复用方法包括:

主页面接收用户的主页面访问请求,根据所述的主页面访问请求向资源库发出公共资源获取请求;

所述主页面接收所述资源库返回的公共资源,并加载所述的公共资源;

所述主页面向主页面配置信息库发送查询请求,接收所述主页面配置信息库根据所述数据查询请求返回的主页面配置信息;

所述主页面根据所述的主页面配置信息向所述的资源库发起AJAX请求,异步获取片段组件定义;

所述主页面根据所述的片段组件定义创建片段组件,并将所述AJAX请求发送给所述的片段组件;

所述片段组件解析所述AJAX请求中的请求参数,生成组件初始化信息;

所述片段组件向所述的资源库发出私有资源获取请求,接收所述资源库返回的私有资源,并加载所述私有资源;

所述片段组件从所述主页面配置信息库获取展示数据,并对所述展示数据进行处理,完成所述片段组件的初始化;

所述主页面将初始化后的所述片段组件添加到主页面DOM树上;

所述主页面调用与所述片段组件之间的接口,与所述片段组件进行信息交互,响应用户操作。

在一实施例中,根据所述的主页面访问请求向资源库发出公共资源获取请求,包括:根据所述的主页面访问请求向资源库发出包含主页面唯一标识的公共资源获取请求。

在一实施例中,所述的主页面配置信息包括:片段组件信息及所有片段组件的使用情况。

在一实施例中,所述片段组件信息包括:段组件名称、URL地址、展示顺序、是否懒加载。

在一实施例中,所述主页面根据所述的主页面配置信息向所述的资源库发起AJAX请求,包括:

判断是否存在所述片段组件定义;

如果否,向所述的资源库发起AJAX请求,以获取所述片段组件定义。

在一实施例中,所述片段组件向所述的资源库发出私有资源获取请求,接收所述资源库返回的私有资源,包括:

所述片段组件向所述的资源库发出包含片段组件唯一标识的私有资源获取请求,接收所述资源库根据所述片段组件唯一标识返回的私有资源。

在一实施例中,所述的方法还包括:所述的主页面将所述片段组件删除。

为了实现上述目的,本发明还提供一种页面复用装置,所述的页面复用装置包括:

请求发送单元,用于接收用户的主页面访问请求,根据所述的主页面访问请求向资源库发出公共资源获取请求;

资源加载单元,用于接收所述资源库返回的公共资源,并加载所述的公共资源;

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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