一种网页的加载方法和系统的制作方法
【技术领域】
[0001]本申请实施例涉及网页数据处理的技术领域，特别是涉及一种网页的加载方法和一种网页的加载系统。
【背景技术】
[0002]因特网Internet的迅猛发展将人们带入了信息社会和网络经济时代，对企业的发展和个人生活都产生了深刻的影响。为了能高效处理Internet海量的数据，在数据处理过程中产生了模块化，即是一种将复杂对象进行分解的一种规范，比如将一个网页分解为多个小区块，这个行为就是模块化。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。模块具有一下几种基本属性:接口、功能、逻辑、状态，功能、状态与接口反映模块的外部特性，逻辑反映它的内部特性。在软件的体系结构中，模块是可组合、分解和更换的单元。
[0003]以电子商务(ElectronicCommerce)为例，电子商务是在Internet开放的网络环境下，基于浏览器/服务器应用方式，实现消费者的网上购物、商户之间的网上交易和在线电子支付的一种新型的商业运营模式。电子商务中的一个重要组成单元就是店铺。通过分析网页的组成结构，发现店铺的网页当中有很多可以重用的业务单元，为了能够快速复用和高效的维护，模块化是很好的解决方案。
[0004]传统的模块化主要是针对复杂的后端数据、服务进行剥离拆分，比如像银行的柜员系统，承接了大量的银行业务，每个业务都是一个模块，整个系统由不同的子模块组成，侧重点在于功能的服务、数据模块。因此模块化的对象基本是企业级别的，适用范围小。对于电子商务，传统的模块化方案不能解决店铺内的复用、维护等问题。开发人员需要花费大量的精力在沟通网页和数据的交互问题、网页联调、发布代码到生产环境等各种行为，还有Web网页性能问题。
[0005]模块化后的后端数据只有特定格式的数据模型，而为了实现与前端的网页交互，采用了 Iframe的方式。Iframe方式本质上面会在当前网页重新打开一个新的会话,采用异步的方式渲染网页，用户需要分开等待两次请求时间，对于服务器端和浏览器端都增加了一次开销。同时Iframe的方式让网页的性能优化无法适用到Iframe的内容,性能无法进一步的优化，造成模块化的性能极其低下，也无法给用户良好的体验。
[0006]因此，目前需要本领域技术人员迫切解决的一个技术问题就是:提供一种网页数据模块化的方案，以减少系统资源开销，提高开发效率。
[0007]申请内容
[0008]本申请实施例所要解决的技术问题是提供一种网页的加载方法，用以减少系统资源开销，提高开发效率。
[0009]相应的，本申请实施例还提供了一种网页的加载系统，用以保证上述方法的实现及应用。
[0010]为了解决上述问题，本申请公开了一种网页的加载方法，包括:
[0011]当接收到网页的加载请求时，分别获取所述加载请求对应的网页框架数据、动态资源数据和静态资源数据；
[0012]采用所述网页框架数据和所述动态资源数据生成第一网页数据；
[0013]采用所述第一网页数据和所述静态资源数据生成第二网页数据；
[0014]将所述第二网页数据和所述静态资源数据发送至客户端；所述客户端用于对所述第二网页数据和所述静态资源数据进行渲染。
[0015]优选地，所述加载请求中包括网页标识，所述分别获取所述加载请求对应的网页框架数据、动态资源数据和静态资源数据的步骤包括:
[0016]提取所述加载请求中的网页标识；
[0017]采用所述网页标识在预置的网页标识映射表中查找所述网页对应的网页框架数据、动态资源数据和静态资源数据；
[0018]分别获取所述网页框架数据、所述动态资源数据和所述静态资源数据。
[0019]优选地，所述网页框架数据包括所述网页中固定格式的数据；
[0020]所述动态资源数据包括所述网页中可调整的数据；
[0021]所述静态资源数据包括计算机语言CSS数据、脚本语言JS数据和图片数据。
[0022]优选地，所述采用所述网页框架数据和所述动态资源数据生成第一网页数据的步骤包括:
[0023]按照编译所述网页框架数据的模板语言所对应的渲染规则，对所述网页框架数据和所述动态资源数据进行渲染，生成第一网页数据。
[0024]优选地，所述模板语言包括Velocity模板语言，所述页面框架数据包括变量名，所述动态资源包括所述变量名对应的值；
[0025]所述按照编译所述网页框架数据的模板语言所对应的渲染规则，对所述网页框架数据和所述动态资源数据进行渲染，生成第一网页数据的步骤包括:
[0026]启动所述Velocity模板语言对应的模板引擎；
[0027]采用所述模板引擎将页面框架数据中的变量名与动态资源数据中对应的值进行关联;
[0028]采用所述模板引擎获取页面框架数据；
[0029]将关联后的动态资源数据渲染到页面框架数据中。
[0030]优选地，所述采用所述第一网页数据和所述静态资源数据生成第二网页数据的步骤包括:
[0031]按照所述第一网页数据对所述计算机语言CSS数据和脚本语言JS数据编排地址，获得对应的CSS地址和JS地址；
[0032]将所述CSS地址和所述JS地址添加到所述第一网页数据中生成第二网页数据。
[0033]优选地，所述将所述第二网页数据和所述静态资源数据发送至客户端的步骤包括:
[0034]通过远程过程调用协议将所述第二网页数据和所述静态资源数据发送至客户端。
[0035]本申请还公开了一种网页的加载方法，包括:
[0036]向服务器发送网页的加载请求；所述服务器用于在接收到网页的加载请求时，分别获取所述加载请求对应的网页框架数据、动态资源数据和静态资源数据，采用所述网页框架数据和所述动态资源数据生成第一网页数据，以及，采用所述第一网页数据和所述静态资源数据生成第二网页数据；
[0037]接收所述服务器返回第二网页数据和静态资源数据；
[0038]采用所述第二网页数据和所述静态资源数据进行渲染。
[0039]本申请还公开了一种网页的加载系统，包括:
[0040]数据获取模块，用于在接收到网页的加载请求时，分别获取所述加载请求对应的网页框架数据、动态资源数据和静态资源数据；
[0041]第一网页数据生成模块，用于采用所述网页框架数据和所述动态资源数据生成第一网页数据；
[0042]第二网页数据生成模块，用于采用所述第一网页数据和所述静态资源数据生成第二网页数据；
[0043]数据发送模块，用于将所述第二网页数据和所述静态资源数据发送至客户端；所述客户端用于对所述第二网页数据和所述静态资源数据进行渲染。
[0044]优选地，所述加载请求中包括网页标识，所述数据获取模块包括:
[0045]提取子模块，用于提取所述加载请求中的网页标识；
[0046]查找子模块，用于采用所述网页标识在预置的网页标识映射表中查找所述网页对应的网页框架数据、动态资源数据和静态资源数据；
[0047]获取子模块，用于分别获取所述网页框架数据、所述动态资源数据和所述静态资源数据。
[0048]优选地，所述网页框架数据包括所述网页中固定格式的数据；
[0049]所述动态资源数据包括所述网页中可调整的数据；
[0050]所述静态资源数据包括计算机语言CSS数据、脚本语言JS数据和图片数据。
[0051]优选地，所述第一网页数据生成模块包括:
[0052]第一渲染子模块，用于按照编译所述网页框架数据的模板语言所对应的渲染规贝U，对所述网页框架数据和所述动态资源数据进行渲染，生成第一网页数据。
[0053]优选地，所述模板语言包括Velocity模板语言，所述页面框架数据包括变量名，所述动态资源包括所述变量名对应的值；所述第一渲染子模块包括:
[0054]启动子模块，用于启动所述Velocity模板语言对应的模板引擎；
[0055]关联子模块，用于采用所述模板引擎将页面框架数据中的变量名与动态资源数据中对应的值进行关联；
[0056]获取子模块，用于采用所述模板引擎获取页面框架数据；
[0057]第二渲染子模块，用于将关联后的动态资源数据渲染到页面框架数据中。
[0058]优选地，所述第二网页数据生成模块包括:
[0059]编排子模块，用于按照所述第一网页数据对所述计算机语言CSS数据和脚本语言JS数据编排地址，获得对应的CSS地址和JS地址；
[0060]添加子模块，用于将所述CSS地址和所述JS地址添加到所述第一网页数据中生成第二网页数据。
[0061]优选地，所述数据发送