CN111539186A - 一种应用于html5的大数据树组件实现方法及*** - Google Patents
一种应用于html5的大数据树组件实现方法及*** Download PDFInfo
- Publication number
- CN111539186A CN111539186A CN202010358019.9A CN202010358019A CN111539186A CN 111539186 A CN111539186 A CN 111539186A CN 202010358019 A CN202010358019 A CN 202010358019A CN 111539186 A CN111539186 A CN 111539186A
- Authority
- CN
- China
- Prior art keywords
- node
- data
- map
- tree component
- viewport
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
-
- 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/95—Retrieval from the web
- G06F16/951—Indexing; Web crawling techniques
-
- 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/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种应用于HTML5的大数据树组件实现方法及***,涉及HTML5前端技术领域,该方法包括获取节点数据并发送至树组件;采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。本发明能够有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。
Description
技术领域
本发明涉及HTML5前端技术领域,具体涉及一种应用于HTML5的大数据树组件实现方法及***。
背景技术
随着互联网技术的不断发展,前端技术也开始日新月异,模块化/组件化成为了当前提高前端开发效率、降低WEB(页面)维护成本的首选开发模式。当前,树组件作为前端开发中最常见的组件之一,被广泛的应用于拥有层级关系的树状结构之中,基于html5(超文本5.0)的树组件较多,有专注于树控件的库,例如zTree(依靠jQuery实现的多功能树插件)、jsTree(基于javascript的跨浏览器树控件),也有专业的组件库,例如kendo tree、zorro tree等,它们都具有以下功能特性:1、兼容IE、FireFox、Chrome等主流浏览器;2、支持静态和Ajax异步加载节点数据;3、支持自定义样式;4、支持灵活切换单选/多选;5、提供多种事件响应回调;6、支持模糊搜索节点;7、支持编辑(增/删/改/查)及拖拽节点。
前端代码运行实体为浏览器,目前主流浏览器使用的渲染引擎均达不到DOM(Document Object Model,文档对象模型)节点巨大数量(例如10万)下的秒级渲染要求,且DOM节点太多时,内存得不到释放,浏览器内存占用率高,影响用户体验,在这种情况下,单纯依靠延迟加载,通过树组件初始化时折叠,展开节点时再渲染DOM的方式,显然已无法满足树结构中一级节点数据量巨大时对硬件的性能要求。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种应用于HTML5的大数据树组件实现方法及***,能够有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。
为达到以上目的,本发明提供的一种应用于HTML5的大数据树组件实现方法,包括以下步骤:
获取节点数据并发送至树组件;
采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;
在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;
基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。
在上述技术方案的基础上,所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。
在上述技术方案的基础上,所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体步骤包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
在上述技术方案的基础上,所述基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现,具体步骤包括:
采用虚拟滚动方式缓存所有节点数据的节点ID;
基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。
在上述技术方案的基础上,所述对所获取的节点信息进行渲染呈现之前,还包括:
将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
本发明提供的一种应用于HTML5的大数据树组件实现***,包括:
获取模块,其用于获取节点数据并发送至树组件;
存储模块,其用于采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;
发送模块,其用于在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;
渲染模块,其用于基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。
在上述技术方案的基础上,所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。
在上述技术方案的基础上,所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体过程包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
在上述技术方案的基础上,所述基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现,具体过程包括:
采用虚拟滚动方式缓存所有节点数据的节点ID;
基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。
在上述技术方案的基础上,所述对所获取的节点信息进行渲染呈现之前,还包括:
将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
与现有技术相比,本发明的优点在于:采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,当进行视口渲染时,在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图,然后基于视口所在位置将视口所在位置节点ID集合对应的节点信息进行渲染呈现,通过map数据结构对节点数据进行存储,有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。
附图说明
图1为本发明实施例中一种应用于HTML5的大数据树组件实现方法的流程图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。本领域内的技术人员应明白,本发明的实施例可提供为方法、***、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁业务盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例提供一种应用于HTML5的大数据树组件实现方法,通过map数据结构对节点数据进行存储,有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。本发明实施例还相应地提供了一种应用于HTML5的大数据树组件实现***。
参见图1所示,本发明实施例提供的一种应用于HTML5的大数据树组件实现方法,包括以下步骤:
S1:获取节点数据并发送至树组件。具体的,业务层在获取到节点数据后,对节点数据进行解析,并进行状态信息的组装,然后发送给树组件。
S2:采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合。
本发明实施例中,节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体步骤包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
通过map数据结构实现节点数据的存储,能够有效提升节点信息的查找效率,从大数据量上看,以10万节点为例,普通的数组查找到节点需要0.08ms,而通过map数据结构方式只需0.005ms,故综合这个指数级效应,普通数组进行数据全量匹配时需要8s,而map数据结构只需500ms。同时,节点数据写入树组件的方法有两种,一种是常规的树形结构嵌套,另一种是扁平结构,每个节点存储父节点的ID信息。
S3:在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;
S4:基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。本发明实施例中,视图负者接收待显示的节点ID集合,然后对节点ID集合进行渲染后,将节点信息在视口中进行显示;视口用于显示节点信息,且视口具有指定的高度,且视口单次显示的节点信息是有限的,根据视口的高度和单个节点数据的高度,可得到视口每次可显示的节点数据数量,从而得到视口单次显示中的节点信息数量,从而得知视口每次所显示的节点信息。
步骤S4具体为:
S401:采用虚拟滚动方式缓存所有节点数据的节点ID。采用虚拟滚动来实现视口的渲染,可以达到性能的优化。
S402:基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
S403:根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。有效提升了渲染性能,10万节点的初始化性能在1秒以内即可完成,同时提升了操作性能,单次操作在200ms以内,并支持节点模板的自定义,提供很好的定制化样式,用户体验好,提高了运维效率。
对于树组件使用者来说,仅是从外部传入批量的节点ID和节点信息,作为一个三态的树组件,最后还原的视图上的效果必须是要有三态的效果,故对所获取的节点信息进行渲染呈现之前,还包括:
A:将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
B:将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
C:从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
本发明实施例的应用于HTML5的大数据树组件实现方法,采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,当进行视口渲染时,在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图,然后基于视口所在位置将视口所在位置节点ID集合对应的节点信息进行渲染呈现,通过map数据结构对节点数据进行存储,有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。
本发明实施例提供的一种应用于HTML5的大数据树组件实现***,包括获取模块、存储模块、发送模块和渲染模块。
获取模块用于获取节点数据并发送至树组件;存储模块用于采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;发送模块用于在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;渲染模块用于基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。
节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体过程包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现,具体过程包括:
采用虚拟滚动方式缓存所有节点数据的节点ID;
基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。
对所获取的节点信息进行渲染呈现之前,还包括:
将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
本发明实施例的应用于HTML5的大数据树组件实现***,采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,当进行视口渲染时,在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图,然后基于视口所在位置将视口所在位置节点ID集合对应的节点信息进行渲染呈现,通过map数据结构对节点数据进行存储,有效提升节点信息的查找效率,降低节点数据量巨大时的渲染性能要求。
本发明是参照根据本发明实施例的方法、设备(***)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
本发明不局限于上述实施方式,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (10)
1.一种应用于HTML5的大数据树组件实现方法,其特征在于,包括以下步骤:
获取节点数据并发送至树组件;
采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;
在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;
基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。
2.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法,其特征在于:所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。
3.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法,其特征在于:所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体步骤包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
4.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法,其特征在于:所述基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现,具体步骤包括:
采用虚拟滚动方式缓存所有节点数据的节点ID;
基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。
5.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法,其特征在于,所述对所获取的节点信息进行渲染呈现之前,还包括:
将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
6.一种应用于HTML5的大数据树组件实现***,其特征在于,包括:
获取模块,其用于获取节点数据并发送至树组件;
存储模块,其用于采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合;
发送模块,其用于在map集合中获取视图中待显示的节点ID集合,并将所获取的节点ID集合发送至视图;
渲染模块,其用于基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现。
7.如权利要求1所述的一种应用于HTML5的大数据树组件实现***,其特征在于:所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态,以及checkbox对象的三态、禁用、隐藏。
8.如权利要求1所述的一种应用于HTML5的大数据树组件实现***,其特征在于:所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储,形成map集合,具体过程包括:
将节点数据的节点ID作为map数据结构的key关键字,节点数据的节点信息作为map数据结构的value值,对树组件所接收的节点数据进行存储,形成map集合。
9.如权利要求1所述的一种应用于HTML5的大数据树组件实现***,其特征在于:所述基于视口所在位置,将视口所在位置节点ID集合对应的节点信息进行渲染呈现,具体过程包括:
采用虚拟滚动方式缓存所有节点数据的节点ID;
基于视口的高度和单个节点数据的高度,得到视口所在位置的节点数据数量,以及视口所在位置的所有节点ID,形成节点ID集合;
根据所确定的节点ID集合,在map集合中获取节点ID集合内节点ID对应的节点信息,并对所获取的节点信息进行渲染呈现。
10.如权利要求1所述的一种应用于HTML5的大数据树组件实现***,其特征在于,所述对所获取的节点信息进行渲染呈现之前,还包括:
将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分;
将父节点集合中父节点及父节点的check状态进行变更,叶子节点集合中节点的check状态进行变更;
从倒数第二的节点层级至根节点,计算出对应父节点的半选状态。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010358019.9A CN111539186B (zh) | 2020-04-29 | 2020-04-29 | 一种应用于html5的大数据树组件实现方法及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010358019.9A CN111539186B (zh) | 2020-04-29 | 2020-04-29 | 一种应用于html5的大数据树组件实现方法及*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111539186A true CN111539186A (zh) | 2020-08-14 |
CN111539186B CN111539186B (zh) | 2023-05-09 |
Family
ID=71975395
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010358019.9A Active CN111539186B (zh) | 2020-04-29 | 2020-04-29 | 一种应用于html5的大数据树组件实现方法及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111539186B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860692A (zh) * | 2021-01-29 | 2021-05-28 | 城云科技(中国)有限公司 | 一种数据库表结构转换方法、装置及其电子设备 |
CN114090157A (zh) * | 2021-11-18 | 2022-02-25 | 中国平安财产保险股份有限公司 | 树形控件的数据处理方法、装置、设备和存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070203920A1 (en) * | 2006-02-24 | 2007-08-30 | International Business Machines Corporation | Method and computer program product for handling leafy branches in navigation trees |
US20140258340A1 (en) * | 2013-03-05 | 2014-09-11 | Qualcomm Innovation Center, Inc. | Systems, methods, and apparatus for prefetching node data for linked data structure traversal |
CA2815156A1 (en) * | 2013-05-06 | 2014-11-06 | Ibm Canada Limited - Ibm Canada Limitee | Document order management via relaxed node indexing |
US20160042021A1 (en) * | 2014-08-08 | 2016-02-11 | Halogen Software Inc. | System and method for rendering of hierarchical data structures |
CN106598574A (zh) * | 2016-11-25 | 2017-04-26 | 腾讯科技(深圳)有限公司 | 页面渲染的方法和装置 |
WO2018103218A1 (zh) * | 2016-12-08 | 2018-06-14 | 武汉斗鱼网络科技有限公司 | 一种ui界面的显示处理方法及装置 |
CN110688531A (zh) * | 2019-08-26 | 2020-01-14 | 北京旷视科技有限公司 | 树组件渲染方法和装置、数据处理设备及介质 |
CN110689600A (zh) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | 树形组件的渲染方法和装置、可读存储介质、电子设备 |
-
2020
- 2020-04-29 CN CN202010358019.9A patent/CN111539186B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070203920A1 (en) * | 2006-02-24 | 2007-08-30 | International Business Machines Corporation | Method and computer program product for handling leafy branches in navigation trees |
US20140258340A1 (en) * | 2013-03-05 | 2014-09-11 | Qualcomm Innovation Center, Inc. | Systems, methods, and apparatus for prefetching node data for linked data structure traversal |
CA2815156A1 (en) * | 2013-05-06 | 2014-11-06 | Ibm Canada Limited - Ibm Canada Limitee | Document order management via relaxed node indexing |
US20160042021A1 (en) * | 2014-08-08 | 2016-02-11 | Halogen Software Inc. | System and method for rendering of hierarchical data structures |
CN106598574A (zh) * | 2016-11-25 | 2017-04-26 | 腾讯科技(深圳)有限公司 | 页面渲染的方法和装置 |
WO2018103218A1 (zh) * | 2016-12-08 | 2018-06-14 | 武汉斗鱼网络科技有限公司 | 一种ui界面的显示处理方法及装置 |
CN110688531A (zh) * | 2019-08-26 | 2020-01-14 | 北京旷视科技有限公司 | 树组件渲染方法和装置、数据处理设备及介质 |
CN110689600A (zh) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | 树形组件的渲染方法和装置、可读存储介质、电子设备 |
Non-Patent Citations (1)
Title |
---|
耿庆田;狄婧;常亮;赵宏伟;: "基于B+树的数据索引存储" * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860692A (zh) * | 2021-01-29 | 2021-05-28 | 城云科技(中国)有限公司 | 一种数据库表结构转换方法、装置及其电子设备 |
CN114090157A (zh) * | 2021-11-18 | 2022-02-25 | 中国平安财产保险股份有限公司 | 树形控件的数据处理方法、装置、设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111539186B (zh) | 2023-05-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7917846B2 (en) | Web clip using anchoring | |
US10318095B2 (en) | Reader mode presentation of web content | |
US10185782B2 (en) | Mode identification for selective document content presentation | |
US7752534B2 (en) | Method and apparatus for customizing the display of multidimensional data | |
US9047346B2 (en) | Reporting language filtering and mapping to dimensional concepts | |
US20150262395A1 (en) | Sample data computation for rendering of graph elements | |
US20150067476A1 (en) | Title and body extraction from web page | |
US20130326333A1 (en) | Mobile Content Management System | |
KR20180131531A (ko) | 기계 학습 기반 웹 인터페이스 생성 및 테스팅 시스템 | |
CN112506509B (zh) | 一种实现树形控件支持大数据渲染的方法及相关装置 | |
US20130038612A1 (en) | Automatic generation of trend charts | |
WO2008154120A1 (en) | Creating web clips | |
US20190065444A1 (en) | Techniques for efficient & high-throughput web content-creation | |
CN103597469A (zh) | 集成开发环境中的实况浏览器工具 | |
CN103593414A (zh) | 一种浏览器中网页的展现方法和装置 | |
CN111539186A (zh) | 一种应用于html5的大数据树组件实现方法及*** | |
CN116468010A (zh) | 报表生成方法、装置、终端及存储介质 | |
US20080282150A1 (en) | Finding important elements in pages that have changed | |
CN113177168A (zh) | 一种基于Web元素属性特征的定位方法 | |
US20120159376A1 (en) | Editing data records associated with static images | |
CN111367514A (zh) | 页面卡片的开发方法和装置、计算设备和存储介质 | |
CN106951429B (zh) | 增强网页评论显示的方法、浏览器及设备 | |
CN116821534A (zh) | 基于滚动加载定位网页页面的方法和*** | |
US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
US20120150899A1 (en) | System and method for selectively generating tabular data from semi-structured content |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |