CN112631580A - 数据处理方法、装置及计算设备 - Google Patents

Abstract

本申请实施例提供一种数据处理方法、装置及计算设备。其中，所述方法包括：提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；确定所述页面结构配置文件关联的目标组件库；解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。本申请实施例提供的技术方案实现了页面模板生成，进而提高了页面开发效率，且支持多个组件库，方便扩展，提高了模板生成的通用性。

Description

数据处理方法、装置及计算设备

技术领域

本申请实施例涉及计算机应用技术领域，尤其涉及一种数据处理方法、装置及计算设备。

背景技术

对于表单页面等页面开发过程中，涉及相应的页面数据，例如表单数据。而在实际应用中，不同场景下表单数据又不一样，如果针对每种表单数据均单独开发页面，将耗费大量时间，影响页面开发效率。

如果可以预先配置生成页面模板，让相关人员只需填入页面数据，将大大提高页面开发效率。

发明内容

本申请实施例提供一种数据处理方法、装置及计算设备，用以实现了页面模板生成，提高了页面开发效率。

第一方面，本申请实施例中提供了一种数据处理方法，包括：

提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

第二方面，本申请实施例中提供了一种页面配置框架，包括：

多个组件库，其中，所述多个组件库中的组件与页面元素具有映射关系；

关系维护表，用于保存所述多个组件库中的组件与页面元素具有映射关系；

渲染引擎，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

第三方面，本申请实施例中提供了一种数据处理方法，包括：

建立不同组件库中的组件分别与页面元素的映射关系；

读取页面结构配置文件；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件以渲染获得页面模板。

第四方面，本申请实施例中提供了一种渲染引擎，包括：

配置接口，用于建立不同组件库中的组件分别与页面元素的映射关系；

传入接口，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

渲染容器，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

第五方面，本申请实施例中提供了一种数据处理方法，包括：

提供多个组件库；其中，不同组件库中的组件分别与表单项具有映射关系；

读取表单结构配置文件；其中，所述表单结构配置文件中定义至少一个页面元素；

确定所述表单结构配置文件关联的目标组件库；

解析所述表单结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面模板。

第六方面，本申请实施例中提供了一种数据处理装置，包括：

组件库提供模块，用于提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

文件读取模块，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

组件库确定模块，用于确定所述页面结构配置文件关联的目标组件库；

文件解析模块，用于解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

第六方面，本申请实施例中提供了一种计算设备，包括处理组件以及存储组件；

所述存储组件存储一个或多个计算机指令；所述一个或多个计算机指令用以被所述处理组件调用执行；

所述处理组件用于：

提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

本申请实施例中，提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；确定所述页面结构配置文件关联的目标组件库；解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。本申请实施例的技术方案实现了页面模板生成，从而可以提高页面开发效率，且支持多个组件库，方便进行扩展，通用性更强。

本申请的这些方面或其他方面在以下实施例的描述中会更加简明易懂。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了本申请提供的一种数据处理方法一个实施例的流程图；

图2示出了本申请提供的一种数据处理方法又一个实施例的流程图；

图3示出了本申请实施例在一个实际应用中提供的显示界面示意图；

图4示出了本申请实施例在一个实际应用中的页面模板显示示意图；

图5示出了本申请提供的一种页面配置框架一个实施例的结构示意图；

图6示出了本申请实施例在一个实际应用中的页面生成过程交互示意图；

图7示出了本申请提供的一种渲染引擎一个实施例的结构示意图；

图8示出了本申请提供的一种数据处理装置一个实施例的结构示意图；

图9示出了本申请提供的一种计算设备一个实施例的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

在本申请的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

本申请实施例的技术方案可以应用于页面开发场景中，比如包含表单的页面、包含列表的页面、包含表格的页面等包含多种页面元素的页面，每一种页面元素又需要填入数据。由于传统页面开发方式是编程开发，需要开发人员编码生成页面，页面开发效率较低。且由于有些页面仅是页面数据或者页面样式或者页面元素的展示方式不同，如果为每一个页面单独编写代码，需要耗费大量时间，影响页面开发效率。

为了提高页面开发效率，发明人想到如果可以预先配置生成页面模板，让相关人员再去填入页面数据，将大大提高页面开发效率。而在实际应用中，页面数据也是由运营人员提供，而运营人员往往不会编写代码，因此，如果可以编写页面模板，作为可视化操作界面再交由运营人员去填写相应数据，从而基于运营人员填入数据及页面模板即可以生成最终的目标页面。发明人在研究中又发现，编写页面模板时需要定义包含的页面元素、而随着组件化成为流行趋势，页面元素可以预先封装为组件，在编写页面模板时可以直接引用组件而无需新建代码，目前已有的前端框架虽然可以提供可以渲染成页面元素的组件，但是组件的显示样式等无法更改，而实际应用中可能需要不同显示样式或者布局样式。

