CN112765509A - 一种基于元数据模型的多平台前端页面自动生成技术 - Google Patents

Abstract

本发明提供一种基于元数据模型的多平台前端页面自动生成技术，涉及前端页面设计技术领域，包括：页面设计模块，用于调用预先生成的一元数据模型进行页面设计得到标准前端页面描述文件；页面生成模块，连接页面设计模块，用于调用预先配置的至少一关联终端类型的终端适配器，以根据标准前端页面描述文件生成终端类型对应的平台前端页面描述文件；应用服务器，分别连接页面设计模块、页面生成模块和至少一客户端，用于部署关联终端类型的标准前端页面描述文件和平台前端页面描述文件，以供不同终端类型的客户端调用并进行前端页面展示。有益效果是能够通过一次设计，同时满足不同终端类型的客户端的前端页面展示需求。

Description

一种基于元数据模型的多平台前端页面自动生成技术

技术领域

本发明涉及前端页面设计技术领域，尤其涉及一种基于元数据模型的多平台前端页面自动生成技术。

背景技术

随着信息技术的飞速发展，网络技术的不断优化，前端数据展示终端越来越多样化，前端页面需要在不同的前端数据展示终端上进行展示的展示需求也会越来越多，以前端页面为物料信息录入页面为例，该物料信息录入页面通常需要在电脑端进行展示，但由于物料信息的采集大部分需要在工厂、仓库或者施工作业的现场，因此需要同时支持在手机端进行物料信息录入，即需要在手机端也能够展示物料信息录入页面，但电脑端的展示和手机端的展示不同，且Windows服务器和Linux服务器上对编程的要求也不同，基于此，对前端页面的生成技术提出了多元化展示需求。

现有的前端页面生成技术包括两类，一类是由后端数据反推出前端页面，即是以后端数据对象为主体，前端是为了匹配后端数据展示用，比如报表页面，打印页面，以及根据数据内容而变化的HTML数据页面，该类前端页面生成技术能够动态实现数据以不同的形式呈现在客户现场，客户可以根据自身需求自行设计新的前端展示页面展示数据；另一类是通过设计页面和设计器，根据客户需求在设计器上可视化地设计前端页面的展示样式并动态生成相应的请求，可以和后端数据库等数据存储器交互，使得客户的数据能够持久化保存，该类前端页面生成技术设计出的前端页面具有人机交互功能，研发团队或者客户可以根据需求快速出原型，快速迭代产品，使得沟通更高效，大大缩短研发生产周期。但上述两类前端页面生成技术都是面向单一软件编程生成相应的页面描述语言和相应的数据及事件请求处理方式，并没有针对不同的软件编程生成相应的页面描述语言和相应的数据及事件请求处理方式，无法满足现有数据展示终端多样化，后端编程多元化的需求。

发明内容

针对现有技术中存在的问题，本发明提供一种基于元数据模型的多平台前端页面自动生成技术，包括：

页面设计模块，用于调用预先生成的一元数据模型进行页面设计得到标准前端页面描述文件；

页面生成模块，连接所述页面设计模块，用于调用预先配置的至少一关联终端类型的终端适配器，以根据所述标准前端页面描述文件生成所述终端类型对应的平台前端页面描述文件；

应用服务器，分别连接所述页面设计模块、所述页面生成模块和至少一客户端，用于部署关联所述终端类型的所述标准前端页面描述文件和所述平台前端页面描述文件，以供不同所述终端类型的所述客户端调用并进行前端页面展示。

优选的，所述页面设计模块包括：

页面设计器，用于调用所述元数据模型进行页面设计得到页面原型；

页面发布单元，连接所述页面设计器，用于对所述页面原型进行发布得到所述标准前端页面描述文件。

优选的，所述页面发布单元包括：

前端发布子单元，用于对所述页面原型进行发布得到页面原型描述文件；

后端发布子单元，用于根据所述页面设计器在页面设计过程中涉及的前端动作生成相关的后端服务并发布得到后端服务文件；

输出子单元，分别连接所述前端分布子单元和所述后端发布子单元，用于将所述页面原型描述文件和所述后端服务文件作为所述标准前端页面描述文件输出。

优选的，所述前端发布子单元将对所述页面原型进行发布得到的具有第一格式的前端页面描述文件转换为具有第二格式的前端页面描述文件，并将具有第一格式的所述前端页面描述文件和具有第二格式的所述前端页面描述文件作为所述页面原型描述文件。

优选的，所述元数据模型包括预先搭建的供页面设计使用的复数个基础元素；

所述页面设计器通过将各所述基础元素进行组合设计得到所述页面原型。

