[发明专利]一种移动互联网应用配置前端UI布局的方法

说明书

本发明涉及一种移动互联网应用配置前端UI布局的方法，该方法包括：首先根据应用的特性，前端与服务器端制定一套通用的UI布局总规则；在总规则的大前提下，根据不同的功能模块，再依次制定不同的所属UI规则；前端在拉取数据时，后台返回以公用规则组装成的UI布局数据；前端根据返回的数据，以约定好的规则使用原生控件来生成UI；前端以约定好的规则提交数据给后端。该方法可以灵活配置前端UI，提高用户体验，降低开发成本。

【技术领域】

本发明属于移动终端和应用设计领域，尤其涉及一种移动互联网应用配置前端UI布局的方法。

【背景技术】

近些年来，随着移动互联网的发展，智能手机已经成为人们生活中必不可少的设备，各种手机应用(APP)也就成为人们最常使用的应用程序。应用内容的多元性以及应用版本快速迭代的特性，使得在不同手机端不同场景下以最快速、最小成本、最大灵活度、最便捷的方式来实现这一类需求成为当前开发APP的一种趋势。

应用的UI布局设计是应用设计的一个重要组成部分，现有技术中，如果要更新应用的UI布局，即使应用的功能没有变化，也需要重新更新整个应用，这实际与上述快速迭代的需求相矛盾。

【发明内容】

为了解决现有技术中的上述问题，本发明提出了一种移动互联网应用配置前端UI布局的方法。

本发明采用的技术方案如下：

一种移动互联网应用配置前端UI布局的方法，该方法包括以下步骤：

(1)前端与服务器端根据应用特性，事先约定一套通用的UI布局总规则和数据存储规则；

(2)在所述总规则的前提下，根据应用内不同的功能模块，分别约定各个功能模块的UI布局规则；

(3)管理员在服务器端按照约定的UI布局规则配置各个功能模块的UI布局，将配置好的UI布局存储在服务器端中；

(4)当前端需要为某个功能模块生成UI时，其向服务器端获取该功能模块的UI布局，如果获取成功，则前端按照上述约定对获取的UI布局进行解析，根据约定的规则使用系统原生控件生成UI；

(5)前端在使用过程中，按照约定的数据存储规则提交数据给服务器端。

进一步地，所述步骤(4)包括：

(4.1)前端启动后，其首先生成主界面的UI，并计算生成主界面UI的所耗费的时间T0；

(4.2)前端将所述时间T₀、主界面UI布局的版本号以及移动终端的标识符发送给服务器端；所述移动终端为前端所在的移动终端；

(4.3)服务器端基于该主界面UI布局的版本号，获取该主界面UI布局的复杂性指数F₀；

(4.4)服务器端为所述移动终端计算一个效率指数D＝T₀/F₀，将该效率指数与所述移动终端的标识符对应存储于服务器端；

(4.5)服务器端获取当前服务器端配置的主界面UI布局的版本号，如果该版本号大于前端主界面UI布局的版本号，则服务器端获取其当前配置的主界面UI布局的复杂性指数F₁，并计算DF₁是否小于预定义的时间阈值T，如果小于，则服务器端将其配置的主界面UI布局及其版本号推送给所述前端，前端存储推送来的新的主界面UI布局，以待后续使用；

(4.6)当前端需要为一个功能模块A生成UI时，其首先获取前端当前所拥有的该功能模块的UI布局的版本号A₀，然后向服务器端发送该功能模块的UI布局获取请求，该请求中包括了所述版本号A₀以及移动终端标识符；