树形控件大数据展现方法、装置、设备及存储介质制造方法及图纸

技术编号:36431603 阅读:38 留言:0更新日期:2023-01-20 22:43
本发明专利技术公开了一种树形控件大数据展现方法、装置、设备及存储介质,所述方法通过在树形控件的视口层初始化构造树,确定构造树的基本配置信息;通过全量数据层获取当前可视范围内的可视层数据和可视层树形结构;根据所述基本配置信息、所述可视层数据和所述可视层树形结构进行数据渲染,获得渲染后的目标数据,并对所述目标数据进行展示,能够对数据进行前后端分离处理,将数据处理逻辑放置在服务器端,减少了前端资源消耗,避免了树形组件在大数据量承载占用过多内存的情况,降低了浏览器崩溃风险,降低了界面绘制时间,能够在web端快速展示,缩短了树形控件大数据展现的耗费时间,提高了树形控件大数据展现的速度和效率。高了树形控件大数据展现的速度和效率。高了树形控件大数据展现的速度和效率。

【技术实现步骤摘要】
树形控件大数据展现方法、装置、设备及存储介质


[0001]本专利技术涉及计算机软件
,尤其涉及一种树形控件大数据展现方法、装置、设备及存储介质。

技术介绍

[0002]随着数据爆炸性增长,对于用户界面侧的数据展现样式要求越来越多,而树形组件作为具备父子结构、和分类显示等多重特性的用户界面(User Interface,UI)控件,是使用度和接受度比较高的主流控件之一,而现有的树形组件在大数据量承载的时候会出现一些问题:占用内存太多浏览器存在极大崩溃的风险;界面绘制时间随数据量的增加而变长,并且如果是在传统的web端以dom元素进行展现几乎无法完成。

技术实现思路

[0003]本专利技术的主要目的在于提供一种树形控件大数据展现方法、装置、设备及存储介质,旨在解决现有技术中现有的树形组件在大数据量承载占用内存太多,浏览器存在极大崩溃的风险,界面绘制时间较长,无法在传统web端快速展示的技术问题。
[0004]第一方面,本专利技术提供一种树形控件大数据展现方法,所述树形控件大数据展现方法包括以下步骤:
[0005本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种树形控件大数据展现方法,其特征在于,所述树形控件大数据展现方法包括:在树形控件的视口层初始化构造树,确定构造树的基本配置信息;通过全量数据层获取当前可视范围内的可视层数据和可视层树形结构;根据所述基本配置信息、所述可视层数据和所述可视层树形结构进行数据渲染,获得渲染后的目标数据,并对所述目标数据进行展示。2.如权利要求1所述的树形控件大数据展现方法,其特征在于,所述在树形控件的视口层初始化构造树,确定构造树的基本配置信息,包括:在浏览器Web客户端下的树形控件的视口层对当前构造树进行初始化,获得初始化构造树,并获取所述初始化构造树对应的基本配置信息。3.如权利要求1所述的树形控件大数据展现方法,其特征在于,所述通过全量数据层获取当前可视范围内的可视层数据和可视层树形结构,包括:通过全量数据层提供的节点关系存储对象TreeRelation数组从根节点开始对初始化构造树进行先序遍历,获得树节点ID;通过所述树节点ID向所述全量数据层获取节点数据,将所述节点数据放入视口层的数据中,判断当前节点是否为非叶子节点,获得判断结果;根据所述判断结果生成可视层数据和可视层树形结构。4.如权利要求3所述的树形控件大数据展现方法,其特征在于,所述根据所述判断结果生成可视层数据和可视层树形结构,包括:在所述判断结果为所述当前节点为非叶子节点时,判断所述当前节点是否为收拢状态;在所述当前节点不为收拢状态,或所述判断结果为所述当前节点为叶子节点时,获取所述当前节点的所有孩子节点,遍历所述所有孩子节点,重复遍历获取树节点ID;在所述当前节点为收拢状态时,将遍历出来的可供视口层显示的数据作为可视层数据,将所述可视层数据进行数据组合,生成可视层树形结构。5.如权利要求1所述的树形控件大数据展现方法,其特征在于,所述根据所述基本配置信息、所述可视层数据和所述可视层树形结构进行数据渲染,获得渲染后的目标数据,并对所述目标数据进行展示之前,所述树形控件大数据展现方法还包括:在检测到用户通过API接口对树节点数据进行调整时,对所述全量数据层、所述可视层和所述视口层进行数据更新。6.如权利要求5所述的树形控件大数据展现方法,其特征在于,所述在检测到用户通过API接口对树节点数据进行调整时,对所述全量数据层、所述可视层和所述视...

【专利技术属性】
技术研发人员:刘言军季小庭柯曾勇尹曦宇
申请(专利权)人:武汉烽火信息集成技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1