[发明专利]一种页面文件的垂直动态加载方法及装置

说明书

技术领域

本发明涉及页面文件加载设计技术领域，特别涉及一种页面文件的垂直动态加载方法及装置。

背景技术

当前Ajax技术设计被大量使用于web2.0项目中，Ajax因为其能在不更新整个页面的前提下更新页面部分数据，这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上重复发送那些没有改变过的数据。彻底革新了以前传统的基于html的web应用程序设计，页面设计由JavaScript的设计OOP思想代替了html的设计思想。页面的存储由html等静态文件变成了js文件，通过ajax把以前一些服务器负担的工作转接到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，Ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。使用ajax开发页面，特别是在比较大型的一些产品或者项目中，因为功能的复杂和多样，那么程序实现的代码也会随之增长，必然会遇到需要加载很多js文件的情况。客户端在访问程序的时候，大量的资源文件会在程序初始化的时候引入。每个资源文件需要通过http协议进行传输，耗费一些重新连接的时间，特别是一些内容较多，文件体积比较大的文件，增加大量的http开销，所以会导致页面响应过慢、处理时间过长的情况。而对于有权限控制的模块，更是增加了无谓的资源开销。

发明内容

(一)要解决的技术问题

本发明要解决的技术问题是提供一种页面文件的垂直动态加载方法，克服目前在访问程序时，出现的页面响应较慢，处理时间过长，用户体验感不高等缺点。

(二)技术方案

为了解决上述问题，本发明一方面提供一种页面文件的垂直动态加载方法，包括以下步骤：

将页面文件按照功能划分为多个模块；

提取并优化页面文件运行的核心javascript文件；

将核心javascript文件引入到页面文件首页中；

设置所述核心javascript调用所述多个模块的初始化接口。

另一方面，本发明还提供一种页面文件的垂直动态加载装置，包括：

划分模块，用于将页面文件按照功能划分为多个模块；

提取模块，用于提取并优化页面文件运行的核心javascript文件；

引入模块，用于将核心javascript文件引入到页面文件首页中；

设置模块，用于设置所述核心javascript调用所述多个模块的初始化接口。

(三)有益效果

本发明具有以下优点：本发明提供的页面文件的垂直动态加载方法和装置，可以提高页面响应速度，减少冗余请求，提高页面处理速度，优化网络访问，起到实现对页面进行动态控制的作用。

附图说明

图1是本发明实施例页面文件的垂直动态加载方法流程图；

图2是本发明实施例页面文件的垂直动态加载装置结构示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

如图1所示，本发明实施例页面文件的垂直动态加载方法具体包括如下步骤：

步骤S1，将页面文件按照功能划分为多个模块，提取多个模块共有的页面功能、实现函数或界面控件，并将提取后的页面功能、实现函数或界面控件单独存放。

具体为：模块划分原则是由需求分析员根据用户需求，编写出软件需求分析文档，项目经理和系统架构师根据软件需求分析文档整理出软件概要设计文档，概要设计文档中体现出功能模块的划分关系，功能模块根据用户的需求不同而不同。例如在普通的管理系统中，根据用户的需求可以划分为用户管理模块、系统管理模块、业务管理模块等。研发人员根据概要设计文档编写详细设计文档，在详细设计文档中详细描述每个功能模块所需的交互界面、界面实现的功能函数、界面所需控件、数据交互接口等。在界面设计中，提取多个模块共有的页面功能、实现函数或界面控件，并将提取后的页面功能、实现函数或界面控件单独存放。统一交互接口的前提下设计出可以共用的解决方案，减少重复性的功能设计。