优选的，所述页面设计模块还包括一数据库，连接所述页面设计器，用于保存所述页面设计器组合设计过程中为对应的所述基础元素配置的预置值；

则所述页面发布单元还连接所述数据库，所述页面发布单元将所述预置值与所述页面原型中相应的所述基础元素进行匹配并发布得到所述标准前端页面描述文件。

优选的，还包括一页面更新模块，分别连接所述页面设计模块、所述页面生成模块和所述应用服务器，用于调用所述页面设计模块对所述应用服务器中部署的所述标准前端页面描述文件进行更新，并调用所述页面生成模块对所述平台前端页面描述文件进行更新。

优选的，所述应用服务器包括：

请求接收单元，用于接收所述客户端的前端页面请求，并根据所述前端页面请求获取所述客户端的终端类型；

请求处理单元，连接所述请求接收单元，用于根据所述终端类型匹配得到对应的所述平台前端页面描述文件，以供所述客户端根据所述平台前端页面描述文件进行前端页面展示。

上述技术方案具有如下优点或有益效果：

1)能够通过一次设计，同时满足不同终端类型的客户端的前端页面展示需求，且基于元数据模型进行前端页面设计，实现最大限度的数据复用以及最小限度的数据冗余；

2)能够同时匹配关联前端页面描述文件的后端服务文件，适用部署于Windows服务器及非Windows服务器；

3)在需要对前端页面进行更新时，只需对标准前端页面描述文件进行更新，大大节省了维护成本，缩短了维护工期。

附图说明

图1为本发明的较佳的实施例中，一种基于元数据模型的多平台前端页面自动生成技术的结构示意图。

具体实施方式

下面结合附图和具体实施例对本发明进行详细说明。本发明并不限定于该实施方式，只要符合本发明的主旨，则其他实施方式也可以属于本发明的范畴。

本发明的较佳的实施例中，基于现有技术中存在的上述问题，现提供一种基于元数据模型的多平台前端页面自动生成技术，如图1所示，包括：

页面设计模块1，用于调用预先生成的一元数据模型进行页面设计得到标准前端页面描述文件；

页面生成模块2，连接页面设计模块1，用于调用预先配置的至少一关联终端类型的终端适配器，以根据标准前端页面描述文件生成终端类型对应的平台前端页面描述文件；

应用服务器3，分别连接页面设计模块1、页面生成模块2和至少一客户端4，用于部署关联终端类型的标准前端页面描述文件和平台前端页面描述文件，以供不同终端类型的客户端4调用并进行前端页面展示。

具体地，本实施例中，上述元数据模型包含预先搭建的供页面设计使用的复数个基础元素，页面设计模块1在进行页面设计过程中可以根据需求多次选取其中的一个或多个基础元素，并根据需求为各基础元素进行不同的参数配置，实现最大限度的数据复用以及最小限度的数据冗余。

上述标准前端页面描述文件优选适用的终端类型为电脑端，通过一次设计得到该标准前端页面描述文件，在客户需求表示需要在其他终端类型的客户端进行前端页面展示时，可以通过对应终端类型的终端适配器，将标准前端页面描述文件处理成分别对应每个终端类型的平台前端页面描述文件，由于标准前端页面描述文件对应的终端类型为电脑端，因此，可以无需配置对应电脑端的终端适配器。上述标准前端页面描述文件适用的终端类型为电脑端为本申请的一个具体实施方式，并不以此作为限定，在标准前端页面描述文件适用的终端类型为除电脑端之外的其他终端类型的展示终端时，对应的标准前端页面描述文件以及平台前端页面描述文件的生成方式同上，此处不再赘述。

进一步地，在生成上述标准前端页面描述文件以及平台前端页面描述文件后，可以将上述标准前端页面描述文件以及平台前端页面描述文件部署在客户端连接的应用服务器上，进而不同终端类型的客户端需要进行前端页面展示时，可以直接向应用服务器发送页面展示请求，应用服务器根据客户端的终端类型匹配对应的标准前端页面描述文件或平台前端页面描述文件即可实现在客户端上进行前端页面展示，即实现了一次设计，能够自动生成适用于不同终端类型的前端页面描述文件，以满足不同终端类型的客户端进行前端页面展示。由上看出，只需在前端页面的设计阶段采用终端适配器以适配不同的终端类型，客户端在实际进行前端页面展示时，直接访问应用服务器，而无需经过终端适配器进行中转，大大减少不必要的中转造成的性能损耗。上述终端类型可以是PC终端，也可以是Android终端，也可以是IOS终端。

本发明的较佳的实施例中，页面设计模块1包括：

页面设计器11，用于调用元数据模型进行页面设计得到页面原型；

页面发布单元12，连接页面设计器11，用于对页面原型进行发布得到标准前端页面描述文件。

