[发明专利]一种通过数据渲染移动应用界面的方法

说明书

技术领域

本发明涉及一种能够增加移动应用页面复用度的通过数据渲染移动应用界面的方法。

背景技术

目前移动应用对于跨平台的解决方案，大多是通过使用web技术来解决的，而对于web页面编写通常是前端程序员设计成固定的页面而完成的。这种方式创建的应用的页面并不能在多个应用间进行复用，因而需要花费巨大的人力成本。

目前web界面的渲染主要为两种技术：一种是网页跳转方式，客户端直接请求新页面替换当前页，另一种是通过交互的数据来渲染页面，通过程序解析交互的数据，再渲染页面。传统网页技术一般使用跳转的方式请求新的页面，但是一些新的应用开始使用AJAX技术，通过数据交互来渲染部分页面。

在现有技术中，移动界面的设计实现大多基于HTML或者XML的配置式进行构造，比如Andriod的页面设计就是基于编写页面XML布局模版，开发人员通过编写XML文件来描述某个Activity的内容，程序会对布局模版进行解析，然后渲染产生页面。而基于传统的WEB方法的JqueryMobile等都是基于HTML文本进行描述。本发明是在抽取出了页面交互特性的基础上，将数据、布局和控件分离，用单独的配置文件和各自特定的的标签来描述页面，并且将常用的组件进行抽象分离，使其能够更加多样化，适用于多种移动环境下，保证了不论在PC端和移动端(比如Android，iOS)，只要是支持HTML5的环境中都能得到同样的应用界面渲染效果。

发明内容

针对现有技术中存在的不足，本发明的目的在于提供一种通过数据渲染移动应用界面的方法，能够通过数据渲染出移动的web页面，极大的提高了用于构建应用页面的复用度。

本发明的技术方案如下：

一种通过数据渲染移动应用界面的方法，包括以下步骤：

S1：在服务器植入页面模板html与控件xml，并解析形成页面数据以及控件数据的Json数据包；

S2：客户端向服务器发送请求并接收该Json数据包，将其转化为页面模型；

S3：将该页面模型数据进行处理生成页面事件、页面控件，同时渲染页面布局。

上述的方法，进一步包括：

客户端检查Json数据包的完整性；

将页面事件绑定至页面控件上，以使两者进行集中管理。

上述的方法，在步骤S2中，进一步包括：

通过浏览器启动指定的初始页面，并读入指定的配置文件；

读取配置文件中的信息并获取服务Url，开始构建请求服务器的Json数据包；

通过http协议向服务器发送Ajax请求；

获取响应的Json数据，验证其状态值，判断响应是否成功；

将成功响应的Json数据转化为页面模型数据。

上述的方法，通过Ajax请求获得服务器的响应数据，包括以下步骤：

通过Ajax请求指定的服务器地址获得页面Json数据；

解析获得的Json数据，验证数据的状态。

上述的方法，将请求的页面Json数据转化为页面模型，包括以下步骤：

将请求获得的页面数据进行分割；

将分割获得的页面数据按照不同的类型封装为不同的数据模型；

将数据模型搜集在不同的collection中。

上述的方法，在步骤S3中，进一步地包括以下步骤：

从不同类型的collection中将数据模型还原；

将数据模型分为控件模型与事件模型；

按照控件模型的类型将其渲染成不同的控件；

通过页面模型的所属ID将其绑定在指定的控件模型上。

上述的方法，进一步还包括以下步骤：

将页面事件、页面控件进行集中管理，包括有：

在生成页面控件和页面事件时将其放入页面管理器中；

在页面数据进行切换时将指定的页面控件和页面事件清除。

上述的方法，配置文件定义的内容包括：页面响应服务器的地址；应用所属的ID；应用初始化页面；事件的响应地址；

上述的方法，进一步包括：

页面事件响应产生页面迁移时，搜集页面控件信息，构造请求的数据包信息；

获取服务器的响应Json数据，重新使用以上方法渲染新的页面。