数据处理方法、装置及设备制造方法及图纸

本申请实施例提供一种数据处理方法、装置及设备，该方法包括：在页面的可视化搭建过程中，获取针对页面中组件的目标属性的属性配置操作，属性配置操作用于配置目标属性下的子组件，以配置目标属性的显示效果；生成属性配置操作对应的文档对象模型片段；在满足预设条件下，按照文档对象类型结构将目标属性渲染显示在页面中。本申请降低了对于开发人员的技能要求，有利于扩大页面可视化搭建平台的用户范围。围。围。

【技术实现步骤摘要】
数据处理方法、装置及设备


[0001]本申请涉及计算机
，尤其涉及一种数据处理方法、装置及设备。

技术介绍

[0002]在可视化搭建过程中，开发人员可以通过拖拽配置组件的方式搭建页面，从而让前端页面的搭建更便捷，缩短开发流程。
[0003]针对一些需要接收输入数据的复杂组件，其显示与输入数据有关。在页面的可视化搭建过程中，如果要修改该类组件的默认显示效果，例如需要将表格组件中的某一列修改为以灰底白字的标签(tag)进行显示，则需要由开发人员编写该类组件的渲染代码，以将页面中该类组件的渲染效果修改为渲染代码所规定的方式。
[0004]然而，上述方式，存在对开发人员的要求较高的问题。

技术实现思路

