[发明专利]一种web页面动态加载方法

说明书

本发明提供了一种web页面动态加载方法，所述动态加载方法通过调用基于移动平台的应用开发架构Js库提供的Use方法进行检查，如果缓存中存在需要获取的模块，则加载该模块，然后通过绑定事件完成回调函数模块的动态加载；所述基于移动平台的应用开发架构包括模型层、控制层、视图层和配置层；所述控制层包括Web动态加载框架和模块化构建容器；所述web页面动态加载方法用于控制层的Web动态加载框架。本发明结合移动互联网环境下的特定限制，如网络环境稳定性差、个人移动流量有限等，构建动态加载技术，增强移动应用的可用性和稳定性。

技术领域

本发明属于电力信息化技术领域，特别涉及一种web页面动态加载方法。

背景技术

随着移动互联网的迅猛发展，互联网开启了“Web2.0”时代，信息获得、传播和互动呈现出了多渠道、低成本、高效率的显著特征，社会整体信息化应用水平大幅提升，社会透明度和公众自我意识逐步增强。如何充分利用移动互联网技术提高企业管理水平和客户服务质量，成为电网企业信息化建设工作的一项重要课题。目前，常规的移动开发技术如基于标准的前端HTML5框架不能够实现动态加载，不仅导致了页面的错综复杂，还消耗了终端设备过多的流量和电量，不利于用户的体验。另外，这些框架编程不太灵活，而且耦合性高，尤其是涉及到展现处理、文件配置、库的读取等，缺少模块化开发方式。在终端适配方面，由于移动端尺寸多，不同终端需要单独匹配，以及不同分辨率需要适配等带来了各种问题，没有统一的标准和框架来制定，使得开发的代码量不断增多并且效率低下。同样，移动端缺少公共组件封装，导致开发周期长，可维护性低。

发明内容

本发明结合移动互联网环境下的特定限制，如网络环境稳定性差、个人移动流量有限等，构建动态加载技术，增强移动应用的可用性和稳定性。

本发明具体为一种web页面动态加载方法，所述动态加载方法通过调用基于移动平台的应用开发架构Js库提供的Use方法进行检查，如果缓存中存在需要获取的模块，则加载该模块，然后通过绑定事件完成回调函数模块的动态加载；所述基于移动平台的应用开发架构包括模型层、控制层、视图层和配置层；所述控制层包括Web动态加载框架和模块化构建容器；所述web页面动态加载方法用于控制层的Web动态加载框架，具体包括如下步骤：

步骤(1)：调用Js库提供的Use方法；

步骤(2)：判断是否有缓存，若是，进入步骤(3)，若否，进入步骤(6)；

步骤(3)：获取相应模块；

步骤(4)：绑定事件；

步骤(5)：模块回调导出，结束流程；

步骤(6)：创建模块；

步骤(7)：通过加载模块得到模块中的方法和属性；

步骤(8)：判断该模块是否有子模块，若是，进入步骤(9)，若否，进入步骤(11)；

步骤(9)：获取子模块；

步骤(10)：绑定事件；

步骤(11)：触发自身事件，进入步骤(5)。

进一步的，所述模型层确定移动端公用组件的封装，让开发人员无障碍的调用封装好的插件，移动业务应用直接复用，根据业务需求快速组合形成应用界面；基于模块化定义，将公用的组件以插件的形式放在模型层中，按照模块的按需加载进行动态调用，包括时间插件、弹窗插件、图形插件、下拉刷新上拉加载插件、滑动插件、省市区选择插件。

进一步的，所述模块化构建容器基于移动平台业务框架的模块进行分类，分为流程引擎模块、业务模块和页面模块，前端开发人员基于这几类模块的基础上能够自行定义子模块，并相互调用，各个模块的定义只需模块名称不同，然后在不同的文件夹、目录、方法里面调用，各个模块之间不会发生冲突行为。