[发明专利]一种页面生成方法和系统

说明书

技术领域

本申请涉及页面开发技术领域，特别涉及一种页面生成方法和系统。

背景技术

目前，在页面开发的过程中，为了降低项目实施成本都会选择采用技术成熟的结构框架，如：Ext、Jquery等技术框架，按照模型－视图－控制器这个三层架构模式（MVC，Model-View-Controller）的思想对整体结构框架进行分层，从而达到每层架构的相互独立，并且每层独立架构之间通过接口的方式进行调用，提高各层之间的灵活扩展机制。

但是在将整体结构框架按照MVC思想进行分层过程中，技术人员需要在了解JavaScript（简称JS）这种计算机脚本语言的情况下，撰写大量的JS代码，方可实现整体结构框架的分层，并最终生成页面进行展示。而在开发初期JS代码量增加导致架构混乱，不利于后期对IS代码的维护。

发明内容

本申请所要解决的技术问题是提供一种页面生成方法和系统，用以解决现有技术中基于JavaScript进行页面生成时，代码量较大的问题，更进一步的，还可以方便后期的维护。

为了解决上述问题，本申请公开了一种页面生成方法，包括：

接收页面请求；

从所述页面请求中获取页面请求地址，并依据所述页面请求地址获取对应的用户界面UI模型名称以及所述UI模型名称对应的UI模型；

从所述UI模型中获取构成页面的所有UI组件的信息；

依据所述UI组件的信息将所有UI组件组装到页面中，生成请求的页面。

进一步，获取所述UI模型名称对应的UI模型包括：获取所述UI模型名称对应的扩展标记语言XML格式的UI模型。

进一步，依据所述UI组件的信息将所有UI组件组装到页面中，生成请求的页面包括：

将所述所有UI组件中任意一个UI组件的信息转换为轻量级的数据交换格式JSON格式的信息，所述JSON格式的信息包括UI组件的位置信息、UI组件的类型信息和UI组件的文本信息；

获取与所述UI组件的类型信息相对应的组件，并依据所述UI组件的位置信息添加所述UI组件至页面相对应位置上，且使用所述UI组件的文本信息在所述页面上描述所述UI组件；

在将所有UI组件添加到页面上，并使用相应的UI组件的文本信息描述所述UI组件之后，生成请求的页面。

进一步，在将所有UI组件添加到页面上，并使用相应的UI组件的文本信息描述所述UI组件之后，生成请求的页面之前还包括：获取UI组件的颜色信息，并依据所述UI组件的颜色信息渲染所述UI组件。

进一步，在JSON格式的信息为正常信息的情况下，执行获取与所述UI组件的类型信息相对应的组件，并依据所述UI组件的位置信息添加所述UI组件至页面相对应位置上，且使用所述UI组件的文本信息在所述页面上描述所述UI组件。

进一步，在JSON格式的信息中携带的异常标志位为‘0’的情况下，判定JSON格式的信息为正常信息。

进一步，在JSON格式的信息还包括导航信息的情况下，返回执行接收页面请求，该页面请求对应的页面请求地址是导航信息中携带的地址；

在JSON格式的信息不包括导航信息的情况下，执行获取与所述UI组件的类型信息相对应的组件，并依据所述UI组件的位置信息添加所述UI组件至页面相对应位置上，且使用所述UI组件的文本信息在所述页面上描述所述UI组件。

本申请还提供了一种页面生成系统系统，该系统包括：

接收模块，用于接收页面请求；

第一获取模块，用于从所述页面请求中获取页面请求地址，并依据所述页面请求地址获取对应的UI模型名称以及所述UI模型名称对应的UI模型；

第二获取模块，用于从所述UI模型中获取构成页面的所有UI组件的信息；

组装模块，用于依据所述UI组件的信息将所有UI组件组装到页面中，生成请求的页面。

进一步，所述第一获取模块具体用于获取所述UI模型名称对应的XML格式的UI模型。

进一步，所述组装模块包括：转换单元、调用单元和添加单元；其中：

转换单元，用于将所述所有UI组件中任意一个UI组件的信息转换为JSON格式的信息，所述JSON格式的信息包括UI组件的位置信息、UI组件的类型信息和UI组件的文本信息；

调用单元，用于获取与所述UI组件的类型信息相对应的组件，并依据所述UI组件的位置信息添加所述UI组件至页面相对应位置上，且使用所述UI组件的文本信息在所述页面上描述所述UI组件；