[0005]本申请实施例提供一种数据处理方法、装置及设备，用以解决现有技术中页面的可视化搭建，对于开发人员的要求较高的问题。
[0006]第一方面，本申请实施例提供一种数据处理方法，包括：
[0007]在页面的可视化搭建过程中，获取针对所述页面中组件的目标属性的属性配置操作，所述属性配置操作用于配置所述目标属性下的子组件，以配置所述目标属性的显示效果；
[0008]生成所述属性配置操作对应的文档对象模型片段；
[0009]在满足预设条件下，按照所述文档对象类型结构将所述目标属性渲染显示在所述页面中。
[0010]第二方面，本申请实施例提供一种数据处理方法，包括：
[0011]获取页面的页面代码；所述页面是通过可视化搭建的方式获得，对于所述页面的可视化搭建包括针对所述页面中组件的目标属性的属性配置操作，所述属性配置操作用于配置所述目标属性下的子组件，所述页面代码中所述目标属性的渲染代码是基于所述属性配置操作对应的文档对象模型片段得到；
[0012]基于所述页面代码，显示所述页面。
[0013]第三方面，本申请实施例提供一种数据处理装置，包括：
[0014]获取模块，用于在页面的可视化搭建过程中，获取针对所述页面中组件的目标属性的属性配置操作，所述属性配置操作用于配置所述目标属性下的子组件，以配置所述目标属性的显示效果；
[0015]生成模块，用于生成所述属性配置操作对应的文档对象模型片段；
[0016]渲染显示模块，用于在满足预设条件下，按照所述文档对象类型结构将所述目标属性渲染显示在所述页面中。
[0017]第四方面，本申请实施例提供一种数据处理装置，包括：
[0018]获取模块，用于获取页面的页面代码；所述页面是通过可视化搭建的方式获得，对于所述页面的可视化搭建包括针对所述页面中组件的目标属性的属性配置操作，所述属性配置操作用于配置所述目标属性下的子组件，所述页面代码中所述目标属性的渲染代码是基于所述属性配置操作对应的文档对象模型片段得到；
[0019]显示模块，用于基于所述页面代码，显示所述页面。
[0020]第五方面，本申请实施例提供一种终端，包括：存储器、处理器；其中，所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行时实现如第一方面任一项所述的方法。
[0021]第六方面，本申请实施例提供一种终端，包括：存储器、处理器；其中，所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行时实现如第二方面任一项所述的方法。
[0022]本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包含至少一段代码，所述至少一段代码可由计算机执行，以控制所述计算机执行如第一方面任一项所述的方法。
[0023]本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包含至少一段代码，所述至少一段代码可由计算机执行，以控制所述计算机执行如第二方面任一项所述的方法。
[0024]本申请实施例还提供一种计算机程序，当所述计算机程序被计算机执行时，用于实现如第一方面任一项所述的方法。
[0025]本申请实施例还提供一种计算机程序，当所述计算机程序被计算机执行时，用于实现如第二方面任一项所述的方法。
[0026]本申请实施例提供的数据处理方法、装置及设备，通过获取针对页面中组件的目标属性的属性配置操作，生成属性配置操作对应的文档对象模型片段，并在满足预设条件下基于文档对象类型结构将目标属性渲染显示在页面中，实现了针对需要接收输入数据的复杂组件，能够将决定其属性显示效果的DOM字段以属性配置的方式开放给开发人员，使得开发人员无需通过编写渲染代码来修改组件的显示效果，从而降低了对于开发人员的技能要求，有利于扩大页面可视化搭建平台的用户范围。
附图说明
[0027]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0028]图1为本申请实施例的应用场景示意图；
[0029]图2A和图2B为本申请实施例提供的组件的显示效果示意图；
[0030]图3为本申请一实施例提供的数据处理方法的流程示意图；
[0031]图4A-图4F为本申请实施例提供的可视化搭建平台的界面示意图；
[0032]图5为本申请另一实施例提供的数据处理方法的流程示意图；
[0033]图6为本申请一实施例提供的数据处理装置的结构示意图；
[0034]图7为本申请另一实施例提供的数据处理装置的结构示意图；
[0035]图8为本申请一实施例提供的终端的结构示意图；
[0036]图9为本申请另一实施例提供的终端的结构示意图。
具体实施方式
[0037]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0038]在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种，但是不排除包含至少一种的情况。
[0039]应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
[0040]取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在
…本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：在页面的可视化搭建过程中，获取针对所述页面中组件的目标属性的属性配置操作，所述属性配置操作用于配置所述目标属性下的子组件，以配置所述目标属性的显示效果；生成所述属性配置操作对应的文档对象模型片段；在满足预设条件下，按照所述文档对象类型结构将所述目标属性渲染显示在所述页面中。2.根据权利要求1所述的方法，其特征在于，所述属性配置操作包括所述目标属性下子组件的可视化搭建操作。3.根据权利要求2所述的方法，其特征在于，所述属性配置操作具体包括所述针对目标属性下子组件的拖拽操作；所述获取针对所述页面中组件的目标属性的属性配置操作之前，还包括：显示针对所述目标属性的属性搭建区域，所述属性搭建区域用于获取针对所述目标属性下子组件的拖拽操作。4.根据权利要求3所述的方法，其特征在于，所述属性配置操作还包括针对所述目标属性下子组件的配置操作；所述方法还包括：在所述属性搭建区域中一组件被选中的情况下，显示针对所述组件的组件配置界面，所述组件配置界面用于获取所述目标属性下子组件的配置操作。5.根据权利要求4所述的方法，其特征在于，所述配置操作具体包括针对所述目标属性下子组件的数据配置操作，和/或，针对所述目标属性下子组件的样式配置操作。6.根据权利要求1-5任一项所述的方法，其特征在于，所述方法还包括：将所述文档对象模型片段与所述目标属性对应存储。7.根据权利要求6所述的方法，其特征在于，所述将所述文档对象模型片段与所述目标属性对应存储，包括：将所述文档对象模型片段存储在所述目标属性的属性数据中。8.根据权利要求7所述的方法，其特征在于，在所述目标属性属于预设类型情况下，所述属性数据存在第一预设字段，所述第一预设字段用于存储所述文档对象模型片段，所述预设类型用于表征所述目标属性允许绑定输入数据。9.根据权利要求8所述的方法，其特征在于，在所述组件包括其他组件且所述其他组件包括所述目标属性情况下，所述属性数据中存在第二预设字段，所述第二预设字段用于存储所述文档对...

【专利技术属性】
技术研发人员：刘桂霞，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：