CN112948503A - 一种目标特性树形结构图形渲染方法和装置 - Google Patents

Abstract

本发明提供了一种目标特性树形结构图形渲染方法和装置，涉及信息技术领域。本发明的目标特性树形结构图形渲染方法包括：根据用户当前选择，生成结构化数据的目标类别；从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；使用插件渲染页面，形成以插件标签组成的目标特性树形结构。本发明能够使目标特性数据更直观预览，阅读性更强，更容易辨识各类产品特性数据的结构关系。

Description

一种目标特性树形结构图形渲染方法和装置

技术领域

本发明涉及信息技术领域，特别是涉及一种目标特性树形结构图形渲染方法和装置。

背景技术

由于信息化进程的快速推进，在试验等过程中积累了大量的产品特性数据，产品特性数据量呈指数级增长，现有的产品特性数据量已经达到TB级。并且数据类型多样，形态复杂，少部分产品特性数据为结构化数据，可直接存储于数据库中，绝大部分产品特性数据为半结构化、非结构化数据，以文档、图片、视频、模型等形式进行存储。传统产品特性数据渲染常分为层级数据列表渲染、特性元数据表格渲染等技术，很难直观展示特性层级关系，特性元关系，无法对类型多样、形态复杂的产品特性数据进行展示，导致用户很难直观理解目标特性层级关系，特性元关系。

发明内容

本发明提出一种目标特性树形结构图形渲染方法和装置，以解决传统目标特性难以直观理解的问题，使用户更直观预览，阅读性更强，更容易辨识各类产品特性数据的结构关系。

本发明公开了一种目标特性树形结构图形渲染方法，包括：

根据用户当前选择，生成结构化数据的目标类别；

从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

优选地，所述数据库表结构创建时使用了自关联表结构和子父表表结构，所述目标类型包括大类类型及子类类型，特性层级包括至少两级特性层级，所述目标类型和特性层级的数据自关联表结构。

优选地，从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据包括：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

优选地，通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件包括：

调用递归函数传递数据比对条件父级节点标识，用当前数据的父级节点标识去全部数据数组中比对子级节点标识相同的数据为当前这个父级节点标识的子级数据；

再次调用递归函数，传递子项数据的父级节点标识，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

优选地，使用插件渲染页面，形成以插件标签组成的目标特性树形结构包括：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

优选地，形成以插件标签组成的目标特性图形化结构之前还包括：

将各级特性层级中的节点进行拖拽整合，并给出提示；

所述提示包括以下的一项或者多项：

特性元中不可拖拽添加特性层级；

特性层级节点、特性元节点分别是否支持变更功能，所述变更功能包括增加功能、删除功能、更改功能。

另一方面，本发明还提供一种目标特性树形结构图形渲染装置，包括：

生成模块，设置为根据用户当前选择，生成结构化数据的目标类别；

搜索模块，设置为从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

递归模块，设置为通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

渲染模块，设置为使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

优选地，所述搜索模块设置为：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

优选地，所述递归模块设置为：

调用递归函数传递数据比对条件父级节点标识，用当前数据的父级节点标识去全部数据数组中比对子级节点标识相同的数据为当前这个父级节点标识的子级数据；

再次调用递归函数，传递子项数据的父级节点标识，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

优选地，所述渲染模块设置为：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

与现有技术相比，本发明具有以下优点：

首先，本发明提出了一种目标特性树形结构图形渲染方法，针对产品特性数据进行结构化图形渲染，使目标特性层级数据、特性元数据结构化更清晰，更直观预览。

其次，本发明可根据用户当前选择的目标类别，根据这一类别从数据库查询当前类别下所有特性层级数据、特性元数据，产品特性数据树状结构图形渲染，采用预先设定多种形态渲染，使用户更直观预览，阅读性更强，更容易辨识各类产品特性数据的结构关系。并增加特性层级和特性元节点拖拽、节点增删改功能，操作简便，可控性更强。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。

图1为本发明实施例的目标特性树形结构图形渲染方法的流程图；

图2为本发明实施例的目标特性树形结构图形渲染装置的示意图；

图3为本发明实施例的数据库表结构的示意图；

图4为本发明实施例的产品特性数据递归处理流程图；

图5为本发明实施例的目标特性树形结构图形渲染处理流程图；

图6为目标特性树形结构图形渲染效果图。

具体实施方式

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

为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1为本发明实施例的目标特性树形结构图形渲染方法的流程图，本发明实施例的目标特性树形结构图形渲染方法，包括：

S101、根据用户当前选择，生成结构化数据的目标类别；

S102、从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

S103、通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

S104、使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

本发明实施例的目标特性树形结构图形渲染方法，根据用户当前选择的目标类别从数据库查询其下所有特性层级数据、特性元数据,通过递归算法形成最终的目标特性数据结构，并将其加载进插件，使用插件渲染页面，形成以插件标签组成的目标特性树形结构，使用户更直观预览，阅读性更强，更容易辨识各类产品特性数据的结构关系。