据此，发明人经过一系列研究提出了本申请的技术方案，本申请实施例中提供了一种页面配置框架，其可以依赖一个页面开发框架实现，并可以集成多种组件库，这些组件库可以是由不同前端框架提供的，将组件库中的组件与页面元素之间建立映射关系，从而用户可以自定义页面结构配置文件，用来描述页面结构以及包含的至少一个页面元素，并还可以配置该页面结构配置文件对应哪一个目标组件库，从而对页面结构配置文件进行解析时，可以基于目标组件库中的组件与页面元素之间的映射关系，从而调用所述目标组件库中的组件，来渲染生成页面模板。该页面模板可以接收用户输入页面数据，从而基于页面数据以及页面模板即可以生成目标页面，本申请实施例，通过页面配置框架实现了页面模板生成，从而可以提高页面开发效率，且支持多个组件库，方便进行扩展，通用性更强。

在实际应用中，本申请实施例的技术方案可以适用于表单页面开发场景中，页面元素也即是指表单项，如文本框、输入框、下拉框等。页面结构配置文件也即为表单结构配置文件，用于描述表单结构、包含的表单项以及表单项的相关属性等。

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

图1为本申请实施例提供了一种数据处理方法一个实施例的结构示意图，本实施例技术方案可以由集成页面配置框架的客户端执行，该客户端可以同时集成有页面开发框架，页面配置框架与页面开发框架具有依赖关系，页面配置框架用于渲染生成页面元素，页面开发框架可以负责生成其它页面视图等，此外，客户端还可以集成有多个前端框架提供的组件库等。

该方法可以包括以下几个步骤：

101：提供多个组件库。

其中，不同组件库中的组件分别与页面元素具有映射关系。

具体的，映射关系可以是以组件名称与页面元素名称对应建立保存。

其中，组件是对数据和方法的封装，可以被复用，其相当于封装了页面开发时可以被复用的一些代码。在本申请实施例中，通过组件可以渲染生成页面元素。

组件库中的一个组件可以渲染生成一个页面元素，对应同一类型页面元素的不同组件库中的组件所生成的页面元素的相关配置可能不同，例如显示样式，如页面元素为表单项时，对于同一个类型的表单项，如文本框，利用不同组件库中的组件搭建形成的文本框的尺寸、或者支持的数据字体、大小等可能不同。

102：读取页面结构配置文件。

其中，所述页面结构配置文件中定义至少一个页面元素；此外还可以定义所述页面元素的至少一个属性信息，该至少一个属性信息例如可以包括页面元素名称、输入数据类型、页面元素的描述信息、页面元素格式、输入数据校验规则等，如正则校验规则等。

其中，输入数据校验规则支持对string(字符串)类型、number(数字)类型、或者Array(数组)类型的输入数据的校验。例如对于string类型的输入数据进行长度校验，对于number类型的输入数据进行大小范围校验，对于Array类型的输入数据进行数组数范围校验等。

该页面结构配置文件可以按照页面配置框架可以解析的语言及描述方式编写，也即可以自定义编写方式，并在页面配置框架配置好对应可以进行解析的渲染引擎即可，该页面结构配置文件中支持对象无限嵌套。

在一个实际应用中，页面配置框架所依赖的页面开发框架可以为React框架，也即页面配置框架基于React框架实现。

页面结构配置文件可以采用JSON Schema编写。JSON Schema是一种基于JSON格式定义JSON数据结构的规范，而JSON是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的JavaScript规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

103：确定所述页面结构配置文件关联的目标组件库。

本申请实施例中，用户可以指定使用哪一个组件库作为目标组件库，该目标组件库可以在页面结构配置文件中进行定义，当然，也可以基于用户选择请求而确定。

104：解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

在解析页面结构配置文件时，可以根据映射关系调用目标组件库中的组件运行，从而渲染获得由至少一个页面元素构成的页面模板。其中，页面结构配置文件中为页面元素定义的属性信息可以附加其映射的组件中，使得组件可以按照页面元素的属性信息进行配置，从而渲染获得页面模板。该页面模板也即由至少一个页面元素构成，而该至少一个页面元素是通过调用目标组件库中的组件生成。

其中，页面模板中的除该至少一个页面元素的其它视图部分可以由页面配置框架所依赖的页面开发框架渲染获得。

本实施例中，实现了页面模板生成，从而可以提高页面开发效率，且支持多个组件库，可以执行选择，且方便进行扩展，可以引入其它组件库，只需配置好映射关系即可，通用性更强。

