CN116150435A - 层级数据的展示方法、装置、设备及存储介质 - Google Patents

层级数据的展示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN116150435A
CN116150435A CN202310196691.6A CN202310196691A CN116150435A CN 116150435 A CN116150435 A CN 116150435A CN 202310196691 A CN202310196691 A CN 202310196691A CN 116150435 A CN116150435 A CN 116150435A
Authority
CN
China
Prior art keywords
data
node
list
target
hierarchical
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310196691.6A
Other languages
English (en)
Inventor
程捷
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Bo Hongyuan Data Polytron Technologies Inc
Original Assignee
Beijing Bo Hongyuan Data Polytron Technologies Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Bo Hongyuan Data Polytron Technologies Inc filed Critical Beijing Bo Hongyuan Data Polytron Technologies Inc
Priority to CN202310196691.6A priority Critical patent/CN116150435A/zh
Publication of CN116150435A publication Critical patent/CN116150435A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/901—Indexing; Data structures therefor; Storage structures
    • G06F16/9027—Trees
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/903—Querying
    • G06F16/9035—Filtering based on additional data, e.g. user or group profiles
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Computational Linguistics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种层级数据的展示方法、装置、设备及存储介质。其中，方法包括：获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；对所述初始扁平数据列表进行过滤，得到最终数据列表；通过预设组件对所述最终数据列表进行虚拟展示。本发明实施例的方案，可以对层级数据进行快速展示，并且可以有效地避免卡顿现象。

Description