本发明实施例步骤S102中的数据库表结构创建时使用了自关联表结构和子父表表结构，所述目标类型包括大类类型及子类类型，特性层级包括至少两级特性层级，所述目标类型和特性层级的数据自关联表结构。

本发明实施例中，数据库表结构创建时使用了自关联表结构和子父表表结构。目标类型包括大类类型及子类类型，特性层级一般包括一级特性层级、二级特性层级和三级特性层级，这些类型数据使用了自关联表结构，在表中使父级节点标识pid和子级节点标识id数据间的挂载关系。

本发明实施例中，步骤S102中从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据包括：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

本发明实施例中，步骤S103中通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件包括：

调用递归函数传递数据比对条件pid，用当前数据的pid去全部数据数组中比对id相同的数据为当前这个pid的子级数据；

再次调用递归函数，传递子项数据的pid，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

本发明实施例采用递归算法的方式处理数据，明确递归终止条件，每一次比对拿到当条数据的name属性，拼接出html数据结构，最后形成的数据层次结构更清晰。

本发明实施例中，步骤S104中使用插件渲染页面，形成以插件标签组成的目标特性树形结构包括：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

本发明实施例使用插件渲染页面，需要把递归算法形成的最终目标特性html数据结构加载进插件，形成以插件标签组成的目标特性图形化结构。

本发明实施例中，步骤S104中形成以插件标签组成的目标特性图形化结构之前还包括：

将各级特性层级中的节点进行拖拽整合，并给出提示；

所述提示包括以下的一项或者多项：

特性元中不可拖拽添加特性层级；

特性层级节点、特性元节点分别是否支持变更功能，所述变更功能包括增加功能、删除功能、更改功能。

本发明实施例增加特性层级和特性元节点拖拽、节点增删改功能，操作简便，可控性更强。

如图2所示，本发明实施例还提供一种目标特性树形结构图形渲染装置，包括：

生成模块100，设置为根据用户当前选择，生成结构化数据的目标类别；

搜索模块200，设置为从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

递归模块300，设置为通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

渲染模块400，设置为使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

本发明实施例中，所述搜索模块200设置为：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

本发明实施例中，所述递归模块300设置为：

调用递归函数传递数据比对条件pid，用当前数据的pid去全部数据数组中比对id相同的数据为当前这个pid的子级数据；

再次调用递归函数，传递子项数据的pid，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

本发明实施例中，所述渲染模块400设置为：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

实施例一

下面对本实施例的目标特性树形结构图形渲染方法的关键内容进行详细说明：

(1)产品特性数据库表结构创建

数据库表结构创建时使用了自关联表结构和子父表表结构。目标类型包括大类类型及子类类型，特性层级包括一级特性层级、二级特性层级和三级特性层级，这些类型数据使用了自关联表结构，在表中使pid和id标识数据间的挂载关系。目标、特性元、特性元下挂载的数据、文件、数据下挂载的附件和文件下挂载的附件，这种数据结构采用了子父表结构，使用外键关联标识数据间的子父关系，从而使得数据间关系的明朗。

数据库中每类目标按一级特性、二级特性、三级特性、特性元4个层级进行特性描述，由粗到细、层层递进，每一层级都是上一级特性的细化，如图3所示。

(2)产品特性数据递归处理

a)需要递归算法处理的数据类型如[{"id":"013028","pid":"0","name":"基本类型","flag":"0"},{"id":"013003","pid":"013028","name":"类型及状态","flag":"0"}...]。

b)产品特性数据递归算法中需要明确递归终止条件为当前目标数据的最后一项，就是必须在函数内部明确给出递归的结束条件，否则函数会一直形成死循环。给出递归终止时的处理办法，对于递归，需要明确这个函数的功能，不管函数内部如何来写，总要先明确这个函数是实现什么功能的。提出重复的逻辑，缩小问题规模，递归就是要不断的缩小参数的范围，缩小之后可以通过一些辅助变量或操作使原函数的结果不变。所谓递归就是函数在执行开始的时候需要传递数据比对条件pid，用当前数据的pid去整个数据数组中比对id相等的数据为当前这个pid的子级数据，再次调用函数本身，传递子项数据的pid，一直循环到不存在子数组为止。每一次比对拿到当条数据的name属性，拼接出html数据结构，最后形成的数据层次结构更清晰。产品特性数据递归处理流程如图4所示。

c)产品特性数据处理完成后生成插件需要的html数据结构如：<li>基本类型<ul><li>类型及状态</li></ul></li>...

(3)产品特性数据插件渲染

使用插件渲染页面，需要把递归算法形成的最终目标特性html数据结构加载进插件，形成以插件标签组成的目标特性图形化结构。在页面加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示等。特性层级节点、特性元节点信息跟另一节点进行拖拽整合，给出合理提示，如：特性元中不可拖拽添加特性层级等。特性层级节点、特性元节点分别有增删改功能，(Enter键新增同级节点、Insert键增加子级节点、Delete键为删除当前节点)最后形成用户需要的产品特性数据结构，支持图片格式导出，产品特性数据清单Excel导出等。

目标特性树形结构图形渲染处理流程如图5所示。

1)用户根据要生成结构化数据的目标类别传参到数据库查询当前大类下所有的特性层级数据，以及每个特性层级中包含的特性元数据。

数据格式如[{"id":"013028","pid":"0","name":"基本类型","flag":"0"},{"id":"013003","pid":"013028","name":"类型及状态","flag":"0"}...]。

2)数据库返回的产品特性数据，将进行递归算法的二次处理，循环判断每一条产品特性数据的状态，给出标示以便在定义特性层级和特性元样式的时候有依据条件，形成有规则的插件需要的类型数据。

3)递归算法形成的最终产品特性数据，通过插件渲染到页面，自定义要渲染的特性层级、特性元的样式，对于重点特性元加入特殊符号"☆"标示。可以一目了然了解当前的数据状态。用户可以通过拖拽节点到其他节点来改变数据结构，同时也可以对节点进行增删改操作，并导出最终的产品特性数据结构关系。

目标特性树形结构图形渲染效果图如图6所示。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器，如数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

Claims (10)

1.一种目标特性树形结构图形渲染方法，其特征在于，包括：

根据用户当前选择，生成结构化数据的目标类别；

从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

2.根据权利要求1所述的图形渲染方法，其特征在于，所述数据库表结构创建时使用了自关联表结构和子父表表结构，所述目标类型包括大类类型及子类类型，特性层级包括至少两级特性层级，所述目标类型和特性层级的数据自关联表结构。

3.根据权利要求1或2所述的图形渲染方法，其特征在于，从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据包括：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

4.根据权利要求1或2所述的图形渲染方法，其特征在于，通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件包括：

调用递归函数传递数据比对条件父级节点标识，用当前数据的父级节点标识去全部数据数组中比对子级节点标识相同的数据为当前这个父级节点标识的子级数据；

再次调用递归函数，传递子项数据的父级节点标识，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

5.根据权利要求4所述的图形渲染方法，其特征在于，使用插件渲染页面，形成以插件标签组成的目标特性树形结构包括：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

6.根据权利要求5所述的图形渲染方法，其特征在于，形成以插件标签组成的目标特性图形化结构之前还包括：

将各级特性层级中的节点进行拖拽整合，并给出提示；

所述提示包括以下的一项或者多项：

特性元中不可拖拽添加特性层级；

特性层级节点、特性元节点分别是否支持变更功能，所述变更功能包括增加功能、删除功能、更改功能。

7.一种目标特性树形结构图形渲染装置，其特征在于，包括：

生成模块，设置为根据用户当前选择，生成结构化数据的目标类别；

搜索模块，设置为从数据库表结构中查询所述目标类别下的所有特性层级数据，以及每个特性层级包含的特性元数据；

递归模块，设置为通过递归算法形成目标特性树形结构，并将所述目标特性树形结构加载进插件；

渲染模块，设置为使用插件渲染页面，形成以插件标签组成的目标特性树形结构。

8.根据权利要求7所述的图形渲染装置，其特征在于，所述搜索模块设置为：

根据某一目标类别，获得产品特性数据，调用递归函数，通过递归函数渲染产品特性数据树形结构；

循环遍历所有数据，根据父级节点标识查找所有子级节点标识；

若当前数据存在子级节点标识时，拼接当前数据的结构，再调用递归函数，传入下一条数据的子级节点标识，作为当前节点的父级节点标识，进行比对拼接；

若当前数据不存在子级节点标识时，跳过当前数据，继续查找下一条数据进行比对。

9.根据权利要求7所述的图形渲染装置，其特征在于，所述递归模块设置为：

调用递归函数传递数据比对条件父级节点标识，用当前数据的父级节点标识去全部数据数组中比对子级节点标识相同的数据为当前这个父级节点标识的子级数据；

再次调用递归函数，传递子项数据的父级节点标识，循环到不存在子数组为止；

每一次比对获取当条数据的名称属性，拼接出html数据结构。

10.根据权利要求9所述的图形渲染装置，其特征在于，所述渲染模块设置为：

把递归算法形成的目标特性html数据结构加载进插件，在所述目标特性html数据结构加载过程中根据每一个特性层级节点、特性元节点的类型自定义渲染样式，每一个特性元节点是否被重点关注，增加重点特性元标示；形成以插件标签组成的目标特性图形化结构。

Images