具体地，本实施例中，上述页面设计器11优选为可视化的界面设计器，进而能够通过人机交互方式实现方便快捷的页面设计。更为优选的，上述页面设计器11内置有三大类辅助项目，包括通用的控件库、业务元数据组件库以及功能组件库，其中，上述控件库包括但不限于单选控件，复选控件，标签控件，输入框控件，分组框控件，按钮控件，图片控件，Tab页控件，文档控件，单据体控件；上述业务元数据组件库包括但不限于组织，部门，人员，地区，银行，项目，物料，仓库等的选择帮助；上述业务元数据组件库还包括当前系统环境信息，计算函数，取数函数，业务规则函数等业务设计上需要的元数据组件；上述功能组件库包括但不限于工作流组件，附件组件，消息发送组件，打印组件，权限组件。通过上述辅助项目结合元数据模型，简化了页面设计的复杂度，有效提升页面设计效率。

进一步地，若将上述页面原型直接部署至应用服务器，后续客户端进行前端页面展示请求时，应用服务器需要先对页面原型进行一次发布生成静态文件后供客户端调用并进行前端页面展示，每次客户端进行前端页面展示请求时，均需要进行一次发布动作。本实施例中，通过页面发布单元12对页面原型进行发布生成一定格式的静态文件，即上述标准前端页面描述文件，便于后续客户端请求时进行快速调用，有效提升系统性能。

本发明的较佳的实施例中，页面发布单元12包括：

前端发布子单元121，用于对页面原型进行发布得到页面原型描述文件；

后端发布子单元122，用于根据页面设计器在页面设计过程中涉及的前端动作生成相关的后端服务并发布得到后端服务文件；

输出子单元123，分别连接前端分布子单元121和后端发布子单元122，用于将页面原型描述文件和后端服务文件作为标准前端页面描述文件输出。

具体地，本实施例中，前端页面展示中涉及的前端动作包括但不限于数据保存动作，添加附件动作。以数据保存动作为例，前端页面给出数据保存动作后，对应需要保存的数据需要传输至相应的后端服务进行处理，因此，需要生成保存相关的后端服务，并将该配套的后端服务挂接到数据保存动作对应的前端页面的页面原型描述文件；以添加附件动作为例，前端页面给出添加附件动作后，执行生成附件并添加过程同样需要配套的后端服务支撑，因此，需要生成附件相关的后端服务，并将该配套的后端服务挂接到添加附件动作对应的前端页面的页面原型描述文件。

进一步具体地，上述后端服务文件为后端数据请求处理语言，页面原型描述文件需要展示在Windows系统终端时，上述后端服务文件为支撑前端动作的.Net语言，页面原型描述文件需要展示在Linux系统终端时，上述后端服务文件为支撑前端动作的JAVA语言。

本发明的较佳的实施例中，前端发布子单元121将对页面原型进行发布得到的具有第一格式的前端页面描述文件转换为具有第二格式的前端页面描述文件，并将具有第一格式的前端页面描述文件和具有第二格式的前端页面描述文件作为页面原型描述文件。

具体地，本实施例中，上述第一格式为XML格式，具有第一格式的前端页面描述文件可以包括标准的页面布局，控件位置，控件类型，控件附加属性和页面附加属性，控件和页面对应的元数据描述，上述所有信息均以标准的XML格式进行描述；上述第二格式为Json格式，具有第二格式的前端页面描述文件方便后续调用以及后端服务文件的生成。

本发明的较佳的实施例中，元数据模型包括预先搭建的供页面设计使用的复数个基础元素；

页面设计器11通过将各基础元素进行组合设计得到页面原型。

具体地，本实施例中，上述页面设计器11对各基础元素进行组合包括但不限于通过各基础元素的组合实现对页面的描述和说明，对元数据的设置和部署，该设置和部署包括但不限于对位置，属性，大小，动作，事件的设置和部署。

本发明的较佳的实施例中，页面设计模块1还包括一数据库13，连接页面设计器11，用于保存页面设计器11组合设计过程中为对应的基础元素配置的预置值；

则页面发布单元12还连接数据库13，页面发布单元12将预置值与页面原型中相应的基础元素进行匹配并发布得到标准前端页面描述文件。

具体地，本实施例中，上述预置值可以根据用户需求进行配置，以展示的前端页面用于合同新增为例，对应的基础元素可以是合同类型，而合同类型有很多种，包括但不限于采购合同以及承包合同，若用户新增采购合同较多，则可以在页面设计过程中，将采购合同作为默认显示值，将承包合同作为下拉值，上述默认显示值和下拉值即为作为基础元素的合同类型对应的预置值。在该设置下，用户打开合同新增界面时，则默认生成采购合同，无需用户进行手动选择，若用户当前需要生成承包合同，则可以通过下拉选择承包合同选项。综上，通过配置上述预置值，使得客户端展示的前端页面能够适应用户的使用习惯，提升用户的工作效率。