层级数据的展示方法、装置、设备及存储介质
技术领域
本发明实施例涉及计算机技术领域，尤其涉及一种层级数据的展示方法、装置、设备及存储介质。
背景技术
随着大数据、云计算、人工智能等技术蓬勃发展，各行各业的信息量增加，数据量日益庞大，需要用到不同的展示方式。通常情况下，调用链的栈为层级数据，展示栈信息时主要通过树形表格进行展示。
现阶段，当栈数据的节点层级过多时，数据展示较慢，列表滚动会比较卡顿，严重影响页面访问体验。如何对栈节点层级数据进行快速展示，并且避免卡顿现象是业内研究的重点问题。
发明内容
本发明实施例提供了一种层级数据的展示方法、装置、设备及存储介质，以对层级数据进行快速展示，并且可以有效地避免卡顿现象。
根据本发明实施例的一方面，提供了一种层级数据的展示方法，包括：
获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；
对所述初始扁平数据列表进行过滤，得到最终数据列表；
通过预设组件对所述最终数据列表进行虚拟展示。
根据本发明实施例的另一方面，提供了一种层级数据的展示装置，包括：
初始扁平数据列表确定模块，用于获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；
最终数据列表确定模块，用于对所述初始扁平数据列表进行过滤，得到最终数据列表；
虚拟展示模块，用于通过预设组件对所述最终数据列表进行虚拟展示。
根据本发明实施例的另一方面，提供了一种电子设备，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明实施例任一实施例所述的层级数据的展示方法。
根据本发明实施例的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明实施例任一实施例所述的层级数据的展示方法。
本发明实施例的技术方案，通过获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；对所述初始扁平数据列表进行过滤，得到最终数据列表；通过预设组件对所述最终数据列表进行虚拟展示，可以对层级数据进行快速展示，并且可以有效地避免卡顿现象。
应当理解，本部分所描述的内容并非旨在标识本发明实施例的实施例的关键或重要特征，也不用于限制本发明实施例的范围。本发明实施例的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据本发明实施例一提供的一种层级数据的展示方法的流程图；
图2是根据本发明实施例二提供的一种层级数据的展示装置的结构示意图；
图3是实现本发明实施例的层级数据的展示方法的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明实施例方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明实施例一部分的实施例，而不是全部的实施例。基于本发明实施例中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明实施例保护的范围。
需要说明的是，本发明实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明实施例的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例一
图1是根据本发明实施例一提供的一种层级数据的展示方法的流程图，本实施例可适用于对层级数据进行快速展示的情况，该方法可以由层级数据的展示装置来执行，该层级数据的展示装置可以采用硬件和/或软件的形式实现，该层级数据的展示装置可配置于计算机、服务器或者平板电脑等电子设备中。具体的，参考图1，该方法具体包括如下步骤：
步骤110、获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表。
其中，目标栈数据可以为任一通过栈结构存储的数据，例如，考试成绩、日志数据或者数据库中存储的其他数据等，本实施例中对其不加以限定。
在本实施例的一个可选实现方式中，可以从相应的程序代码中获取到目标栈数据，也可以在程序运行过程中获取到目标栈数据，本实施例中对其也不加以限定。可选的，在本实施例中，在获取到目标栈数据之后，可以对获取到的目标栈数据进行初始化，从而得到与目标栈数据对应的初始扁平数据列表。
在本实施例的一个可选实现方式中，对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表，可以包括：对所述目标栈数据进行递归遍历，获取各数据的数据信息；将各所述数据信息按照遍历顺序填充至目标列表中，得到与所述目标栈数据对应的初始扁平数据列表；其中，所述数据信息包括下述至少一项：位置信息、属性信息、数据内容以及节点标识。
可选的，在本实施例中，对所述目标栈数据进行递归遍历，获取各数据的数据信息；将各所述数据信息按照遍历顺序填充至目标列表中，得到与所述目标栈数据对应的初始扁平数据列表，可以包括：从所述目标栈数据的目标层级节点开始，依次确定目标栈数据中的各层级节点的位置信息，分别将各所述位置信息添加至目标列表中与各所述层级节点对应的位置；遍历各所述层级节点，分别确定各所述层级节点是否包含栈帧节点；在第一层级节点包含至少一个栈帧节点的情况下，分别将各栈帧节点的属性信息设置为展开和/或收起节点，并将设置结果添加至所述目标列表中，得到所述初始扁平数据列表。
在本实施例的一个可选实现方式中，在分别将各所述位置信息添加至目标列表中与各所述层级节点对应的位置之后，还可以包括：确定各所述层级节点是否为叶子节点；在确定当前层级节点为非叶子节点的情况下，在所述目标列表中添加与所述当前层级节点对应的向下箭头。
在具体实现中，获取到目标栈数据之后，可以先对目标栈数据进行递归处理，得到展开后的扁平列表，并在每项数据中添加扩展属性site记录当前节点的位置信息、属性isStack是否是栈帧节点、属性isLeaf是否是叶子节点。
可选的，在本实施例中，可以先初始父元素位置数组parentSite为[]，存储最终展开数据列表list为[]；进一步的，可以在每个层级节点位置信息site为父位置数组parentSite上追加当前节点在本次遍历里的序号index，即[...parentSite,index]，再将数组转换为字符串作为site属性唯一值，即[...parentSite,index].join()；进一步的，可以判断当前层级节点item是否是子节点，如果是，则isLeaf为false；如果不是，则isLeaf为true；进一步的，可以判断当前层级节点item是否有stackTraceList数据且stackTraceList为数组列表；如果有，则循环stackTraceList生成栈帧节点添加到最终数据列表list中；进一步的，可以在属性site为当前车梅河口节点item的site加上’_stack’+stackTraceList循环中的栈帧节点的位置stackIndex，即[...parentSite,index].join()+‘_stack’+stackIndex；其中，属性isStack为true，属性nodeId为item.nodeId+’_stack’+stackIndex。
在本实施例中，根据site值，可以看到父层级节点site值包含在子层级节点site值内，site值转换为数组后的长度为节点的层级。
步骤120、对所述初始扁平数据列表进行过滤，得到最终数据列表。
在本实施例的一个可选实现方式中，在对获取到的目标栈数据进行初始化，得到与目标栈数据对应的初始扁平数据列表之后，可以进一步的对初始扁平数据列表进行过滤，从而得到待展示的最终数据列表。
可选的，在本实施例中，对所述初始扁平数据列表进行过滤，得到最终数据列表，可以包括：依次所述初始扁平数据列表中各层级节点的节点标识，确定各所述节点标识中是否包含目标字段；在目标节点标识中包含目标字段的情况下，滤除与所述目标节点标识对应的层级节点。
其中，目标节点标识可以为任一层级节点的nodeId，本实施例中对其不加以限定。
在本实施例的一个可选实现方式中，可以默认收起所有栈帧节点。即expandStackList为空，遍历初始扁平数据列表，排除节点nodeId上带有’_stack’字段的节点。进一步的，可以设置展开收起层级节点key和栈帧节点key，点击层级节点前的箭头或栈帧节点展开收起文字按钮时，触发初始扁平数据列表针对层级节点和栈帧节点的过滤，得出列表最终展示的数据列表。
可选的，在本实施例中，初始扁平数据列表针对层级节点和栈帧节点的过滤，可以包括：点击层级节点上的文字按钮‘展开’时，添加该节点nodeId到expandStackList。‘收起’时，从expandStackList移除该节点nodeId；进一步的，可以遍历初始扁平数据列表，保留节点nodeId上带有’_stack’字段并且nodeId为expandStackList中任一项的节点，去除其他nodeId上带有’_stack’字段的节点。得到栈帧节点过虑后的数据列表，此为第一次过滤；进一步的，可以点击层级节点前的箭头图标，收起该节点的子节点时，存储该节点site到expandKey。展开该节点时，从expandKey中移除该节点site；进一步的，遍历展示节点过虑后的数据列表，当expandKey中任意一项包含在该循环遍历的当前节点site里时，排除掉当前节点，从而得到待展示的最终数据列表。
步骤130、通过预设组件对所述最终数据列表进行虚拟展示。
在本实施例的一个可选实现方式中，在得到待展示的最终数据列表之后，可以通过预设组件对最终数据列表进行虚拟展示。其中，预设组件可以为react-window应用下的VariableSizeList组件，也可以为其他组件，本实施例中对其不加以限定。
可选的，在本实施例中，通过预设组件对所述最终数据列表进行虚拟展示，可以包括：通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示。
在本实施例的一个可选实现方式中，通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示的过程中，可以将每行高度固定为48px，节点数量为最终展示列表总数。
在本实施例的一个可选实现方式中，在通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示之前，还可以包括：分别根据各层级节点的位置信息确定与各所述层级节点对应的层级偏移距离。
可选的，在本实施例中，可以通过虚拟列表项组件展示样式的偏移距离：根据数据扩展属性site确定节点的层级偏移距离。可选的，虚拟列表项组件的展开收起箭头图标，可以根据数据扩展属性isLeaf确定节点的展开收起图标是否展示，即点击层级节点的展开收起图标，更新expandKey，触发列表数据过滤，更新虚拟列表；虚拟列表项组件的展开收起文字按钮展示，可以根据数据扩展属性isStack确定节点是否有栈帧节点。点击文字按钮的展开/收起，更新expandStackList，触发列表数据过滤，更新虚拟列表。
本实施例的方案，可以确定扁平化树结构数据对应的初始扁平数据列表，并对初始扁平数据列表过滤得到最终展示数据列表；可以实时点击列表上层级节点前的箭头或栈帧节点的展开收起文字按钮来更改过滤条件得到最终展示数据列表；可以通过组件内计算，始终仅在可视区域内渲染当前滚动位置对应的节点，无论列表滚动触发多少，均渲染少数的节点而不是全部渲染，极大地减少了dom操作，节省了浏览器处理资源，从而保证页面流畅。在本实施例中，栈帧节点为树结构数据的层级节点所携带的数据，当不考虑这种额外数据的情况时，可去除扁平化数据的栈帧数据追加逻辑和expandStackList的过滤逻辑。
本实施例的技术方案，通过获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；对所述初始扁平数据列表进行过滤，得到最终数据列表；通过预设组件对所述最终数据列表进行虚拟展示，可以对层级数据进行快速展示，并且可以有效地避免卡顿现象。
实施例二
图2是根据本发明实施例二提供的一种层级数据的展示装置的结构示意图。如图2所示，该装置包括：初始扁平数据列表确定模块210、最终数据列表确定模块220以及虚拟展示模块230。
初始扁平数据列表确定模块210，用于获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；
最终数据列表确定模块220，用于对所述初始扁平数据列表进行过滤，得到最终数据列表；
虚拟展示模块230，用于通过预设组件对所述最终数据列表进行虚拟展示。
本实施例的方案，通过初始扁平数据列表确定模块获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；通过最终数据列表确定模块对所述初始扁平数据列表进行过滤，得到最终数据列表；通过虚拟展示模块通过预设组件对所述最终数据列表进行虚拟展示，可以对层级数据进行快速展示，并且可以有效地避免卡顿现象。
在本实施例的一个可选实现方式中，所述初始扁平数据列表确定模块210，具体用于
对所述目标栈数据进行递归遍历，获取各数据的数据信息；
将各所述数据信息按照遍历顺序填充至目标列表中，得到与所述目标栈数据对应的初始扁平数据列表；
其中，所述数据信息包括下述至少一项：位置信息、属性信息、数据内容以及节点标识。
在本实施例的一个可选实现方式中，所述初始扁平数据列表确定模块210，还具体用于
从所述目标栈数据的目标层级节点开始，依次确定目标栈数据中的各层级节点的位置信息，分别将各所述位置信息添加至目标列表中与各所述层级节点对应的位置；
遍历各所述层级节点，分别确定各所述层级节点是否包含栈帧节点；
在第一层级节点包含至少一个栈帧节点的情况下，分别将各栈帧节点的属性信息设置为展开和/或收起节点，并将设置结果添加至所述目标列表中，得到所述初始扁平数据列表。
在本实施例的一个可选实现方式中，所述初始扁平数据列表确定模块210，还具体用于
确定各所述层级节点是否为叶子节点；
在确定当前层级节点为非叶子节点的情况下，在所述目标列表中添加与所述当前层级节点对应的向下箭头。
在本实施例的一个可选实现方式中，最终数据列表确定模块220，具体用于依次获取所述初始扁平数据列表中各层级节点的节点标识，并确定各所述节点标识中是否包含目标字段；
在目标节点标识中包含目标字段的情况下，滤除与所述目标节点标识对应的层级节点。
在本实施例的一个可选实现方式中，虚拟展示模块230，具体用于通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示。
在本实施例的一个可选实现方式中，虚拟展示模块230，还具体用于分别根据各层级节点的位置信息确定与各所述层级节点对应的层级偏移距离。
本发明实施例所提供的层级数据的展示装置可执行本发明实施例任意实施例所提供的层级数据的展示方法，具备执行方法相应的功能模块和有益效果。
实施例三
图3示出了可以用来实施本发明实施例的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明实施例的实现。
如图3所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(ROM)12、随机访问存储器(RAM)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序，来执行各种适当的动作和处理。在RAM 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如层级数据的展示方法。
在一些实施例中，层级数据的展示方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时，可以执行上文描述的层级数据的展示方法的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行层级数据的展示方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明实施例的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明实施例的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明实施例中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明实施例的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本发明实施例保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明实施例的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明实施例保护范围之内。

