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

摘要

本发明涉及通过数据渲染移动应用界面的方法，包括以下步骤S1~S3，其中，S1为在服务器植入页面模板html与控件xml，并解析形成页面数据以及控件数据的Json数据包；S2为客户端向服务器发送请求并接收该Json数据包，将其转化为页面模型；S3为将该页面模型数据进行处理生成页面事件、页面控件，同时渲染页面布局。本发明的有益效果为能够通过数据渲染出移动的web页面，可以使前端程序员不必过于关注页面的控件实现细节，不仅节约了开发时间，而且增加了移动应用之间的页面复用度。

主权项

一种通过数据渲染移动应用界面的方法，其特征在于，包括以下步骤：S1：抽取页面交互特性，分离数据、布局以及控件，在服务器植入页面模板html与控件xml，并解析形成页面数据以及控件数据的Json数据包；S2：客户端向服务器发送请求并接收该Json数据包，将其转化为页面模型；S3：将该页面模型数据进行处理生成页面事件、页面控件，同时渲染页面布局；在步骤S2中，进一步包括：通过浏览器启动指定的初始页面，并读入指定的配置文件；读取配置文件中的信息并获取服务Url，开始构建请求服务器的Json数据包；通过http协议向服务器发送Ajax请求；获取响应的Json数据，验证其状态值，判断响应是否成功；将成功响应的Json数据转化为页面模型数据；进一步地，将请求的页面Json数据转化为页面模型，包括以下步骤：将请求获得的页面数据进行分割；将分割获得的页面数据按照不同的类型封装为不同的数据模型；将数据模型搜集在不同的collection中；在步骤S3中，进一步地包括以下步骤；从不同类型的collection中将数据模型还原；将数据模型分为控件模型与事件模型；按照控件模型的类型将其渲染成不同的控件；通过页面模型的所属ID将其绑定在指定的控件模型上。