一种组件联动配置的方法、装置、计算机设备及存储介质与流程

本发明涉及配置化技术领域，特别涉及一种组件联动配置的方法、装置、计算机设备及存储介质。

背景技术：

目前提供的可视化搭建平台中，基本上所提供的搭建组件都是定制化开发，缺少开放式的组件搭建。开放式的组件搭建难点在于组件的属性、事件的复杂度。一个组件的属性可以有任意的搭配组合，给属性赋予的值不同所关联的其他属性、事件也会不同，所以需要处理好不同属性事件之间的制约以及无限层级之间联动制约性。

因此，亟需提出一种新的组件联动配置的方法，以解决上述问题。

技术实现要素：

为了解决现有技术的问题，本发明实施例提供了一种组件联动配置的方法、装置、计算机设备以及存储介质，以克服现有技术中组件配置中属性与属性之间存在的约束性以及属性与事件之间存在的约束性等问题。

为解决上述一个或多个技术问题，本发明采用的技术方案是：

第一方面，提供了一种组件联动配置的方法，该方法包括如下步骤：

获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

进一步的，所述根据所述需求数据配置所述多个属性之间的联动配置数据包括：

根据所述需求数据配置所述多个属性之间的联动数据，并根据所述联动数据确定所述多个属性之间的联动关系。

进一步的，所述将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据包括：

获取所述联动配置数据的数据类型，根据所述数据类型从所述预设规则中匹配出对应的目标预设规则；

将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

进一步的，所述数据类型包括单一元素型和列表元素型。

进一步的，当所述数据类型为列表元素型时，所述将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据包括：

根据所述属性的层级关系将所述联动配置数据中的属性字段由多维转换为一维后，将转换后的所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

进一步的，所述方法还包括：

根据所述需求数据创建所述待配置组件的事件，并根据所述属性数据配置所述事件的事件数据以及所述事件与相应属性的绑定关系。

进一步的，所述方法还包括：

根据所述属性数据、所述事件数据以及所述绑定关系确定所述属性所关联的事件配置信息，根据所述事件配置信息对所述事件进行渲染。

第二方面，提供了一种装置，所述装置包括：

属性创建模块，用于获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

联动配置模块，用于根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

数据匹配模块，用于将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

对象获取模块，用于根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

联动渲染模块，用于利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

第三方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如下步骤：

获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如下步骤：

获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

本发明实施例提供的技术方案带来的有益效果是：

本发明实施例提供的组件联动配置的方法、装置、计算机设备及存储介质，通过获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据，根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系，将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据，根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象，利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件，解决了组件配置中属性与属性之间的约束性以及属性与事件之间的约束性问题，从而实现组件本身所能提供的配置能力，依据配置和组件本身即时展现配置效果，辅助运用的产品实现更加开放化以及智能化。

附图说明

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

图1是根据一示例性实施例示出的组件配置系统的架构图；

图2是根据一示例性实施例示出的组件配置流程示意图；

图3是根据一示例性实施例示出的组件渲染流程示意图；

图4是根据一示例性实施例示出的组件联动配置的方法的流程图；

图5是根据一示例性实施例示出的组件联动配置的装置的结构示意图；

图6是根据一示例性实施例示出的计算机设备的内部结构示意图。

具体实施方式

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

如背景技术所述，由于开放式的组件搭建存在组件的属性、事件复杂度等因素，因而目前现有技术中的一些可视化搭建平台中所提供的组件搭建功能一般都是支持定制化开发，不能够支持开放式的组件搭建。

为解决上述问题，本发明实施例中创造性的提出了一种组件联动配置的方法，该方法结合各技术栈个性及共性，通过加载组件，将组件作为独立模块，配置及联动渲染向其内部输入数据，从而适配不同技术栈所输出的组件，以多形态多维度实现组件的属性、事件、插槽等固有属性的配置联动，从而向用户呈现一个紧密结合的属性、事件配置。实现上述方法的系统架构如图1所示，其主要由应用层、逻辑层以及基础支撑组成，其中，应用层包括配置端和渲染端，用于提供给用户进行组件的配置以及渲染，逻辑层包括数据和处理器，用于存储相关数据以及对相关数据进行处理，基础支撑包括数据类型以及控件类型，用于定义该系统所支持的数据类型以及控件类型等。

实施例一

具体的，上述系统在执行组件联动配置的方法时主要包括如下两部分：

一、组件配置

具体的，如图2所示，首先在配置端根据用户的需求创建多个属性，将属性数据以预设格式存储起来。作为一种较优的示例，可以以json格式存储起来。然后配置属性间的联动性，即配置属性之间的联动配置数据，同样将联动配置数据以预设格式存储起来。作为一种较优的示例，联动配置数据可以以jsonschema格式存储起来。其中，联动配置数据包括联动数据和联动关系。具体实施时，可以依据属性及其控件类型，将联动数据在数据类型上分为简单结构(包括但不限于数值、字符串、布尔值等)和复杂结构(包括但不限于对象、数组等)，将联动关系分为字符串匹配、数值区间匹配、布尔值匹配等。这里需要说明的是，本发明实施例中，基于javascript数据类型，结合jsonschema规范可以实现不同数据类型下配置联动的约束力。后续为了提升匹配算法的执行效率，可以根据属性的层级关系将属性由多维转换成一维。

若是用户需求中待配置组件还包括事件，则还需要创建事件，并依据所存储的属性数据配置各个事件与相应属性的绑定关系以及各个事件的事件数据，将绑定关系以及事件数据以预设格式存储起来。作为一种较优的示例，绑定关系以及事件数据同样可以以json格式进行存储。

二、组件渲染

具体的，参照图3所示，本发明实施例中，组件渲染考虑到页面渲染性能问题，减少因顺序处理数据而触发成倍的组件渲染以造成的线程占用浪费，因而会首先处理联动数据匹配问题，最终输出数据的交集，进而去渲染组件。

具体实施时，渲染端对从配置端获取到的配置数据结构先进行解析，从配置数据结构中至少拆分出属性数据、事件数据、联动配置数据三块数据。

首先将联动配置数据按照预设规则与属性数据进行匹配，获取有效关联数据。为了提高提升匹配算法执行效率，可以依据联动配置数据列表中元素数据类型将联动配置数据分为单一元素型(如数据为数值、字符串、布尔值、非可增加元素的对象)和列表元素型(如可增加元素的对象、数组对象等)。针对不同类型的联动配置数据设置不同的匹配规则。作为一种较优的示例，针对单一元素型的联动配置数据，可以直接将其与属性数据值进行匹配输出有效关联数据。针对列表元素型的联动配置数据，需要先根据属性的层级关系将属性由多维转换成一维，即将其属性字段由多维转换成一维，然后递归处理每个元素值，依据属性数据值进行匹配输出有效关联数据。

具体的，由于本发明实施例中配置端所配置出来的属性数据是一种树形结构的，会有无限层级，这种数据在技术处理上时间复杂度较高，需要递归层级去查找，效率慢，所以通过将其由多维转换为一维(即所有属性都为同一层级的)数组实现可以快速查找处理数据对象。具体实施时，由于多维数组是根据每个属性对象数据中的children字段实现层级关系，且每个属性都有其当前层级下对应的key，通过children和key递归一次将每个属性对象中增加一个临时索引字段，一是保证每个属性对象的唯一性，二是可以通过该字段快速定位到其在多维数组中的位置方便逻辑处理。

以下举例对列表元素型的联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据的过程进行说明：

假设组件属性a为数值型，属性b为布尔值，属性c为字符串。配置的联动数据为当属性a的值等于0时，清空属性c的内容，当属性b的值为false时，隐藏属性c的配置控件并剔除属性c的值。通过属性值数据匹配到a的值为0且b的值为false，二者取交集且依据权重将属性c的配置控件隐藏并剔除c的值。

最后，将待处理的关联数据对象分发至其对应的每个属性控件上，通过渲染机制实现属性联动渲染。

对于包含事件的组件，还需要进行事件逻辑处理。具体实施时，结合解析获取的属性数据和事件数据，以事件数据为出发点，根据事件绑定的属性(包括数据类型为数组或对象的属性)匹配该属性的数值，并最终输出关联的事件配置列表信息。通过事件配置列表信息渲染事件配置，并且可以依据事件模板、插槽、事件类型等组合输出事件代码。

实施例二

图4是根据一示例性实施例示出的组件联动配置的方法的流程图，参照图4所示，该方法包括如下步骤：

