[发明专利]一种WAP网页开发方法

说明书

技术领域

本发明涉及互联网领域，特别是涉及一种WAP网页开发方法。

背景技术

随着通信技术和移动互联网技术的发展，移动互联网使用量呈爆发式发展。根据 工信部的统计数据，2015年上半年用户月均移动互联网流量达到321.5MB，同比增长 83.7％。移动用户对网络信息需求量的扩大对互联网企业在生产互联网产品的效率和质量 上提出的更高的要求。WAP网页是移动网络传输中的主要内容，手机App中可以通过直接嵌 入WAP网页来实现主要功能，因此WAP网页开发设计成为移动互联网开发工作的主要内容之 一。

而现有的WAP网页开发技术，在开发的过程中，需要遵循页面方案设计、方案确定、 页面前后端开发与调试的工作流程，开发完成后，测试人员需要在不同的手机品牌、操作系 统(Android、iPhone)及版本、屏幕尺寸等条件下测试页面显示及功能是否正常。按照这种 传统的“生产模式”开发WAP页面，不仅周期长，测试工作繁杂，而且很可能造成开发出的产 品在风格上不一致，尤其是当同一产品由多个开发人员开发实施时，页面代码风格不一致， 且增加了产品日后维护和升级的复杂度。WAP网页开发人员在编写含以上功能的页面时，往 往进行大量重复的工作，且需要按照一般的开发流程，生产效率低下。

应该注意，上面对技术背景的介绍只是为了方便对本申请的技术方案进行清楚、 完整的说明，并方便本领域技术人员的理解而阐述的。不能仅仅因为这些方案在本申请的 背景技术部分进行了阐述而认为上述技术方案为本领域技术人员所公知。

发明内容

有鉴于现有技术的上述缺陷，本发明所要解决的技术问题是提供一种能够提高 WAP网页开发效率的WAP网页开发方法。

为实现上述目的，本发明提供了一种WAP网页开发方法，包括步骤：

客户端发出请求目标URL的请求指令，并获取后端系统根据预设的路由跳转机制 返回标示了用户访问资源原始URL的页面元素生成器；

客户端接收到页面元素生成器后，页面元素生成器自动请求访问资源原始URL，并 获取后端系统返回的原始页面元素的配置信息和页面数据；

页面元素生成器根据获取到的页面元素的配置信息，重组相应的页面组件，并加 载相应的数据，完成WAP页面重绘。优选的，在页面元素生成器在获取后端系统返回的原始 页面元素的配置信息和页面数据步骤后：

页面元素生成器获取页面元素配置信息和业务逻辑数据；

遍历通用组件数组，将自定义属性替换成相应组件的HTML模板；

加载相应的数据，完成WAP页面重绘。具体的，页面元素生成器是一套基于 AngularJS开发的前端框架，整体设计思想是通过使用angular中的指令(Directive)机制， 将自定义的熟悉替换为目标html代码，同时为U了能重用相关组件，减少代码冗余，预先建 立了带参数的通用组件数组的html模板，通过页面元素生成器和通用组件数组的结合运 用，在html模板中使用angular指令，结合页面元素配置参数，可以动态生成相应的组件 html代码，加快WAP页面重绘工作，大大提高开发效率。

优选的，所述将自定义属性替换成相应组件的HTML模板的步骤包括：

遍历组件内部子元素配置数组，重组开发子元素的HTML模板。除了带参数的通用 组件数组的html模板外，对应通用组件内部的子元素，也预先建立了对应的html模板，进一 步提高开发效率。

优选的，所述通用组件数组包括语言数组，后端系统在返回原始页面元素的配置 信息时，根据客户端所在地区及预设支持的语言返回相应语言版本的页面内容。该通用组 件数组，在涵盖现有通用组件的基础上，额外增加语言数组，通过预设在各个语言环境下的 组件显示语言内容，后端系统在返回页面元素配置时，会根据客户端所在地区及预设支持 的语言返回相应版本的页面内容，减少了多语言支持下的重复开发工作，提高开发效率，缩 短开发周期。