为了方便理解，以页面元素为表单项，用以生成表单页面模板为例，页面结构配置文件也即为表单结构配置文件，如下代码示出了按照JSON Schema编写的表单结构配置文件中的部分内容：

上述表单结构配置文件即为使用JSON格式书写的JSON Schema文档。

其中，根路径下的“type”、“properties”分别描述页面模板外层结构的数据类型、属性集合等；

根路径下的“properties”中有“stringDemo”以及“enumDemo”2个属性，每个属性即用来定义一个表单项。

以“properties”中的“stringDemo”属性为例，“stringDemo”中有“title”、“description”、“type”、“pattern”四个属性，分别定义了表单项的属性信息，“title”表示表单项的标题。“description”表示表单项的描述信息，如该例中用以提示输入英文或数字组合，“type”表示表单项输入表单数据的数据类型，为string类型，“pattern”表示对表单项的表单数据进行正则校验。若输入的表单数据不满足“^[A-Za-z0-9]+$”这一正则表达式，则可以输出提示消息"请输入正确格式"。

假设表单项与目标组件库中的组件的映射关系包括：

stringDemo： ‘input’，

enumDemo： ‘select’。

其中，‘input’以及‘select’分别表示目标组件库中的组件，‘input’用于渲染生成输入框，‘select’用于渲染生成下拉列表框。从而上述页面结构配置文件进行解析时，对于stringDemo以及enumDemo两个表单项分别调用目标组件库中的‘input’以及‘select’的组件，生成页面模板中即包括输入框以及下拉列表框两个表单项，输入框按照页面结构配置文件中的stringDemo中的属性信息进行配置，而下拉框按照enumDemo中的属性信息进行配置。最终生成的页面模板即可以包括输入框及下拉列表框，下拉列表框存在两个选项“养成”“动作”，默认显示“养成”。

需要说明的是，上述仅举例说明了输入框以及下拉框，在实际应用中，必须还存在其他类型的表单项，如单选框、复选框、文件上传框、图片上传框、多行文本框、密码框、滑动选择框等等。不同组件库提供的组件可以各自渲染生成各种表单项。

此外，页面结构配置文件定义了页面模板中包括哪些页面元素，由于页面元素仅能按照其映射的组件中配置进行展示，无法进行更改。为了进一步提高页面模板的展示丰富性，还可以定义页面展示配置文件，用以描述页面元素的展示方式等，例如页面结构配置文件中定义的某个页面元素是否可以编辑、是否可以点击、是否可以隐藏、是否更新为其它组件等。

因此，为了提高页面展示的丰富性，在某些实施例中，所述方法还可以包括：

读取页面展示配置文件；其中，所述页面展示配置文件中定义一个或多个页面元素的展示方式；也即页面展示配置文件可以针对至少一个页面元素中的一个或页面元素进行展示方式配置；

所述解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板可以包括：

解析所述页面结构配置文件以及所述页面展示配置文件；

根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

可选地，可以首先根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，渲染获得至少一个页面元素；再按照所述页面展示配置文件中定义的页面元素的展示方式，调整所述至少一个页面元素。

也即按照页面结构配置文件渲染获得的至少一个页面元素，需要按照页面展示配置文件中的相应展示配置进行渲染调整，从而获得由调整后的至少一个页面元素构成的页面模板。

该页面展示配置文件与页面结构配置文件所使用语言相同，使得页面配置框架可以进行解析。

其中，该展示方式可以包括是否支持编辑、是否支持点击、是否隐藏、映射为目标组件、定义组件特定属性等。

其中，若不支持点击，该页面元素可以调整为灰度显示无法点击编辑，若不支持编辑，该页面元素无法点击编辑，但是可以不变灰。

若隐藏则在页面模板中不显示该页面元素。

映射为目标组件，是指更新页面元素的映射关系，或者若不存在该页面元素映射关系，则重新映射为目标组件，该目标组件可以是目标组件库中的组件或者自定义组件。

定义组件特定属性是指可以增加对页面元素的特定属性配置，通过该特定属性配置可以更改组件展示方式等，例如对于输入框，可以增加前后缀显示等。

其中，不同展示方式可以通过不同配置函数实现。

例如，通过函数ui:disabled可控制组件是否支持点击，例如属性值为disabled表示不支持点击；当然也可以通过ture或者false值表示；

通过函数ui:readonly可控制组件是否支持编辑，例如属性值为readonly表示不支持编辑，当然也可以通过ture或者false值表示；

通过函数ui:hidden可控制组件是否显示，例如通过属性值hidden表示隐藏；当然也可以通过ture或者false值表示；