s1：获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据。

具体的，本发明实施例中，待配置组件包括但不限于页面等。根据用户提出的需求数据预先创建多个属性，并生成对应的属性数据，其中属性以数据类型分为字符串、数值、布尔值、对象、数组等，所生成的属性数据按照不同的数据类型其数据结构也有所不同，比如数组中还涵盖对应的列表数据和默认值等。将属性数据以预设格式，如json格式存储起来，以便后续加载使用。

s2：根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系。

具体的，创建好属性后，还需根据用户提出的需求数据配置属性之间的联动配置数据，联动配置数据包括联动数据和联动关系。其中，联动数据包括但不限于所配置的属性的可选值等。具有联动关系的属性之间，当给属性赋予的值改变时，与该属性关联的其他属性、事件的值也会随之改变。

s3：将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据。

具体的，在进行渲染处理时，首先通过渲染端对从配置端获取的配置数据进行解析，提取出属性数据、联动配置数据等，若是该组件包括事件，则还需提取出事件数据。然后将联动配置数据按照预设规则与属性数据进行匹配，获取有效关联数据。这里需要说明的是，本发明实施例中，一个组件所配置的关联数据可能有很多，而在渲染过程中，结合实际的属性数据和事件数据等，其中实际触发到关联条件的数据称之为有效关联数据。比如属性a配置的关联数据和关联关系中，当值为true时隐藏属性b，当值为false时隐藏属性c，此时实际的属性数据中a的值为false，则false时隐藏属性c则为有效关联数据。

s4：根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象。

具体的，在获取到有效关联数据后，结合其关联的属性的类型以及同关联属性的层级关系，将关联数据中的key进行赋值，若是该关联数据包括事件，则还要结合事件的数据提取事件对应的关联数据对象，最后将这些关联数据对象注入到属性配置数据中对应属性内和事件数据中对应事件内。

s5：利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

作为一种较优的实施方式，本发明实施例中，所述根据所述需求数据配置所述多个属性之间的联动配置数据包括：

根据所述需求数据配置所述多个属性之间的联动数据，并根据所述联动数据确定所述多个属性之间的联动关系。

作为一种较优的实施方式，本发明实施例中，所述将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据包括：

获取所述联动配置数据的数据类型，根据所述数据类型从所述预设规则中匹配出对应的目标预设规则；

将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述数据类型包括单一元素型和列表元素型。

作为一种较优的实施方式，本发明实施例中，当所述数据类型为列表元素型时，所述将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据包括：

根据所述属性的层级关系将所述联动配置数据中的属性字段由多维转换为一维后，将转换后的所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述方法还包括：

根据所述需求数据创建所述待配置组件的事件，并根据所述属性数据配置所述事件的事件数据以及所述事件与相应属性的绑定关系。

作为一种较优的实施方式，本发明实施例中，所述方法还包括：

根据所述属性数据、所述事件数据以及所述绑定关系确定所述属性所关联的事件配置信息，根据所述事件配置信息对所述事件进行渲染。

作为一种较优的实施方式，本发明实施例中，所述方法还包括：

监听所述属性的属性值，若所述属性值有变化，则依据相应数据重新输出渲染数据，并重新加载组件。

实施例三

图5是根据一示例性实施例示出的用户画像构建装置的结构示意图，该装置包括：

属性创建模块，用于获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

联动配置模块，用于根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

数据匹配模块，用于将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

对象获取模块，用于根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

联动渲染模块，用于利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

作为一种较优的实施方式，本发明实施例中，所述联动配置模块具体用于：

根据所述需求数据配置所述多个属性之间的联动数据，并根据所述联动数据确定所述多个属性之间的联动关系。

作为一种较优的实施方式，本发明实施例中，所述数据匹配模块具体用于：

获取所述联动配置数据的数据类型，根据所述数据类型从所述预设规则中匹配出对应的目标预设规则；

将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述数据类型包括单一元素型和列表元素型。

作为一种较优的实施方式，本发明实施例中，所述数据匹配模块还用于：

根据所述属性的层级关系将所述联动配置数据中的属性字段由多维转换为一维后，将转换后的所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述装置还包括：

事件创建模块，用于根据所述需求数据创建所述待配置组件的事件，并根据所述属性数据配置所述事件的事件数据以及所述事件与相应属性的绑定关系。