本发明的较佳的实施例中，还包括一页面更新模块5，分别连接页面设计模块1、页面生成模块2和应用服务器3，用于调用页面设计模块1对应用服务器3中部署的标准前端页面描述文件进行更新，并调用页面生成模块2对平台前端页面描述文件进行更新。

具体地，本实施例中，在需要对展示的前端页面进行更新时，只需要对标准前端页面描述文件进行更新，对应的平台前端页面描述文件可以通过调用对应的终端适配器自动适配生成进行更新，大大节省了维护成本，缩短了维护工期。

本发明的较佳的实施例中，应用服务器3包括：

请求接收单元31，用于接收客户端4的前端页面请求，并根据前端页面请求获取客户端4的终端类型；

请求处理单元32，连接请求接收单元31，用于根据终端类型匹配得到对应的平台前端页面描述文件，以供客户端4根据平台前端页面描述文件进行前端页面展示。

具体地，本实施例中，上述前端页面请求可以是url请求的形式，页面请求单元31通过对url请求进行解析得到对应的客户端4的终端类型，进而匹配得到对应的平台前端页面描述文件。

以上所述仅为本发明较佳的实施例，并非因此限制本发明的实施方式及保护范围，对于本领域技术人员而言，应当能够意识到凡运用本说明书及图示内容所作出的等同替换和显而易见的变化所得到的方案，均应当包含在本发明的保护范围内。

Claims (8)

1.一种基于元数据模型的多平台前端页面自动生成技术，其特征在于，包括：

页面设计模块，用于调用预先生成的一元数据模型进行页面设计得到标准前端页面描述文件；

页面生成模块，连接所述页面设计模块，用于调用预先配置的至少一关联终端类型的终端适配器，以根据所述标准前端页面描述文件生成所述终端类型对应的平台前端页面描述文件；

应用服务器，分别连接所述页面设计模块、所述页面生成模块和至少一客户端，用于部署关联所述终端类型的所述标准前端页面描述文件和所述平台前端页面描述文件，以供不同所述终端类型的所述客户端调用并进行前端页面展示。

2.根据权利要求1所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述页面设计模块包括：

页面设计器，用于调用所述元数据模型进行页面设计得到页面原型；

页面发布单元，连接所述页面设计器，用于对所述页面原型进行发布得到所述标准前端页面描述文件。

3.根据权利要求2所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述页面发布单元包括：

前端发布子单元，用于对所述页面原型进行发布得到页面原型描述文件；

后端发布子单元，用于根据所述页面设计器在页面设计过程中涉及的前端动作生成相关的后端服务并发布得到后端服务文件；

输出子单元，分别连接所述前端分布子单元和所述后端发布子单元，用于将所述页面原型描述文件和所述后端服务文件作为所述标准前端页面描述文件输出。

4.根据权利要求3所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述前端发布子单元将对所述页面原型进行发布得到的具有第一格式的前端页面描述文件转换为具有第二格式的前端页面描述文件，并将具有第一格式的所述前端页面描述文件和具有第二格式的所述前端页面描述文件作为所述页面原型描述文件。

5.根据权利要求2所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述元数据模型包括预先搭建的供页面设计使用的复数个基础元素；

所述页面设计器通过将各所述基础元素进行组合设计得到所述页面原型。

6.根据权利要求5所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述页面设计模块还包括一数据库，连接所述页面设计器，用于保存所述页面设计器组合设计过程中为对应的所述基础元素配置的预置值；

则所述页面发布单元还连接所述数据库，所述页面发布单元将所述预置值与所述页面原型中相应的所述基础元素进行匹配并发布得到所述标准前端页面描述文件。

7.根据权利要求1所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，还包括一页面更新模块，分别连接所述页面设计模块、所述页面生成模块和所述应用服务器，用于调用所述页面设计模块对所述应用服务器中部署的所述标准前端页面描述文件进行更新，并调用所述页面生成模块对所述平台前端页面描述文件进行更新。

8.根据权利要求1所述的基于元数据模型的多平台前端页面自动生成技术，其特征在于，所述应用服务器包括：

请求接收单元，用于接收所述客户端的前端页面请求，并根据所述前端页面请求获取所述客户端的终端类型；

请求处理单元，连接所述请求接收单元，用于根据所述终端类型匹配得到对应的所述平台前端页面描述文件，以供所述客户端根据所述平台前端页面描述文件进行前端页面展示。

Images