通过函数ui:widget可以控制某个页面元素映射为目标组件，也即通过ui:widget定义的目标组件可以覆盖页面元素映射的组件。

通过函数ui:width可以更改组件长度等。

通过函数ui:option可以实现页面元素的特定属性配置。

需要说明的是，以上仅是列举几种可能的配置函数，在实际应用中，可以结合实际应用情况进行设定。

为了方便理解，仍以页面元素为表单项，用以生成表单页面模板为例，页面展示配置文件也即为表单展示配置文件，如下代码示出了表单展示配置文件中的部分内容：

上述表单展示配置文件也是使用JSON格式书写的JSON Schema文档。

其中，dateDemo、disabledDemo、age分别为在页面结构配置文件中定义的表单项，通过函数ui:widget可以将dateDemo重新映射为目标组件库中的组件date，覆盖原有映射关系。通过函数ui:disabled为true控制disabledDemo表单项不支持点击，通过函数ui:hidden为true控制隐藏age表单项等。

在某些实施例中，所述确定所述表单结构配置文件关联的目标组件库可以包括：

提供所述多个组件库的选择提示信息；

确定用户选择的目标组件库。

其中，提供所述多个组件库的选择提示可以是：

输出所述多个组件库的选择提示信息，则响应于用户选择操作，即可以确定目标组件库。

在某些实施例中，所述方法还可以包括：

确定用户提供的至少一种界面配置参数；

所述解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板包括：

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，并所述至少一种界面配置参数，渲染获得包括所述至少一个页面元素的页面模板。

在某些实施例中，所述根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件，并根据所述页面展示配置文件中定义的至少一个页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板可以包括：

根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件，并根据所述页面展示配置文件中定义的至少一个页面元素的展示方式以及所述至少一种界面配置参数，渲染获得包括所述至少一个页面元素的页面模板。

可以首先根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得至少一个页面元素；再按照所述页面展示配置文件中定义的至少一个页面元素的展示方式，调整所述至少一个页面元素，之后按照所述至少一种目标界面配置参数调整页面展示样式，生成页面模板。

其中，该至少一种界面配置参数例如可以包括：页面元素排列方式、标题名称与页面元素排列方式、是否显示页面元素描述信息等中的一个或多个。

页面元素排列方式例如可以包括一行一列、一行两列等。

标题名称与页面元素排列方式例如可以包括上下排列、左右排列等。

由于页面结构文件中的页面元素可以定义属性信息，其中包括页面元素描述信息，用以解释说明页面元素或者提示用户输入特定页面数据等，因此是否显示页面元素描述信息即是指在页面模板中需要是否显示页面元素描述信息等。

在某些实施例中，该方法还可以包括：

提供多种界面配置参数的选择提示信息；

所述确定用户提供的至少一种界面配置参数可以包括：

确定用户选择的至少一种界面配置参数。

也即可以输出多种界面配置参数的选择提示信息，以供用户进行选择，从而基于用户选择操作，可以确定用户选择的至少一种界面配置参数。

在某些实施例中，该方法还可以包括：

提供程序编写界面：

接收用户在所述程序编写界面编写的页面结构配置文件。

此外，还可以接收用户在所述程序编写界面编写的页面展示配置文件。

也即可以输出程序编写界面，供开发人员编写页面结构配置文件以及页面展示配置文件，提交之后即可以读取并解析页面结构配置文件以及页面展示配置文件。

在实际应用中，渲染获得的页面模板可以作为可视化界面提供给相关人员进行数据填写，以实现页面搭建，因此，在某些实施例中，该方法还可以包括：

将所述页面模板提供给页面搭建系统；

接收所述页面搭建系统返回的用户输入的页面数据；

基于所述页面数据及所述页面模板，生成目标页面。

页面搭建系统可以输出该页面模板，并基于用户输入操作，确定用户输入的页面数据。该页面数据可以包括针对每个页面元素输入的数据等。

从而基于页面数据以及该页面模板，即可以生成目标页面。

其中，该页面模板是以代码形式发送至页面搭建系统，由页面搭建系统再渲染为可视化界面。

基于页面数据以及页面模板，生成的目标页面，也是以网页源代码形式存储，并可以生成该目标页面的页面地址，从而浏览器基于该页面地址，可以将网页源代码渲染生成该目标页面。

其中，页面模板以及目标页面的代码数据可以均为原生html代码，基于页面结构配置文件调用目标组件库中组件运行渲染时，可以将页面模板转化原生html代码，从而页面搭建系统基于浏览器内核即可以渲染显示页面模板。而基于页面数据以及页面模型，也可以转化为原生html代码。