Claims (10)

1.一种层级数据的展示方法，其特征在于，包括：
获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；
对所述初始扁平数据列表进行过滤，得到最终数据列表；
通过预设组件对所述最终数据列表进行虚拟展示。
2.根据权利要求1所述的方法，其特征在于，所述对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表，包括：
对所述目标栈数据进行递归遍历，获取各数据的数据信息；
将各所述数据信息按照遍历顺序填充至目标列表中，得到与所述目标栈数据对应的初始扁平数据列表；
其中，所述数据信息包括下述至少一项：位置信息、属性信息、数据内容以及节点标识。
3.根据权利要求2所述的方法，其特征在于，所述对所述目标栈数据进行递归遍历，获取各数据的数据信息；将各所述数据信息按照遍历顺序填充至目标列表中，得到与所述目标栈数据对应的初始扁平数据列表，包括：
从所述目标栈数据的目标层级节点开始，依次确定目标栈数据中的各层级节点的位置信息，分别将各所述位置信息添加至目标列表中与各所述层级节点对应的位置；
遍历各所述层级节点，分别确定各所述层级节点是否包含栈帧节点；
在第一层级节点包含至少一个栈帧节点的情况下，分别将各栈帧节点的属性信息设置为展开和/或收起节点，并将设置结果添加至所述目标列表中，得到所述初始扁平数据列表。
4.根据权利要求3所述的方法，其特征在于，在分别将各所述位置信息添加至目标列表中与各所述层级节点对应的位置之后，还包括：
确定各所述层级节点是否为叶子节点；
在确定当前层级节点为非叶子节点的情况下，在所述目标列表中添加与所述当前层级节点对应的向下箭头。
5.根据权利要求1所述的方法，其特征在于，所述对所述初始扁平数据列表进行过滤，得到最终数据列表，包括：
依次获取所述初始扁平数据列表中各层级节点的节点标识，并确定各所述节点标识中是否包含目标字段；
在目标节点标识中包含目标字段的情况下，滤除与所述目标节点标识对应的层级节点。
6.根据权利要求1所述的方法，其特征在于，所述通过预设组件对所述最终数据列表进行虚拟展示，包括：
通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示。
7.根据权利要求6所述的方法，其特征在于，在通过react-window下的VariableSizeList组件将最终数据列表以树形结构进行展示之前，还包括：
分别根据各层级节点的位置信息确定与各所述层级节点对应的层级偏移距离。
8.一种层级数据的展示装置，其特征在于，包括：
初始扁平数据列表确定模块，用于获取目标栈数据，并对所述目标栈数据进行初始化，得到与所述目标栈数据对应的初始扁平数据列表；
最终数据列表确定模块，用于对所述初始扁平数据列表进行过滤，得到最终数据列表；
虚拟展示模块，用于通过预设组件对所述最终数据列表进行虚拟展示。
9.一种电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述的层级数据的展示方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的层级数据的展示方法。
CN202310196691.6A 2023-03-02 2023-03-02 层级数据的展示方法、装置、设备及存储介质 Pending CN116150435A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310196691.6A CN116150435A (zh) 2023-03-02 2023-03-02 层级数据的展示方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310196691.6A CN116150435A (zh) 2023-03-02 2023-03-02 层级数据的展示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN116150435A true CN116150435A (zh) 2023-05-23

