WEB控件加载装置和方法制造方法及图纸

技术编号:11136148 阅读:118 留言:0更新日期:2015-03-12 13:10
本发明专利技术提供了一种WEB控件加载装置,包括:文件描述单元,用于将外部js文件描述为对应的配置文件;文件解析及计算单元,用于配置文件解析、js文件分析和Hash值计算处理;压缩js文件检查单元,用于根据计算处理得到的Hash值,从缓存中取值,检查缓存中是否存在该Hash值的压缩js文件;压缩js文件加载及应用单元,用于基于缓存中相应Hash值的压缩js文件的检查结果,加载或合并压缩并存储或应用压缩js文件。本发明专利技术还提供了一种WEB控件加载方法。通过本发明专利技术的技术方案,可以在现有的控件加载方式基础上,充分利用单对象类型完成多对象类型的控件加载,建立多对象类型参与的控件加载的通用、统一加载思路。

【技术实现步骤摘要】

本专利技术涉及数据处理
,具体地,涉及一种WEB控件加载装置和一种WEB控件加载方法。 
技术介绍
随着Ajax的应用普及,WEB开发已经在在更多的系统中得到了广泛的应用并且已经得到了越来越多程序员的重视。在可以很好的提高用户体验的同时,WEB应用一个重要的方面是需要引入大量的JS、CSS等额外文件的信息。而引入JS、CSS文件等也存在不可忽视的缺点就是引入量多了会严重影响WEB应用的速度。因为目前的浏览器在加载外部的如JS等文件时,在同一时间,页面只会加载一个文件。在第一个文件加载并执行完之前,第二个要引入的文件不会下载和执行。所以如果提高JS等的加载及执行速度是需要我们关注的重大课题。为了提高外部文件如JS等文件的加载及执行速度,在以往的实现中,主要采用以下几种方式:优先将页面的静态内容先加载完,再来处理JS的调用,采用这样的方案,在页面的加载过程中不会因为个别的JS调用加载缓慢而影响整个页面的加载。但是如果页面引用大量的JS代码时,此方案并不适用。优化JS代码的的效率,将饮用的js页面做压缩处理,目前一般的网站都采用了此方式。为了提高JS的下载速度,压缩JS文件可以减少JS文件的大小;另外,把多个JS文件合并成一个也能因为减少服务器的响应次数而加快网页下载。但是,如果引用JS文件过多的情况下,压缩也只能部分提高速度,而将多个JS合并会增加JS文件的复杂性,并且降低了代码的可维护性。让影响页面速度JS函数延迟执行,延迟执行在一定程度上可以提高页面的渲染速度,但还是需要把多个js文件引入。无法解决系统中需要引用大量JS文件的加载问题。因此,需要一种新的控件加载技术,可以在现有的控件加载方式基础上,充分利用单对象类型完成多对象类型的控件加载,建立多对象类型参与的控件加载的通用、统一加载思路。 
技术实现思路
本专利技术正是基于上述问题,提出了一种新的控件加载技术,可以在现有的控件加载方式基础上,充分利用单对象类型完成多对象类型的控件加载,建立多对象类型参与的控件加载的通用、统一加载思路。有鉴于此,本专利技术提出了一种WEB控件加载装置,包括:文件描述单元,用于基于待应用的系统,将待应用的外部js文件描述为一个对应的配置文件;文件解析及计算单元,用于基于描述的配置文件,进行解析、js文件分析和Hash值计算处理;压缩js文件检查单元,用于根据计算处理得到的Hash值,从缓存中取值,检查缓存中是否存在该Hash值的压缩js文件;压缩js文件加载及应用单元,用于基于缓存中相应Hash值的压缩js文件的检查结果,加载或合并压缩并存储或应用压缩js文件。在该技术方案中,只压缩页面所需js,使js的内容最小化;而且可以重用合并的js文件,最大限度的优化页面js的请求数量与流量大小。在上述技术方案中,优选地,所述文件解析及计算单元,具体包括:配置文件解析模块,用于基于描述的配置文件,进行解析;js文件分析模块,用于基于对配置文件的解析结果,解析相应的页面应用页面,分析得到该页面应用页面包含的js文件;Hash值计算模块,用于根据分析得到的js文件和所有js文件名,计算得到相应的Hash值。在该技术方案中,可以重用合并的js压缩文件,从而有效的提供整个系统页面的加载效率。在上述技术方案中,优选地,所述压缩js文件加载及应用单元,具体包括:压缩js文件加载模块,用于根据计算得到的Hash值,如果从缓存中能够取出值,则直接从缓存中取出压缩js文件的路径,按照该路径加载该压缩js文件。在该技术方案中,在页面加载时,预先计算每个页面包含的页面元素,包含布局跟控件从而实现页面的按需加载。在上述技术方案中,优选地,所述压缩js文件加载及应用单元,具体还包括:js文件及存储模块,用于根据计算得到的Hash值,如果从缓存中取值结果为空,则将该Hash值包含的所有js文件进行合并压缩,并将合并压缩得到的压缩js文件根据相应的Hash值存入缓存中。在该技术方案中,将所需要的元素对应的前台js文件进行合并,并将合并后的文件进行压缩,从而减少文件的加载量。在上述技术方案中,优选地,所述压缩js文件加载及应用单元,具体还包括:压缩js文件应用模块,用于根据计算得到的Hash值,如果从缓存中取出的压缩js文件与下一个应用的页面加载时包含的js文件相同,则直接使用该压缩js文件。在该技术方案中,当包含相布局或控件的页面再进行加载时,可以直接利用以前页面使用的合并js文件,从而减少文件压缩合并时间,可以有效的加快文件的加载速度。根据本专利技术的又一个方面,还提出了一种WEB控件加载方法,包括:步骤202:基于待应用的系统,将待应用的外部js文件描述为一个对应的配置文件;步骤204:基于描述的配置文件,进行解析、js文件分析和Hash值计算处理;步骤206:根据计算处理得到的Hash值,从缓存中取值,检查缓存中是否存在该Hash值的压缩js文件;步骤208:基于缓存中相应Hash值的压缩js文件的检查结果,加载或合并压缩并存储或应用压缩js文件。在该技术方案中,只压缩页面所需js,使js的内容最小化;而且可以重用合并的js文件,最大限度的优化页面js的请求数量与流量大小。在上述技术方案中,优选地,所述步骤204,具体包括:步骤302:基于描述的配置文件,进行解析;步骤304:基于对配置文件的解析结果,解析相应的页面应用页面,分析得到该页面应用页面包含的js文件;步骤306:根据分析得到的js文件和所有js文件名,计算得到相应的Hash值。在该技术方案中,可以重用合并的js压缩文件,从而有效的提供整个系统页面的加载效率。在上述技术方案中,优选地,所述步骤208,具体包括:步骤402:根据计算得到的Hash值,如果从缓存中能够取出值,则直接从缓存中取出压缩js文件的路径,按照该路径加载该压缩js文件。在该技术方案中,在页面加载时,预先计算每个页面包含的页面元素,包含布局跟控件从而实现页面的按需加载。在上述技术方案中,优选地,所述步骤208,具体还包括:步骤404:根据计算得到的Hash值,如果从缓存中取值结果为空,则将该Hash值包含的所有js文件进行合并压缩,并将合并压缩得到的压缩js文件根据相应的Hash值存入缓存中。在该技术方案中,将所需要的元素对应的前台js文件进行合并,并将合并后的文件进行压缩,从而减少文件的加载量。在上述技术方案中,优选地,所述步骤208,具体还包括:步骤406:根据计算得到的Hash值,如果从缓存中取出的压缩js文件与下一个应用的页面加载时包含的js文件相同,则直接使用该压缩js文件。在该技术方案中,当包含相布局或控件的页面再进行加载时,可以直接利用以前页面使用的合并js文件,从而减少文件压缩合并时间,可以有效的加快文件的加载速度。通过以上技术方案,可以在现有的控件加载方式基础上,充分利用单对象类型完成多对象类型的控件加载,建立多对象类型参与的控件加载的通用、统一加载思路。 附图说明图1示出了根据本专利技术的实施例的WEB本文档来自技高网
...
<a href="http://www.xjishu.com/zhuanli/55/201410773791.html" title="WEB控件加载装置和方法原文来自X技术">WEB控件加载装置和方法</a>