在一个实际应用中，本申请实施例的技术方案可以具体应用于表单页面模板的渲染生成，页面元素即可以具体是指表单项、页面结构配置文件即具体为表单结构配置文件，下面以表单页面模板为例，对本申请实施例技术方案进行描述，如图2所示，为本申请实施例提供的一种数据处理方法又一个实施例的流程图，该方法可以包括以下几个步骤：

201：提供多个组件库。

其中，不同组件库中的组件分别与表单项具有映射关系；

202：读取表单结构配置文件。

其中，所述表单结构配置文件中定义至少一个表单项，此外，还可以定义所述表单项的至少一个属性信息。

可选地，该表单结构配置文件可以基于Json Schema编写获得。

203：确定所述表单结构配置文件关联的目标组件库；

204：解析所述表单结构配置文件，根据所述目标组件库中的组件与表单项之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面模板。

图2所示实施例与图1所示实施例不同之处在于页面元素具体为表单项，用以构建由至少一个表单项构成的页面模板，其它相同或相似步骤可以参见图1所示实施例，在此将不再重复赘述。

在某些实施例中，该方法还可以包括：

读取表单展示配置文件；其中，所述表单展示配置文件中定义一个或多个表单项的展示方式；

所述解析所述表单结构配置文件，根据所述目标组件库中的组件与表单项之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面模板包括：

解析所述表单结构配置文件以及所述表单展示配置文件；

根据所述目标组件库中组件与表单项之间的映射关系调用所述目标组件库中的组件运行，并按照所述表单展示配置文件中定义的表单项的展示方式，渲染获得包括所述至少一个表单项的页面模板。

在某些实施例中，所述展示方式可以包括是否支持编辑、是否支持隐藏、映射为目标组件、或者新增组件特定属性。

在某些实施例中，所述确定所述表单结构配置文件关联的目标组件库包括：

提供所述多个组件库的选择提示信息；

确定用户选择的目标组件库。

在某些实施例中，该方法还可以包括：

确定用户提供的至少一种界面配置参数；

所述解析所述表单结构配置文件，根据所述目标组件库中的组件与表单项之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面模板包括：

解析所述表单结构配置文件，根据所述目标组件库中的组件与表单项之间的映射关系调用所述目标组件库中的组件，并按照所述至少一种界面配置参数，渲染获得包括所述至少一个表单项的页面模板。在某些实施例中，该方法还可以包括：

提供多种界面配置参数的选择提示信息；

所述确定用户提供的至少一种界面配置参数包括：

确定用户选择的至少一种界面配置参数。

在某些实施例中，所述至少一种界面配置参数可以包括表单项排列方式以及是否显示表单项描述信息的一个或多个。

在某些实施例中，该方法还可以包括：

提供程序编写界面：

接收用户在所述程序编写界面编写的表单结构配置文件。

在某些实施例中，该方法还可以包括：

将所述表单页面模板提供给表单搭建系统；

接收所述表单搭建系统返回的用户输入的表单数据；

基于所述表单数据及所述表单页面模板，生成表单页面。

为了方便理解，以生成表单页面模板为例，如图3所示的一种程序编写界面中，包括表单结构配置文件编写区域301以及表单展示配置文件编写区域302；

在表单结构配置文件编写区域输入的表单结构配置文件例如可以为：

可知，该表单结构配置文件中定义了两个表单项"inputDemo"以及"numberDemo"；其中，表单项"inputDemo"定义了标题名称"title"、数据类型"type"、数据正则校验"pattern"三个属性信息；表单项"numberDemo"定义了标题名称"title"、表单项描述信息"description"、数据类型"type"、数据最大值"max"以及数据最小值"min"，数据递增或递减步数"step"6个属性信息。

假设目标组件库中的组件与表单项的对应关系包括：

inputDemo：input；

numberDemo：input。

可知，表单项"inputDemo"以及"numberDemo"均对应目标组件库中的input组件，input组件用以渲染生成输入框。

在表单展示配置文件编写区域输入的表单展示配置文件例如可以为：

可知，对于表单项"inputDemo"，通过"ui:width"定义该表单项的长度缩短50％；通过"ui:options"定义表单项的新增属性，即在表单项中加上前缀以及后缀。对于表单项"numberDemo"，通过"ui:width"定义该表单项的长度缩短50％；通过"ui:widget"定义"numberDemo"映射为组件"slider"。

由页面结构配置文件可知，在预配置映射关系中，numberDemo映射为组件input，通过页面展示配置文件可以将numberDemo"重新映射为组件slider，覆盖原有的映射关系，组件slider可以渲染生成滑动选择器。

此外，如图3中，程序编写界面中还可以提供多个组件库的选择提示信息303，多种界面配置参数的选择提示信息304等。

基于上述表单结构配置文件以及表单展示配置文件，若用户选择表单项一行一列排列，标题名称与表单项上下排列，打开描述信息，渲染生成的表单页面模板即可以如图4中所示，包括输入框401以及滑动选择器402，在输入框401的前端增加了前缀“回复长度”，后端增加了后缀“px”，在输入框中即可以输入数据；通过滑动选择器402中的滑动按钮403可以以数字10为步数更改输入数字。

此外，本申请实施例还提供了一种页面配置框架，如图5中所示，该页面配置框架可以包括：

多个组件库501，其中，所述多个组件库中的组件与页面元素具有映射关系；

关系维护表502，用于保存所述多个组件库中的组件与页面元素的映射关系；

渲染引擎502，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

其中，该多个组件库可以是由多个前端框架分别提供的。

此外，该页面配置框架还可以包括：

程序编写界面，用于接收用户输入的所述页面结构配置文件。

此外，该程序编写界面还用于接收用户输入的页面展示配置文件。

其中，所述页面展示配置文件中定义一个或多个页面元素的展示方式；

该渲染引擎具体用于解析所述页面结构配置文件以及所述页面展示配置文件；根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

此外，该页面配置框架还可以包括：

对接器，用于与页面开发框架建立依赖关系。

此外，本申请实施例还提供了一种客户端，集成页面开发框架、页面配置框架以及多个前端框架，多个前端框架及该页面配置框架分别依赖该页面开发框架运行，多个前端框架分别提供组件库，组件库中的组件与表单项具有映射关系；

页面配置框架可以如图5中所示，通过并解析所述页面结构配置文件，根据目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，以渲染获得页面模板。

其中，通过客户端渲染生成的页面模板可以提供至页面搭建系统，如图6中所述，客户端601将渲染生成的页面模板发送至页面搭建系统602，在实际应用中，页面模板可以是开发人员触发生成。由页面搭建系统602显示该页面模板，并接受用户输入的页面数据，在实际应用中，页面数据也即由运营人员输入，运营人员往往不会编写代码，因此可以基于开发人员编写的页面结构配置文件等渲染生成页面模板，作为可视化操作界面发送至页面搭建系统，由页面搭建系统显示该页面模板，并可以接受运营人员输入的页面数据。页面搭建系统602将用户输入的页面数据返回给客户端601，客户端601基于页面数据以及页面模板，即可以生成目标页面，该目标页面即可以在浏览器等页面应用端603进行展示，以供普通用户浏览查看。

在实际应用中，通过本申请实施例的技术方案可以适用于生成任何场景下的表单页面模板，表单页面模板作为可视化界面可以供相关人员仅需输入表单数据即可以实现表单页面生成，例如，旅游平台的运营配置表单、各种营销系统的营销列表等等

此外，本申请实施例还提供了一种渲染引擎，该渲染引擎可以配置在图5所示的页面配置框架中，如图7中所示，该渲染引擎可以包括：

配置接口701，用于建立不同组件库中的组件分别与页面元素的映射关系；

传入接口702，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

渲染容器703，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

其中，配置接口可以将不同组件库中的组件分别与页面元素的映射关系保存至关系维护表。

其中，传入接口可以具体用于页面结构配置文件，将页面结构配置文件中页面元素定义的属性信息传入渲染容器中等。

由于本申请实施例的页面配置框架可以进行组件库扩展，因此，在某些实施例中，所述配置接口还用于：接收针对任一组件库的扩展请求；建立所述任一组件库中的组件与页面元素的映射关系。

在某些实施例中所述配置接口还用于判断是否存在所述任一组件库对应的映射关系，若否，再触发执行建立所述任一组件库中的组件与页面元素的映射关系。也即若请求扩展的组件库已维护组件与页面元素的映射关系，表明该组件库已集成在页面配置框架中，此时可以无需重复进行映射关系配置等。

在某些实施例中，所述传入接口还用于读取页面展示配置文件；

所述渲染容器具体用于解析所述页面结构配置文件以及所述页面展示配置文件；根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

其中，渲染容器执行的解析以及渲染操作可以详见上文中所述，在此将不再重复赘述。

基于图7所示的渲染引擎，本申请实施例还提供了一种数据处理方法，由渲染引擎执行，该方法可以包括：

建立不同组件库中的组件分别与页面元素的映射关系；

读取页面结构配置文件；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件以渲染获得页面模板。

在某些实施例中，所述方法还可以包括：

接收针对任一组件库的扩展请求；

建立所述任一组件库中的组件与页面元素的映射关系。