Family

ID=86373524

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310196691.6A Pending CN116150435A (zh) 2023-03-02 2023-03-02 层级数据的展示方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN116150435A (zh)

Similar Documents

Publication Publication Date Title
CN112380847B (zh) 兴趣点处理方法、装置、电子设备及存储介质
CN112989235B (zh) 基于知识库的内链构建方法、装置、设备和存储介质
CN116955863A (zh) 基于虚拟树的动态树形结构渲染方法及装置
CN112528067A (zh) 图数据库的存储方法、读取方法、装置及设备
CN113312560B (zh) 群组检测方法、装置及电子设备
CN112925522B (zh) 依赖图生成方法、装置、设备、存储介质和程序产品
CN113326403A (zh) 流程图渲染方法及装置、电子设备和介质
CN116150435A (zh) 层级数据的展示方法、装置、设备及存储介质
CN116451619A (zh) 元器件信息处理方法、装置、介质及设备
CN114168119B (zh) 代码文件编辑方法、装置、电子设备以及存储介质
CN115665285A (zh) 数据处理方法、装置、电子设备及存储介质
CN116009847A (zh) 代码生成方法、装置、电子设备及存储介质
CN113868254B (zh) 图数据库中的实体节点去重方法、设备和存储介质
CN113127357B (zh) 单元测试方法、装置、设备、存储介质及程序产品
CN114817223A (zh) 业务数据提取方法、装置、电子设备和存储介质
CN114417070A (zh) 数据权限的收敛方法、装置、设备以及存储介质
CN115202538B (zh) 一种菜单配置方法、装置、电子设备及存储介质
CN113792117B (zh) 数据更新脉络的确定方法、装置、电子设备及存储介质
CN117742900B (zh) 一种服务调用图的构造方法、装置、设备及存储介质
CN112783507B (zh) 数据引流回放方法、装置、电子设备及可读存储介质
CN112527126B (zh) 信息获取方法、装置以及电子设备
CN117251167A (zh) 一种软件物料清单构建方法、装置、设备及介质
CN113971256A (zh) 页面的处理方法、装置、电子设备和存储器
CN117453746A (zh) 一种数据循环筛选的方法、装置、设备及介质
CN117194553A (zh) 一种关系图显示方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination