[发明专利]一种UI复用方法及装置

说明书

技术领域

本发明涉及WEB应用程序开发领域，尤其是涉及一种UI复用方法及装置。

背景技术

UI(用户界面)开发是基于B/S架构的WEB应用程序的开发中的重要环节，通常会消耗整个开发程序70％以上的工作量。如何有效的缩减UI开发的工作量，是提高B/S架构的WEB应用程序的开发效率的重中之重。

本领域的人员可以知道，在UI的开发过程中，很多UI的内容是重复的，为此，在UI的开发过程中经常使用UI复用的方法来缩减UI的开发工作量。开发团队在长期项目的开发过程中会积累一批设计良好、有一定通用性的UI页面作为通用UI。UI复用的具体过程是：

确定通用UI。在开发新的UI时，分析用户需求，确定具体的通用UI。通常是确定于用户需求的UI页面最类似的通用UI。

通过采用从通用UI中拷贝并粘贴的方法建立新的UI，并根据需要对其进行修改，直到符合用户需求。

这种方式，是目前提高B/S架构UI开发效率最直接、最有效的方法。

但现有的方式中，B/S架构下的UI使用的是结构化并不良好的HTML语言描述页面。由于HTML的结构化不好，不具有封装性，在复用时很难区分出修改和不需要修改的内容。通过整段代码拷贝粘贴后进行修改，会影响到本不需要修改的地方，使得局部修改变成一个整体修改的过程。整体修改意味着整体测试，因此这样的方式加大了工作量，降低了UI的开发效率。

另外，由于HTML的混乱结构，使得用户在其代码中查找某个特定的控件十分困难，极易出错，降低了UI复用的准确度。

发明内容

本发明提供一种UI复用方法及装置，能够缩减UI复用的工作量，提高UI开发的效率。

本发明提供了一种UI复用方法，所述方法包括：

获取通用UI父页面；

以面向对象的方式描述UI父页面，获得UI父对象；

继承所述UI父对象，生成UI子对象；

转换所述UI子对象为UI子页面。

优选的，所述继承所述UI父对象，生成UI子对象包括：

复制所述UI父对象的所有控件ID至所述UI子对象。

优选的，所述继承所述UI父对象，生成UI子对象还包括以下任意一项或几项：

保存所述UI父对象需要修改的所述控件ID对应的控件属性和/或事件响应脚本至所述UI子对象；

保存所述UI父对象需要修改的页面脚本至所述UI子对象；

保存所述UI父对象需要增加的引用资源至所述UI子对象；

保存所述UI父对象需要增加的控件ID、所述控件ID对应控件的控件属性和事件响应脚本至所述UI子对象；

在所述UI子对象中删除所述UI父对象需要删除的控件ID。

优选的，所述转换所述UI子对象为UI子页面包括：

解析所述UI父对象和所述UI子对象，获得页面脚本列表，页面控件列表和资源引用列表；

提取所述页面控件列表中的事件脚本；合并所述事件脚本和所述页面脚本列表生成脚本文件；

提取所述页面控件列表中的页面控件；合并所述页面控件和所述资源引用列表为页面文件；

转换所述脚本文件和所述页面文件为UI子页面。

优选的，所述解析所述UI父对象和所述UI子对象，获得页面脚本列表包括：

判断所述UI子对象是否有UI父对象；

若有，获取所述UI父对象的页面脚本列表；

获取所述UI子对象的页面脚本列表；

合并所述UI子对象的页面脚本列表至所述UI父对象的页面脚本列表；若所述UI子对象的页面脚本列表中的公共变量或公共方法与所述UI父对象的页面脚本列表中的公共变量或公共方法相同，则使用所述UI子对象的页面脚本列表中的公共变量或公共方法的值覆盖所述UI父对象的所述页面脚本列表中的对应公共变量或公共方法的值。

优选的，所述解析所述UI父对象和所述UI子对象，获得页面控件列表为：

获取所述UI子对象的页面控件列表；

判断所述UI子对象是否有UI父对象；

若有，根据所述UI子对象的页面控件列表中的子控件判断所述UI父对象中是否有对应的父控件ID；

若有，则将所述父控件具有而所述子控件不具有的属性和事件响应脚本复制到所述子控件。

优选的，所述解析所述UI父对象和所述UI子对象，获得资源引用列表为：

判断所述UI子对象是否有UI父对象；

若有，获取所述UI父对象的资源引用列表；