其中，建立所述任一组件库中的组件与页面元素的映射关系可以包括：

判断是否存在所述任一组件库对应的映射关系；

若否，再触发执行建立所述任一组件库中的组件与页面元素的映射关系。

若是，则无需再重复建立映射关系。

此外，所述方法还可以包括：

读取页面展示配置文件；其中，所述页面展示配置文件中定义一个或多个页面元素的展示方式；

所述解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板包括：

解析所述页面结构配置文件以及所述页面展示配置文件；

根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

其中，解析以及渲染操作可以详见上文中所述，在此将不再重复赘述。

图8为本申请实施例提供的一种数据处理装置一个实施例的结构示意图，该装置可以包括：

组件库提供模块801，用于提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

文件读取模块802，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

组件库确定模块803，用于确定所述页面结构配置文件关联的目标组件库；

文件解析模块804，用于解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

在某些实施例中，该文件读取模块还用于读取页面展示配置文件；其中，所述页面展示配置文件中定义一个或多个页面元素的展示方式；

所述文件解析模块具体用于解析所述页面结构配置文件以及所述页面展示配置文件；根据所述目标组件库中组件与表单项之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

在某些实施例中，所述展示方式包括是否支持编辑、是否支持隐藏、映射为目标组件、或者新增组件属性。

在某些实施例中，所述组件确定模块具体用于提供所述多个组件库的选择提示信息；确定用户选择的目标组件库。

在某些实施例中，该装置还可以包括：

参数配置模块，用于确定用户提供的至少一种界面配置参数；

所述文件解析模块具体用于解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，并按照所述至少一种界面配置参数，渲染获得包括所述至少一个页面元素的页面模板。

在某些实施例中，所述参数配置模块具体用于提供多种界面配置参数的选择提示信息；确定用户选择的至少一种界面配置参数。

在某些实施例中，所述至少一种界面配置参数包括页面元素排列方式以及是否显示页面元素描述信息的一个或多个。

在某些实施例中，该装置还可以包括：

文件接收模块，用于提供程序编写界面：接收用户在所述程序编写界面编写的页面结构配置文件。

在某些实施例中，该装置还可以包括：

页面生成模块，用于将所述页面模板提供给页面搭建系统；接收所述页面搭建系统返回的用户输入的页面数据；基于所述页面数据及所述页面模板，生成目标页面。

其中，所述页面结构配置文件可以基于Json Schema编写获得。

若页面元素为表单项，

则所述组件库提供模块具体用于提供多个组件库；其中，不同组件库中的组件分别与表单项具有映射关系；

文件读取模块具体用于读取表单结构配置文件；其中，所述表单结构配置文件中定义至少一个页面元素；

组件库确定模块具体用于确定所述表单结构配置文件关联的目标组件库；

文件解析模块具体用于解析所述表单结构配置文件，根据所述目标组件库中的组件与表单项之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面目标。

图8所述的数据处理装置可以执行图1所示实施例所述的数据处理方法，其实现原理和技术效果不再赘述。对于上述实施例中的数据处理装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

在一个可能的设计中，图8所示实施例的数据处理装置可以实现为计算设备，如图9中所示，该计算设备可以包括存储组件901以及处理组件902；

所述存储组件901存储一条或多条计算机指令，其中，所述一条或多条计算机指令供所述处理组件902调用执行。

所述处理组件902用于：

提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

其中，处理组件902可以包括一个或多个处理器来执行计算机指令，以完成上述的方法中的全部或部分步骤。当然处理组件也可以为一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

存储组件801被配置为存储各种类型的数据以支持在计算设备的操作。存储组件可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

此外，该计算设备还可以包括显示组件；

所述处理组件还用于：

通过所述显示组件提供程序编写界面：

接收用户在所述程序编写界面编写的页面结构配置文件。

此外，所述处理组件还用于：

通过所述显示组件提供所述多个组件库的选择提示信息；

确定用户选择的目标组件库。

此外，所述处理组件还用于：

提供多种界面配置参数的选择提示信息；

确定用户选择的至少一种界面配置参数。

所述处理组件解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板可以具体是：

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，并按照所述至少一种界面配置参数，渲染获得包括所述至少一个页面元素的页面模板。

当然，计算设备必然还可以包括其他部件，例如输入/输出接口、通信组件等。

输入/输出接口为处理组件和外围接口模块之间提供接口，上述外围接口模块可以是输出设备、输入设备等。

通信组件被配置为便于计算设备和其他设备之间有线或无线方式的通信等。

本申请实施例还提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被计算机执行时可以实现上述图1所示实施例的数据处理方法。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

1.一种数据处理方法，其特征在于，包括：

提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

2.根据权利要求1所述的方法，其特征在于，还包括：

读取页面展示配置文件；其中，所述页面展示配置文件中定义一个或多个页面元素的展示方式；

所述解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板包括：

解析所述页面结构配置文件以及所述页面展示配置文件；

根据所述目标组件库中组件与页面元素之间的映射关系调用所述目标组件库中的组件运行，并按照所述页面展示配置文件中定义的页面元素的展示方式，渲染获得包括所述至少一个页面元素的页面模板。

3.根据权利要求2所述的方法，其特征在于，所述展示方式包括是否支持编辑、是否支持隐藏、映射为目标组件、或者新增组件属性。

4.根据权利要求1所述的方法，其特征在于，所述确定所述页面结构配置文件关联的目标组件库包括：

提供所述多个组件库的选择提示信息；

确定用户选择的目标组件库。

5.根据权利要求1所述的方法，其特征在于，还包括：

确定用户提供的至少一种界面配置参数；

所述解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板包括：

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，并按照所述至少一种界面配置参数，渲染获得包括所述至少一个页面元素的页面模板。

6.根据权利要求5所述的方法，其特征在于，还包括：

提供多种界面配置参数的选择提示信息；

所述确定用户提供的至少一种界面配置参数包括：

确定用户选择的至少一种界面配置参数。

7.根据权利要求5所述的方法，其特征在于，所述至少一种界面配置参数包括页面元素排列方式以及是否显示页面元素描述信息的一个或多个。

8.根据权利要求1所述的方法，其特征在于，还包括：

提供程序编写界面：

接收用户在所述程序编写界面编写的页面结构配置文件。

9.根据权利要求1所述的方法，其特征在于，还包括：

将所述页面模板提供给页面搭建系统；

接收所述页面搭建系统返回的用户输入的页面数据；

基于所述页面数据及所述页面模板，生成目标页面。

10.根据权利要求1所述的方法，其特征在于，所述页面结构配置文件基于Json Schema编写获得。

11.一种页面配置框架，其特征在于，包括：

多个组件库，其中，所述多个组件库中的组件与页面元素具有映射关系；

关系维护表，用于保存所述多个组件库中的组件与页面元素具有映射关系；

渲染引擎，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

12.根据权利要求11所述的页面配置框架，其特征在于，还包括：

程序编写界面，用于接收用户输入的所述页面结构配置文件。

13.一种数据处理方法，其特征在于，包括：

建立不同组件库中的组件分别与页面元素的映射关系；

读取页面结构配置文件；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件以渲染获得页面模板。

14.根据权利要求13所述的方法，其特征在于，还包括：

接收针对任一组件库的扩展请求；

建立所述任一组件库中的组件与页面元素的映射关系。

15.一种渲染引擎，其特征在于，包括：

配置接口，用于建立不同组件库中的组件分别与页面元素的映射关系；

传入接口，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

渲染容器，用于解析所述页面结构配置文件，根据所述页面结构配置文件关联的目标组件库中的组件与页面元素之间的映射关系，运行所述目标组件库中的组件，渲染获得页面模板。

16.根据权利要求15所述的渲染引擎，其特征在于，所述配置接口还用于：接收针对任一组件库的扩展请求；建立所述任一组件库中的组件与页面元素的映射关系。

17.根据权利要求16所述的渲染引擎，其特征在于，所述配置接口还用于判断是否存在所述任一组件库对应的映射关系，若否，再触发执行建立所述任一组件库中的组件与页面元素的映射关系。

18.一种数据处理方法，其特征在于，包括：

提供多个组件库；其中，不同组件库中的组件分别与表单项具有映射关系；

读取表单结构配置文件；其中，所述表单结构配置文件中定义至少一个页面元素；

确定所述表单结构配置文件关联的目标组件库；

解析所述表单结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得表单页面模板。

19.一种数据处理装置，其特征在于，包括：

组件库提供模块，用于提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

文件读取模块，用于读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

组件库确定模块，用于确定所述页面结构配置文件关联的目标组件库；

文件解析模块，用于解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

20.一种计算设备，其特征在于，包括处理组件以及存储组件；

所述存储组件存储一个或多个计算机指令；所述一个或多个计算机指令用以被所述处理组件调用执行；

所述处理组件用于：

提供多个组件库；其中，不同组件库中的组件分别与页面元素具有映射关系；

读取页面结构配置文件；其中，所述页面结构配置文件中定义至少一个页面元素；

确定所述页面结构配置文件关联的目标组件库；

解析所述页面结构配置文件，根据所述目标组件库中的组件与页面元素之间的映射关系调用所述目标组件库中的组件，渲染获得页面模板。

Images