基于动态分页技术展示大数据量的树数据的方法及系统技术方案

本发明专利技术提供一种基于动态分页技术展示大数据量的树数据的方法及系统，其中，方法包括：获取需要展示的大数据量的树数据；将树数据展开成列表，并在视窗中进行输出；监听用户基于视窗输入的滚动事件；基于滚动事件中的滚动距离，计算索引值；基于索引值，从列表中确定下一页数据，并在视窗中进行输出。本发明专利技术的基于动态分页技术展示大数据量的树数据的方法及系统，本申请的技术方案，在页面第一次加载时，只需要渲染第一页的树数据，由于需要渲染的树的节点数量减少，可以有效地提高首屏渲染速度。另外，在发生用户交互操作时，由于页面中存在的树节点数量大幅度减少，从根本上解决了传统的渲染树方法导致的页面卡顿的问题。的渲染树方法导致的页面卡顿的问题。的渲染树方法导致的页面卡顿的问题。

【技术实现步骤摘要】
基于动态分页技术展示大数据量的树数据的方法及系统


[0001]本专利技术涉及软件应用
，特别涉及一种基于动态分页技术展示大数据量的树数据的方法及系统。

技术介绍

[0002]目前，现有技术在渲染树数据时，一般采用递归的方式，进行全量渲染，将整棵树数据都渲染到页面中。现有的树组件没有考虑到大数据量的情景，在渲染大数据量的树数据的时候，由于将整个树数据都渲染出来，这样由于页面中的树节点过多，导致用户在对树进行操作时，出现卡顿或延迟的现象，严重影响用户体验。存在这种问题的原因是当树在发生交互操作时，如果页面中的渲染的树节点过多，会导致所有的树节点频繁的发生重绘重排操作，导致页面卡顿。
[0003]因此，亟需一种解决办法。

技术实现思路

[0004]本专利技术目的之一在于提供了一种基于动态分页技术展示大数据量的树数据的方法，通过本申请的技术方案，在页面第一次加载时，只需要渲染第一页的树数据，由于需要渲染的树的节点数量减少，可以有效地提高首屏渲染速度。另外，在发生用户交互操作时，由于页面中存在的树节点数量大幅度减少，从根本上解决了传统的渲染树方法导致的页面卡顿的问题。
[0005]本专利技术实施例提供的一种基于动态分页技术展示大数据量的树数据的方法，包括：获取需要展示的大数据量的树数据；将树数据展开成列表，并在视窗中进行输出；监听用户基于视窗输入的滚动事件；基于滚动事件中的滚动距离，计算索引值；基于索引值，从列表中确定下一页数据，并在视窗中进行输出。
[0006]优选的，将树数据展开成列表，包括：将树数据中每一树节点的节点数据作为一个元素；在每一元素旁添加表示树节点的节点层级的deepness值；按照树节点的节点先后顺序对元素进行排列，获得列表。
[0007]优选的，监听用户基于所述视窗输入的滚动事件，包括：监听用户基于鼠标输入的滚动操作，将所述滚动操作作为滚动事件；和/或，监听用户输入的滚动操作文字指令，基于所述滚动操作文字指令，确定滚动事件；和/或，监听用户输入的滚动操作语音指令，基于所述滚动操作语音指令，确定滚动事件。
[0008]优选的，基于滚动事件中的滚动距离，计算索引值，包括：其中，为索引值，为取整函数，为列表的总高度，为滚动事件中的滚动距离；其中，为元素的节点高度，为元素的总数目。
[0009]优选的，基于索引值，从列表中确定下一页数据，包括：获取视窗的视窗高度；基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数；从列表中索引值对应的目标位置开始向后截取数据条数个目标数据，并作为下一页数据；其中，基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数，包括：其中，视窗内最大可展示的数据条数，为取整函数，为视窗高度，为元素的节点高度。
[0010]优选的，在视窗中输出下一页数据，包括：根据下一页数据中每一元素旁的deepness值，计算缩进值；基于缩进值，对下一页数据中对应元素进行缩进，获得待展示数据；在视窗中输出待展示数据；其中，根据下一页数据中每一元素旁的deepness值，计算缩进值，包括：其中，为缩进值，为元素旁的deepness值，为预设的常量。
[0011]优选的，基于动态分页技术展示大数据量的树数据的方法，还包括：获取用户查看视窗时产生的疑问项，在视窗内对疑问项进行解答。
[0012]其中，获取用户查看视窗时产生的疑问项，包括：获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；对第一移动轨迹进行预处理，获得第二移动轨迹；依次遍历视窗内的多个内容块；每次遍历时，确定第二移动轨迹中存在于遍历到的内容块中的部分移动轨迹；对部分移动轨迹进行特征提取，获得多个第一轨迹特征；基于多个第一轨迹特征，构建第一轨迹特征向量；获取遍历到的内容块内的内容布局对应的预设的内容块注意判定库，内容块注意
判定库包括：多个第二轨迹特征向量；将第一轨迹特征向量与任一第二轨迹特征向量进行匹配；若匹配符合，获取遍历到的内容块内的内容类型对应的预设的疑问触发语义库，疑问触发语义库包括：多组一一对应的疑问语义和疑问内容；获取最近预设的时间内用户输入的语音信息；对语音信息进行语义提取，获得多个语音语义；将语音语义与任一疑问语义进行匹配；若匹配符合，将匹配符合的疑问语义对应的疑问内容作为用户查看视窗时产生的疑问项，完成获取；其中，对第一移动轨迹进行预处理，包括：基于预设的轨迹分段间隔，对第一移动轨迹进行分段，获得多个轨迹段；对轨迹段进行特征提取，获得多个第二轨迹特征；基于第二多个轨迹特征，构建第三轨迹特征向量；获取预设的轨迹段剔除判定库，轨迹段剔除判定库包括：多个第四轨迹特征向量；将第三轨迹特征向量与任一第四轨迹特征向量进行匹配；若匹配符合，从第一移动轨迹中剔除对应轨迹段；当需要剔除的轨迹段均剔除后，将第一移动轨迹作为第二移动轨迹，完成预处理。
[0013]优选的，在视窗内对疑问项进行解答，包括：获取视窗内空闲的至少一个显示块的显示位置和显示方向；获取用户产生疑问项时查看的内容块的内容位置；依次遍历显示块；每次遍历时，基于内容位置和由内容位置向遍历到的显示块的显示位置的直线方向，构建第一方向向量；基于遍历到的显示块的显示位置和由遍历到的显示块的显示位置向内容位置的直线方向，构建第二方向向量；获取用户对应的预设的查看习惯符合判定库，查看习惯符合判定库包括：多个第三方向向量；计算第一方向向量与任一第三方向向量之间的第一向量夹角；计算第二方向向量与任一第三方向向量之间的第二向量夹角；计算最小第一向量夹角与最小第二向量夹角的向量夹角和；遍历显示块结束后，将小于等于预设的向量夹角和阈值的向量夹角和对应的显示块作为目标显示块；获取用户当前的眼部位置和视线朝向；基于眼部位置和视线朝向，构建第三方向向量；获取目标显示块的显示位置和显示方向；基于目标显示块的显示位置和显示方向，构建第四方向向量；计算第三方向向量与第四方向向量之间的第三向量夹角；获取疑问项对应的解释内容；通过最大第三向量夹角对应的目标显示块显示解释内容。
[0014]本专利技术实施例提供的一种基于动态分页技术展示大数据量的树数据的系统，包括：获取模块，用于获取需要展示的大数据量的树数据；展开模块，用于将树数据展开成列表，并在视窗中进行输出；监听模块，用于监听用户基于视窗输入的滚动事件；计算模块，用于基于滚动事件中的滚动距离，计算索引值；确定模块，用于基于索引值，从列表中确定下一页数据，并在视窗中进行输出。
[0015]优选的，展开模块将树数据展开成列表，包括：将树数据中每一树节点的节点数据作为一个元素；在每一元素旁添加表示树节点的节点层级的deepness值；按照树节点的节点先后顺序对元素进行排列，获得列表。
[0016]本专利技术的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0017]下面通过附图和实施例，对本专利技术的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，包括：获取需要展示的大数据量的树数据；将所述树数据展开成列表，并在视窗中进行输出；监听用户基于所述视窗输入的滚动事件；基于所述滚动事件中的滚动距离，计算索引值；基于所述索引值，从所述列表中确定下一页数据，并在视窗中进行输出。2.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，将所述树数据展开成列表，包括：将所述树数据中每一树节点的节点数据作为一个元素；在每一所述元素旁添加表示所述树节点的节点层级的deepness值；按照所述树节点的节点先后顺序对所述元素进行排列，获得列表。3.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，监听用户基于所述视窗输入的滚动事件，包括：监听用户基于鼠标输入的滚动操作，将所述滚动操作作为滚动事件；和/或，监听用户输入的滚动操作文字指令，基于所述滚动操作文字指令，确定滚动事件；和/或，监听用户输入的滚动操作语音指令，基于所述滚动操作语音指令，确定滚动事件。4.如权利要求2所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，基于所述滚动事件中的滚动距离，计算索引值，包括：其中，为索引值，为取整函数，为所述列表的总高度，为所述滚动事件中的滚动距离；其中，为所述元素的节点高度，为所述元素的总数目。5.如权利要求4所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，基于所述索引值，从所述列表中确定下一页数据，包括：获取视窗的视窗高度；基于所述视窗高度和所述元素的节点高度，计算所述视窗内最大可展示的数据条数；从所述列表中所述索引值对应的目标位置开始向后截取所述数据条数个目标数据，并作为下一页数据；其中，基于所述视窗高度和所述元素的节点高度，计算所述视窗内最大可展示的数据条数，包括：其中，所述视窗内最大可展示的数据条数，为取整函数，
为所述视窗高度，为所述元素的节点高度。6.如权利要求5所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，在视窗中输出所述下一页数据，包括：根据所述下一页数据中每一所述元素旁的deepness值，计算缩进值；基于所述缩进值，对所述下一页数据中对应所述元素进行缩进，获得待展示数据；在视窗中输出所述待展示数据；其中，根据所述下一页数据中每一所述元素旁的deepness值，计算缩进值，包括：其中，为缩进值，为所述元素旁的deepness值，为预设的常量。7.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，还包括：获取用户查看视窗时产生的疑问项，在视窗内对所述疑问项进行解答；其中，获取用户查看视窗时产生的疑问项，包括：获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；对所述第一移动轨迹进行预处理，获得第二移动轨迹；依次遍历视窗内的多个内容块；每次遍历时，确定所述第二移动轨迹中存在于遍历到的所述内容块中的部分移动轨迹；对所述部分移动轨迹进行特征提取，获得多个第一轨迹特征；基于所述多个第一轨迹特征，构建第一轨迹特征向量；获取遍历到的所述内容块内的内容布局对应的预设的内容块注意判定库，所述内容块注意判定库包括：多个第二轨迹特...

【专利技术属性】
技术研发人员：陈俊卿，
申请(专利权)人：北京滴普科技有限公司，
类型：发明
国别省市：