作为一种较优的实施方式，本发明实施例中，所述装置还包括：

事件渲染模块，用于根据所述属性数据、所述事件数据以及所述绑定关系确定所述属性所关联的事件配置信息，根据所述事件配置信息对所述事件进行渲染。

图6是根据一示例性实施例示出的计算机设备的内部结构示意图，参照图6所示，该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种执行计划的优化方法。

本领域技术人员可以理解，图3中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

作为一种较优的实施方式，本发明实施例中，计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：

获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

作为一种较优的实施方式，本发明实施例中，处理器执行计算机程序时还实现以下步骤：

根据所述需求数据配置所述多个属性之间的联动数据，并根据所述联动数据确定所述多个属性之间的联动关系。

作为一种较优的实施方式，本发明实施例中，处理器执行计算机程序时还实现以下步骤：

获取所述联动配置数据的数据类型，根据所述数据类型从所述预设规则中匹配出对应的目标预设规则；

将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述数据类型包括单一元素型和列表元素型。

作为一种较优的实施方式，本发明实施例中，处理器执行计算机程序时还实现以下步骤：

根据所述属性的层级关系将所述联动配置数据中的属性字段由多维转换为一维后，将转换后的所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，处理器执行计算机程序时还实现以下步骤：

根据所述需求数据创建所述待配置组件的事件，并根据所述属性数据配置所述事件的事件数据以及所述事件与相应属性的绑定关系。

作为一种较优的实施方式，本发明实施例中，处理器执行计算机程序时还实现以下步骤：

根据所述属性数据、所述事件数据以及所述绑定关系确定所述属性所关联的事件配置信息，根据所述事件配置信息对所述事件进行渲染。

本发明实施例中，还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如下步骤：

获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据；

根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系；

将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据；

根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象；

利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件。

作为一种较优的实施方式，本发明实施例中，所述计算机程序被处理器执行时，还实现如下步骤：

根据所述需求数据配置所述多个属性之间的联动数据，并根据所述联动数据确定所述多个属性之间的联动关系。

作为一种较优的实施方式，本发明实施例中，所述计算机程序被处理器执行时，还实现如下步骤：

获取所述联动配置数据的数据类型，根据所述数据类型从所述预设规则中匹配出对应的目标预设规则；

将所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述计算机程序被处理器执行时，还实现如下步骤：

根据所述属性的层级关系将所述联动配置数据中的属性字段由多维转换为一维后，将转换后的所述联动配置数据按照所述目标预设规则与所述属性数据进行匹配，获取有效关联数据。

作为一种较优的实施方式，本发明实施例中，所述计算机程序被处理器执行时，还实现如下步骤：

根据所述需求数据创建所述待配置组件的事件，并根据所述属性数据配置所述事件的事件数据以及所述事件与相应属性的绑定关系。

作为一种较优的实施方式，本发明实施例中，所述计算机程序被处理器执行时，还实现如下步骤：

根据所述属性数据、所述事件数据以及所述绑定关系确定所述属性所关联的事件配置信息，根据所述事件配置信息对所述事件进行渲染。

综上所述，本发明实施例提供的技术方案带来的有益效果是：

本发明实施例提供的组件联动配置的方法、装置、计算机设备及存储介质，通过获取待配置组件的需求数据，根据所述需求数据创建所述待配置组件的多个属性，并生成属性数据，根据所述需求数据配置所述多个属性之间的联动配置数据，所述联动配置数据包括联动数据和联动关系，将所述联动配置数据按照预设规则与所述属性数据进行匹配，获取有效关联数据，根据所述有效关联数据与所述联动数据计算获取待处理的关联数据对象，利用预设渲染机制对所述待处理的关联数据对象进行联动渲染，生成目标组件，解决了组件配置中属性与属性之间的约束性以及属性与事件之间的约束性问题，从而实现组件本身所能提供的配置能力，依据配置和组件本身即时展现配置效果，辅助运用的产品实现更加开放化以及智能化。

需要说明的是：上述实施例提供的组件联动配置的装置在触发配置业务时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的组件联动配置的装置与组件联动配置的方法实施例属于同一构思，即该装置是基于该组件联动配置的方法的，其具体实现过程详见方法实施例，这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。