【技术保护点】
一种WEB控件加载装置,其特征在于,包括:文件描述单元,用于基于待应用的系统,将待应用的外部js文件描述为一个对应的配置文件;文件解析及计算单元,用于基于描述的配置文件,进行解析、js文件分析和Hash值计算处理;压缩js文件检查单元,用于根据计算处理得到的Hash值,从缓存中取值,检查缓存中是否存在该Hash值的压缩js文件;压缩js文件加载及应用单元,用于基于缓存中相应Hash值的压缩js文件的检查结果,加载或合并压缩并存储或应用压缩js文件。

【技术特征摘要】
1.一种WEB控件加载装置,其特征在于,包括:
文件描述单元,用于基于待应用的系统,将待应用的外部js文件描述为一个对应的配置文件;
文件解析及计算单元,用于基于描述的配置文件,进行解析、js文件分析和Hash值计算处理;
压缩js文件检查单元,用于根据计算处理得到的Hash值,从缓存中取值,检查缓存中是否存在该Hash值的压缩js文件;
压缩js文件加载及应用单元,用于基于缓存中相应Hash值的压缩js文件的检查结果,加载或合并压缩并存储或应用压缩js文件。
2.根据权利要求1所述的WEB控件加载装置,其特征在于,所述文件解析及计算单元,具体包括:
配置文件解析模块,用于基于描述的配置文件,进行解析;
js文件分析模块,用于基于对配置文件的解析结果,解析相应的页面应用页面,分析得到该页面应用页面包含的js文件;
Hash值计算模块,用于根据分析得到的js文件和所有js文件名,计算得到相应的Hash值。
3.根据权利要求1或2所述的WEB控件加载装置,其特征在于,所述压缩js文件加载及应用单元,具体包括:
压缩js文件加载模块,用于根据计算得到的Hash值,如果从缓存中能够取出值,则直接从缓存中取出压缩js文件的路径,按照该路径加载该压缩js文件。
4.根据权利要求3所述的WEB控件加载装置,其特征在于,所述压缩js文件加载及应用单元,具体还包括:
js文件及存储模块,用于根据计算得到的Hash值,如果从缓存中取值结果为空,则将该Hash值包含的所有js文件进行合并压缩,并将合并压缩得到的压缩js文件根据相应的Hash值存入缓存中。
5.根据权利要求4所述的WEB控件加载装置,其特征在于,所述压缩js文件加载及应用单元,具体还包括:
压缩js文件应用模块,用于根据计算得到的Hash值,如果从缓存中取出的...

【专利技术属性】
技术研发人员:张晓燕
申请(专利权)人:用友软件股份有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1