CN115408095B - 基于动态分页技术展示大数据量的树数据的方法及*** - Google Patents
基于动态分页技术展示大数据量的树数据的方法及*** Download PDFInfo
- Publication number
- CN115408095B CN115408095B CN202211360095.9A CN202211360095A CN115408095B CN 115408095 B CN115408095 B CN 115408095B CN 202211360095 A CN202211360095 A CN 202211360095A CN 115408095 B CN115408095 B CN 115408095B
- Authority
- CN
- China
- Prior art keywords
- window
- track
- data
- content
- user
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000012544 monitoring process Methods 0.000 claims abstract description 23
- 239000013598 vector Substances 0.000 claims description 121
- 238000007373 indentation Methods 0.000 claims description 13
- 230000011218 segmentation Effects 0.000 claims description 7
- 230000008030 elimination Effects 0.000 claims description 6
- 238000003379 elimination reaction Methods 0.000 claims description 6
- 238000000605 extraction Methods 0.000 claims description 6
- 238000007781 pre-processing Methods 0.000 claims description 6
- 238000004364 calculation method Methods 0.000 claims description 5
- 230000004438 eyesight Effects 0.000 claims description 4
- 238000005096 rolling process Methods 0.000 claims 1
- 238000009877 rendering Methods 0.000 abstract description 8
- 230000003993 interaction Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000004075 alteration Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种基于动态分页技术展示大数据量的树数据的方法及***，其中，方法包括：获取需要展示的大数据量的树数据；将树数据展开成列表，并在视窗中进行输出；监听用户基于视窗输入的滚动事件；基于滚动事件中的滚动距离，计算索引值；基于索引值，从列表中确定下一页数据，并在视窗中进行输出。本发明的基于动态分页技术展示大数据量的树数据的方法及***，本申请的技术方案，在页面第一次加载时，只需要渲染第一页的树数据，由于需要渲染的树的节点数量减少，可以有效地提高首屏渲染速度。另外，在发生用户交互操作时，由于页面中存在的树节点数量大幅度减少，从根本上解决了传统的渲染树方法导致的页面卡顿的问题。
Description
技术领域
本发明涉及软件应用技术领域，特别涉及一种基于动态分页技术展示大数据量的树数据的方法及***。
背景技术
目前，现有技术在渲染树数据时，一般采用递归的方式，进行全量渲染，将整棵树数据都渲染到页面中。现有的树组件没有考虑到大数据量的情景，在渲染大数据量的树数据的时候，由于将整个树数据都渲染出来，这样由于页面中的树节点过多，导致用户在对树进行操作时，出现卡顿或延迟的现象，严重影响用户体验。存在这种问题的原因是当树在发生交互操作时，如果页面中的渲染的树节点过多，会导致所有的树节点频繁的发生重绘重排操作，导致页面卡顿。
因此，亟需一种解决办法。
发明内容
本发明目的之一在于提供了一种基于动态分页技术展示大数据量的树数据的方法，通过本申请的技术方案，在页面第一次加载时，只需要渲染第一页的树数据，由于需要渲染的树的节点数量减少，可以有效地提高首屏渲染速度。另外，在发生用户交互操作时，由于页面中存在的树节点数量大幅度减少，从根本上解决了传统的渲染树方法导致的页面卡顿的问题。
本发明实施例提供的一种基于动态分页技术展示大数据量的树数据的方法，包括：
获取需要展示的大数据量的树数据；
将树数据展开成列表，并在视窗中进行输出；
监听用户基于视窗输入的滚动事件；
基于滚动事件中的滚动距离，计算索引值；
基于索引值，从列表中确定下一页数据，并在视窗中进行输出。
优选的，将树数据展开成列表，包括：
将树数据中每一树节点的节点数据作为一个元素；
在每一元素旁添加表示树节点的节点层级的deepness值；
按照树节点的节点先后顺序对元素进行排列，获得列表。
优选的，监听用户基于所述视窗输入的滚动事件，包括：
监听用户基于鼠标输入的滚动操作，将所述滚动操作作为滚动事件；
和/或，
监听用户输入的滚动操作文字指令，基于所述滚动操作文字指令，确定滚动事件；
和/或，
监听用户输入的滚动操作语音指令，基于所述滚动操作语音指令，确定滚动事件。
优选的，基于滚动事件中的滚动距离，计算索引值，包括：
其中，
为索引值，
为取整函数，
为列表的总高
度，
为滚动事件中的滚动距离；
其中，
为元素的节点高度，
为元素的总数目。
优选的，基于索引值，从列表中确定下一页数据，包括：
获取视窗的视窗高度；
基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数；
从列表中索引值对应的目标位置开始向后截取数据条数个目标数据，并作为下一页数据；
其中，基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数，包括：
其中，
视窗内最大可展示的数据条数，
为取整函数，
为
视窗高度，
为元素的节点高度。
优选的，在视窗中输出下一页数据，包括：
根据下一页数据中每一元素旁的deepness值，计算缩进值；
基于缩进值，对下一页数据中对应元素进行缩进，获得待展示数据；
在视窗中输出待展示数据；
其中，根据下一页数据中每一元素旁的deepness值，计算缩进值，包括：
其中，
为缩进值，
为元素旁的deepness值，
为预设的常量。
优选的，基于动态分页技术展示大数据量的树数据的方法，还包括：
获取用户查看视窗时产生的疑问项，在视窗内对疑问项进行解答。
其中，获取用户查看视窗时产生的疑问项，包括：
获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；
对第一移动轨迹进行预处理，获得第二移动轨迹；
依次遍历视窗内的多个内容块；
每次遍历时，确定第二移动轨迹中存在于遍历到的内容块中的部分移动轨迹；
对部分移动轨迹进行特征提取，获得多个第一轨迹特征；
基于多个第一轨迹特征，构建第一轨迹特征向量；
获取遍历到的内容块内的内容布局对应的预设的内容块注意判定库，内容块注意判定库包括：多个第二轨迹特征向量；
将第一轨迹特征向量与任一第二轨迹特征向量进行匹配；
若匹配符合，获取遍历到的内容块内的内容类型对应的预设的疑问触发语义库，疑问触发语义库包括：多组一一对应的疑问语义和疑问内容；
获取最近预设的时间内用户输入的语音信息；
对语音信息进行语义提取，获得多个语音语义；
将语音语义与任一疑问语义进行匹配；
若匹配符合，将匹配符合的疑问语义对应的疑问内容作为用户查看视窗时产生的疑问项，完成获取；
其中，对第一移动轨迹进行预处理，包括：
基于预设的轨迹分段间隔，对第一移动轨迹进行分段，获得多个轨迹段；
对轨迹段进行特征提取，获得多个第二轨迹特征；
基于第二多个轨迹特征，构建第三轨迹特征向量；
获取预设的轨迹段剔除判定库，轨迹段剔除判定库包括：多个第四轨迹特征向量；
将第三轨迹特征向量与任一第四轨迹特征向量进行匹配；
若匹配符合，从第一移动轨迹中剔除对应轨迹段；
当需要剔除的轨迹段均剔除后，将第一移动轨迹作为第二移动轨迹，完成预处理。
优选的，在视窗内对疑问项进行解答，包括：
获取视窗内空闲的至少一个显示块的显示位置和显示方向；
获取用户产生疑问项时查看的内容块的内容位置；
依次遍历显示块；
每次遍历时，基于内容位置和由内容位置向遍历到的显示块的显示位置的直线方向，构建第一方向向量；
基于遍历到的显示块的显示位置和由遍历到的显示块的显示位置向内容位置的直线方向，构建第二方向向量；
获取用户对应的预设的查看习惯符合判定库，查看习惯符合判定库包括：多个第三方向向量；
计算第一方向向量与任一第三方向向量之间的第一向量夹角；
计算第二方向向量与任一第三方向向量之间的第二向量夹角；
计算最小第一向量夹角与最小第二向量夹角的向量夹角和；
遍历显示块结束后，将小于等于预设的向量夹角和阈值的向量夹角和对应的显示块作为目标显示块；
获取用户当前的眼部位置和视线朝向；
基于眼部位置和视线朝向，构建第三方向向量；
获取目标显示块的显示位置和显示方向；
基于目标显示块的显示位置和显示方向，构建第四方向向量；
计算第三方向向量与第四方向向量之间的第三向量夹角；
获取疑问项对应的解释内容；
通过最大第三向量夹角对应的目标显示块显示解释内容。
本发明实施例提供的一种基于动态分页技术展示大数据量的树数据的***，包括：
获取模块，用于获取需要展示的大数据量的树数据；
展开模块，用于将树数据展开成列表，并在视窗中进行输出；
监听模块，用于监听用户基于视窗输入的滚动事件；
计算模块，用于基于滚动事件中的滚动距离，计算索引值；
确定模块，用于基于索引值，从列表中确定下一页数据，并在视窗中进行输出。
优选的，展开模块将树数据展开成列表，包括：
将树数据中每一树节点的节点数据作为一个元素；
在每一元素旁添加表示树节点的节点层级的deepness值；
按照树节点的节点先后顺序对元素进行排列，获得列表。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例中一种基于动态分页技术展示大数据量的树数据的方法的示意图；
图2为本发明实施例中树数据展开为列表数据的示意图；
图3为本发明实施例中根据滚动高度计算出列表索引值的示意图；
图4为本发明实施例中从指定索引，截取列表部分数据的示意图；
图5为本发明实施例中树节点的层级距离计算的示意图；
图6为本发明实施例中一种基于动态分页技术展示大数据量的树数据的***的示意图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
本发明实施例提供了一种基于动态分页技术展示大数据量的树数据的方法，如图1所示，包括：
步骤1：获取需要展示的大数据量的树数据；
步骤2：将树数据展开成列表，并在视窗中进行输出；
步骤3：监听用户基于视窗输入的滚动事件；
步骤4：基于滚动事件中的滚动距离，计算索引值；
步骤5：基于索引值，从列表中确定下一页数据，并在视窗中进行输出。
将树数据展开成列表，包括：
将树数据中每一树节点的节点数据作为一个元素；
在每一元素旁添加表示树节点的节点层级的deepness值；
按照树节点的节点先后顺序对元素进行排列，获得列表。
监听用户基于所述视窗输入的滚动事件，包括：
监听用户基于鼠标输入的滚动操作，将所述滚动操作作为滚动事件；
和/或，
监听用户输入的滚动操作文字指令，基于所述滚动操作文字指令，确定滚动事件；
和/或，
监听用户输入的滚动操作语音指令，基于所述滚动操作语音指令，确定滚动事件。
基于滚动事件中的滚动距离，计算索引值，包括：
其中，
为索引值，
为取整函数，
为列表的总高
度，
为滚动事件中的滚动距离；
其中，
为元素的节点高度，
为元素的总数目。
基于索引值，从列表中确定下一页数据，包括：
获取视窗的视窗高度；
基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数；
从列表中索引值对应的目标位置开始向后截取数据条数个目标数据，并作为下一页数据；
其中，基于视窗高度和元素的节点高度，计算视窗内最大可展示的数据条数，包括：
其中，
视窗内最大可展示的数据条数，
为取整函数，
为
视窗高度，
为元素的节点高度。
在视窗中输出下一页数据，包括：
根据下一页数据中每一元素旁的deepness值，计算缩进值；
基于缩进值，对下一页数据中对应元素进行缩进，获得待展示数据；
在视窗中输出待展示数据；
其中，根据下一页数据中每一元素旁的deepness值，计算缩进值，包括：
其中，
为缩进值，
为元素旁的deepness值，
为预设的常量。
上述技术方案的工作原理及有益效果为：
获取大数据量的树数据之后，首先将树数据展开为列表数据，以便为后续的分页做准备。如图2所示，利用递归将树的节点（Node1、Node2和Node3等）展开为列表，并且在每个节点添加deepness 标签（deepness=1、deepness=2和deepness=3等），以记录该节点处于哪个层级。监听滚动事件时，则确定用户查看视窗时是否输入滚动操作（监听滚动事件由三种方式：一、用户使用鼠标滚轮输入；二、用户输入文字指令。三、用户输入语音指令，例如：，例如：用户输入“跳到第七页”则确定滚动页面至第七页，又例如：用户说出“搜索包含用户名为xx的节点”，则视窗内进行搜索并跳转。）。如图3所示，监听滚动事件，根据滚动距离计算出列表的索引值，索引值的计算公式为：Index = Math.floor(Total Height / ScrollHeight)，其中，Total Height 为整个列表的高度，假设列表元素总个数为 N，则TotalHeight = Node Height * N，因此，可得：Index = Math.floor(Node Height * N /Scroll Height)。如图4所示，根据索引值从列表中获取用于展示的下一页数据，将视窗高度（View Height）除以节点高度（Node Height），可以得到视窗范围内最多可以展示多少条数据，我们用 M 表示视窗范围内最大可展示的的数据条数，则：M = Math.ceil(ViewHeight / Node Height)，根据上一步得到的索引值，可以从列表中截取需要展示的下一页数据，等待进行输出，实现动态分页。如图5所示，输出下一页数据时，根据每个节点的deepness 值，乘以缩进值（常量K），可得到该节点的缩进值P，即：P = deepness * K，基于缩进值，设置缩进量，展示该节点的层级效果。
通过本申请的技术方案，在页面第一次加载时，只需要渲染第一页的树数据，由于需要渲染的树的节点数量减少，可以有效地提高首屏渲染速度。另外，在发生用户交互操作时，由于页面中存在的树节点数量大幅度减少，从根本上解决了传统的渲染树方法导致的页面卡顿的问题。
在一个实施例中，基于动态分页技术展示大数据量的树数据的方法，还包括：
获取用户查看视窗时产生的疑问项，在视窗内对疑问项进行解答。
上述技术方案的工作原理及有益效果为：
一般的，树数据的展示对象多为客户，当客户在查看时，可能会产生疑问，需要和相关人员进行咨询对接，影响客户查看进度，例如：客户在查看企业职位层级分布树数据时，不清楚某职位层级为何这样划分。因此，可以获取用户查看视窗时产生的疑问项，在视窗内对疑问项进行解答。提升客户的查看进度以及客户体验，更提升视窗的人性化。
在一个实施例中，获取用户查看视窗时产生的疑问项，包括：
获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；
对第一移动轨迹进行预处理，获得第二移动轨迹；
依次遍历视窗内的多个内容块；
每次遍历时，确定第二移动轨迹中存在于遍历到的内容块中的部分移动轨迹；
对部分移动轨迹进行特征提取，获得多个第一轨迹特征；
基于多个第一轨迹特征，构建第一轨迹特征向量；
获取遍历到的内容块内的内容布局对应的预设的内容块注意判定库，内容块注意判定库包括：多个第二轨迹特征向量；
将第一轨迹特征向量与任一第二轨迹特征向量进行匹配；
若匹配符合，获取遍历到的内容块内的内容类型对应的预设的疑问触发语义库，疑问触发语义库包括：多组一一对应的疑问语义和疑问内容；
获取最近预设的时间内用户输入的语音信息；
对语音信息进行语义提取，获得多个语音语义；
将语音语义与任一疑问语义进行匹配；
若匹配符合，将匹配符合的疑问语义对应的疑问内容作为用户查看视窗时产生的疑问项，完成获取；
其中，对第一移动轨迹进行预处理，包括：
基于预设的轨迹分段间隔，对第一移动轨迹进行分段，获得多个轨迹段；
对轨迹段进行特征提取，获得多个第二轨迹特征；
基于第二多个轨迹特征，构建第三轨迹特征向量；
获取预设的轨迹段剔除判定库，轨迹段剔除判定库包括：多个第四轨迹特征向量；
将第三轨迹特征向量与任一第四轨迹特征向量进行匹配；
若匹配符合，从第一移动轨迹中剔除对应轨迹段；
当需要剔除的轨迹段均剔除后，将第一移动轨迹作为第二移动轨迹，完成预处理。
上述技术方案的工作原理及有益效果为：
一般的，疑问项的获取均是用户口头说出，进行语音识别确定。但是，视窗内一页的内容有很多，一些内容用户也只是粗略看一下，也提出疑问，用户没有深度理解则直接进行解答，可能造成解答内容用户也不能看懂，例如：一些专业性内容，用户查看解答内容需要结合内容本身理解，造成解答资源的浪费。因此，亟需进行解决。
本申请首先确定用户深度查看的内容块，引入内容块内的内容类型对应的预设的疑问触发语义库，疑问触发语义库多组一一对应的疑问语义和疑问内容具体为：疑问语义为用户查看该内容类型时用户可能会提出的问题的发言的语义，疑问内容则与疑问语义对应，例如：内容类型为职位层级，用户可能会提出疑问的语义为“职位层级为何这样分”，疑问内容则为“职位层级的划分规则和依据”。将由最近预设的时间内用户输入的语音信息提出的语音语义与疑问语义进行匹配，若匹配符合，说明用户确实提出疑问，待进行解答。有针对性地对用户深度查看某内容块时提出的疑问进行解答，避免出现解答资源的浪费的情况发生，提升解答效率，同时，也更加智能化。
确定用户深度查看的内容块时，依次遍历视窗内的多个内容块，内容块具体为视窗内的内容显示区域。每次遍历时，确定所述第二移动轨迹中存在于遍历到的所述内容块中的部分移动轨迹，提取出第一轨迹特征，第一轨迹特征具体为轨迹上的轨迹停留点的数目、轨迹停留点的停留时长、轨迹长度和轨迹上任一点的移动方向等。基于第一轨迹特征，构建第一轨迹特征向量。引入内容块内的内容布局对应的预设的内容块注意判定库，内容块注意判定库中的第二轨迹特征向量具体为由用户查看该内容布局时的内容时若深度查看应产生的视线移动轨迹的特征（例如：内容文字方向由左向右，则轨迹上任一点的移动方向则为从左到右）构建成的特征向量。将第一轨迹特征向量与任一第二轨迹特征向量进行匹配，若匹配符合，说明用户深度查看遍历到的内容块。基于视线轨迹移动情况，结合内容布局对应的内容块注意判定库中的第二轨迹特征向量，进行深度查看判定，提升了判定的针对性和精准性。
一般的，用户在查看视窗时，会查看一些无关区域，例如：空白内容区域等，需要剔除查看这类无关区域产生的视线移动轨迹。因此，对第一移动轨迹进行预处理。引入预设的轨迹分段间隔，轨迹分段间隔具体为，例如：3cm。基于轨迹分段间隔，对第一移动轨迹进行分段，获得多个轨迹段。提取出轨迹段的第二轨迹特征，并构建第三轨迹特征向量。引入预设的轨迹段剔除判定库，轨迹段剔除判定库中的第四轨迹特征向量具体为由用户查看该无关区域时的产生的视线移动轨迹（例如：轨迹停留点数目为0等）的特征构建成的特征向量。将第三轨迹特征向量与任一第四轨迹特征向量进行匹配，若匹配符合，说明用户产生对应轨迹段时，查看无关区域，从第一移动轨迹中剔除对应轨迹段。极大程度上减少了用户深度查看的内容块的确定资源。
在一个实施例中，在视窗内对疑问项进行解答，包括：
获取视窗内空闲的至少一个显示块的显示位置和显示方向；
获取用户产生疑问项时查看的内容块的内容位置；
依次遍历显示块；
每次遍历时，基于内容位置和由内容位置向遍历到的显示块的显示位置的直线方向，构建第一方向向量；
基于遍历到的显示块的显示位置和由遍历到的显示块的显示位置向内容位置的直线方向，构建第二方向向量；
获取用户对应的预设的查看习惯符合判定库，查看习惯符合判定库包括：多个第三方向向量；
计算第一方向向量与任一第三方向向量之间的第一向量夹角；
计算第二方向向量与任一第三方向向量之间的第二向量夹角；
计算最小第一向量夹角与最小第二向量夹角的向量夹角和；
遍历显示块结束后，将小于等于预设的向量夹角和阈值的向量夹角和对应的显示块作为目标显示块；
获取用户当前的眼部位置和视线朝向；
基于眼部位置和视线朝向，构建第三方向向量；
获取目标显示块的显示位置和显示方向；
基于目标显示块的显示位置和显示方向，构建第四方向向量；
计算第三方向向量与第四方向向量之间的第三向量夹角；
获取疑问项对应的解释内容；
通过最大第三向量夹角对应的目标显示块显示解释内容。
上述技术方案的工作原理及有益效果为：
视窗内空闲的显示块为暂无显示内容的内容区域，显示位置为该内容区域的位置，显示方向为视窗的显示屏上垂直于该内容区域向外的方向。用户产生疑问项时查看的内容块则为用户提出疑问时深度查看的内容块。第一方向向量和第二方向向量反应了若在显示块中进行解释，用户一边查看提出疑问时深度查看的内容块，另一边查看解释内容时，来回移动的方向情况。引入用户对应的预设的查看习惯符合判定库，查看习惯符合判定库中的第三方向向量反应了用户习惯的边查看解释边查看内容的来回移动方向情况，例如：用户习惯解释内容在右侧，则第三方向向量反应的方向情况为从左到右和从右到左。第一向量夹角越小或第二向量夹角越小，说明若在对显示块中解释，解释的位置布局越符合用户查看习惯。计算最小第一向量夹角与最小第二向量夹角的向量夹角和。若向量夹角和小于等于预设的向量夹角和阈值，则说明对应显示块的位置布局足够符合用户查看习惯，作为目标显示块。一般的，若用户完全正视目标显示块，第三向量夹角为180度，若完全侧对着目标显示块，第三向量夹角为90度，因此，第三向量夹角越大，说明用户查看角度越佳，通过最大第三向量夹角对应的目标显示块显示解释内容。疑问项对应的解释内容也由树数据的制作人员预先自主设置。本申请合理选择目标显示块显示解释内容，便于用户以最佳角度查看到，提升了用户体验，也更加人性化，另外，也能够满足用户查看习惯。
本发明实施例提供了一种基于动态分页技术展示大数据量的树数据的***，如图6所示，包括：
获取模块1，用于获取需要展示的大数据量的树数据；
展开模块2，用于将所述树数据展开成列表，并在视窗中进行输出；
监听模块3，用于监听用户基于所述视窗输入的滚动事件；
计算模块4，用于基于所述滚动事件中的滚动距离，计算索引值；
确定模块5，用于基于所述索引值，从所述列表中确定下一页数据，并在视窗中进行输出。
所述展开模块2将所述树数据展开成列表，包括：
将所述树数据中每一树节点的节点数据作为一个元素；
在每一所述元素旁添加表示所述树节点的节点层级的deepness值；
按照所述树节点的节点先后顺序对所述元素进行排列，获得列表。
技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (9)
1.一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，包括：
获取需要展示的大数据量的树数据；
将所述树数据展开成列表，并在视窗中进行输出；
监听用户基于所述视窗输入的滚动事件；
基于所述滚动事件中的滚动距离，计算索引值；
基于所述索引值，从所述列表中确定下一页数据，并在视窗中进行输出;
还包括：
获取用户查看视窗时产生的疑问项，在视窗内对所述疑问项进行解答;
其中，获取用户查看视窗时产生的疑问项，包括：
获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；
对所述第一移动轨迹进行预处理，获得第二移动轨迹；
依次遍历视窗内的多个内容块；
每次遍历时，确定所述第二移动轨迹中存在于遍历到的所述内容块中的部分移动轨迹；
对所述部分移动轨迹进行特征提取，获得多个第一轨迹特征；
基于所述多个第一轨迹特征，构建第一轨迹特征向量；
获取遍历到的所述内容块内的内容布局对应的预设的内容块注意判定库，所述内容块注意判定库包括：多个第二轨迹特征向量；
将所述第一轨迹特征向量与任一所述第二轨迹特征向量进行匹配；
若匹配符合，获取遍历到的所述内容块内的内容类型对应的预设的疑问触发语义库，所述疑问触发语义库包括：多组一一对应的疑问语义和疑问内容；
获取最近预设的时间内用户输入的语音信息；
对所述语音信息进行语义提取，获得多个语音语义；
将所述语音语义与任一所述疑问语义进行匹配；
若匹配符合，将匹配符合的所述疑问语义对应的所述疑问内容作为用户查看视窗时产生的疑问项，完成获取；
其中，对所述第一移动轨迹进行预处理，包括：
基于预设的轨迹分段间隔，对所述第一移动轨迹进行分段，获得多个轨迹段；
对所述轨迹段进行特征提取，获得多个第二轨迹特征；
基于所述第二多个轨迹特征，构建第三轨迹特征向量；
获取预设的轨迹段剔除判定库，所述轨迹段剔除判定库包括：多个第四轨迹特征向量；
将所述第三轨迹特征向量与任一所述第四轨迹特征向量进行匹配；
若匹配符合，从所述第一移动轨迹中剔除对应所述轨迹段；
当需要剔除的所述轨迹段均剔除后，将所述第一移动轨迹作为第二移动轨迹，完成预处理。
2.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，将所述树数据展开成列表，包括：
将所述树数据中每一树节点的节点数据作为一个元素；
在每一所述元素旁添加表示所述树节点的节点层级的deepness值；
按照所述树节点的节点先后顺序对所述元素进行排列，获得列表。
3.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，监听用户基于所述视窗输入的滚动事件，包括：
监听用户基于鼠标输入的滚动操作，将所述滚动操作作为滚动事件；
和/或，
监听用户输入的滚动操作文字指令，基于所述滚动操作文字指令，确定滚动事件；
和/或，
监听用户输入的滚动操作语音指令，基于所述滚动操作语音指令，确定滚动事件。
4.如权利要求2所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，基于所述滚动事件中的滚动距离，计算索引值，包括：
其中，
为索引值，
为取整函数，
为所述列表
的总高度，
为所述滚动事件中的滚动距离；
其中，
为所述元素的节点高度，N为所述元素的总数目。
5.如权利要求4所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，基于所述索引值，从所述列表中确定下一页数据，包括：
获取视窗的视窗高度；
基于所述视窗高度和所述元素的节点高度，计算所述视窗内最大可展示的数据条数；
从所述列表中所述索引值对应的目标位置开始向后截取所述数据条数个目标数据，并作为下一页数据；
其中，基于所述视窗高度和所述元素的节点高度，计算所述视窗内最大可展示的数据条数，包括：
其中，M所述视窗内最大可展示的数据条数，
为取整函数，
为所述视窗高度，
为所述元素的节点高度。
6.如权利要求5所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，在视窗中输出所述下一页数据，包括：
根据所述下一页数据中每一所述元素旁的deepness值，计算缩进值；
基于所述缩进值，对所述下一页数据中对应所述元素进行缩进，获得待展示数据；
在视窗中输出所述待展示数据；
其中，根据所述下一页数据中每一所述元素旁的deepness值，计算缩进值，包括：
其中，P为缩进值，
为所述元素旁的deepness值，K为预设的常量。
7.如权利要求1所述的一种基于动态分页技术展示大数据量的树数据的方法，其特征在于，在视窗内对所述疑问项进行解答，包括：
获取视窗内空闲的至少一个显示块的显示位置和显示方向；
获取用户产生所述疑问项时查看的所述内容块的内容位置；
依次遍历所述显示块；
每次遍历时，基于所述内容位置和由所述内容位置向遍历到的所述显示块的显示位置的直线方向，构建第一方向向量；
基于遍历到的所述显示块的显示位置和由遍历到的所述显示块的显示位置向内容位置的直线方向，构建第二方向向量；
获取用户对应的预设的查看习惯符合判定库，所述查看习惯符合判定库包括：多个第三方向向量；
计算所述第一方向向量与任一所述第三方向向量之间的第一向量夹角；
计算所述第二方向向量与任一所述第三方向向量之间的第二向量夹角；
计算最小所述第一向量夹角与最小所述第二向量夹角的向量夹角和；
遍历所述显示块结束后，将小于等于预设的向量夹角和阈值的所述向量夹角和对应的所述显示块作为目标显示块；
获取用户当前的眼部位置和视线朝向；
基于所述眼部位置和所述视线朝向，构建第三方向向量；
获取所述目标显示块的显示位置和显示方向；
基于所述目标显示块的显示位置和显示方向，构建第四方向向量；
计算所述第三方向向量与所述第四方向向量之间的第三向量夹角；
获取所述疑问项对应的解释内容；
通过最大所述第三向量夹角对应的所述目标显示块显示所述解释内容。
8.一种基于动态分页技术展示大数据量的树数据的***，其特征在于，包括：
获取模块，用于获取需要展示的大数据量的树数据；
展开模块，用于将所述树数据展开成列表，并在视窗中进行输出；
监听模块，用于监听用户基于所述视窗输入的滚动事件；
计算模块，用于基于所述滚动事件中的滚动距离，计算索引值；
确定模块，用于基于所述索引值，从所述列表中确定下一页数据，并在视窗中进行输出;
还包括：
获取用户查看视窗时产生的疑问项，在视窗内对所述疑问项进行解答;
其中，获取用户查看视窗时产生的疑问项，包括：
获取最近预设的时间内用户的眼部视线在视窗内的落点移动形成的第一移动轨迹；
对所述第一移动轨迹进行预处理，获得第二移动轨迹；
依次遍历视窗内的多个内容块；
每次遍历时，确定所述第二移动轨迹中存在于遍历到的所述内容块中的部分移动轨迹；
对所述部分移动轨迹进行特征提取，获得多个第一轨迹特征；
基于所述多个第一轨迹特征，构建第一轨迹特征向量；
获取遍历到的所述内容块内的内容布局对应的预设的内容块注意判定库，所述内容块注意判定库包括：多个第二轨迹特征向量；
将所述第一轨迹特征向量与任一所述第二轨迹特征向量进行匹配；
若匹配符合，获取遍历到的所述内容块内的内容类型对应的预设的疑问触发语义库，所述疑问触发语义库包括：多组一一对应的疑问语义和疑问内容；
获取最近预设的时间内用户输入的语音信息；
对所述语音信息进行语义提取，获得多个语音语义；
将所述语音语义与任一所述疑问语义进行匹配；
若匹配符合，将匹配符合的所述疑问语义对应的所述疑问内容作为用户查看视窗时产生的疑问项，完成获取；
其中，对所述第一移动轨迹进行预处理，包括：
基于预设的轨迹分段间隔，对所述第一移动轨迹进行分段，获得多个轨迹段；
对所述轨迹段进行特征提取，获得多个第二轨迹特征；
基于所述第二多个轨迹特征，构建第三轨迹特征向量；
获取预设的轨迹段剔除判定库，所述轨迹段剔除判定库包括：多个第四轨迹特征向量；
将所述第三轨迹特征向量与任一所述第四轨迹特征向量进行匹配；
若匹配符合，从所述第一移动轨迹中剔除对应所述轨迹段；
当需要剔除的所述轨迹段均剔除后，将所述第一移动轨迹作为第二移动轨迹，完成预处理。
9.如权利要求8所述的一种基于动态分页技术展示大数据量的树数据的***，其特征在于，所述展开模块将所述树数据展开成列表，包括：
将所述树数据中每一树节点的节点数据作为一个元素；
在每一所述元素旁添加表示所述树节点的节点层级的deepness值；
按照所述树节点的节点先后顺序对所述元素进行排列，获得列表。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211360095.9A CN115408095B (zh) | 2022-11-02 | 2022-11-02 | 基于动态分页技术展示大数据量的树数据的方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211360095.9A CN115408095B (zh) | 2022-11-02 | 2022-11-02 | 基于动态分页技术展示大数据量的树数据的方法及*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115408095A CN115408095A (zh) | 2022-11-29 |
| CN115408095B true CN115408095B (zh) | 2022-12-23 |
Family
ID=84169268
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211360095.9A Active CN115408095B (zh) | 2022-11-02 | 2022-11-02 | 基于动态分页技术展示大数据量的树数据的方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115408095B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117194828B (zh) * | 2023-11-08 | 2024-02-06 | 一网互通(北京)科技有限公司 | React中Table滚动分页方法、装置及电子设备 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160070409A1 (en) * | 2013-05-14 | 2016-03-10 | Fujitsu Limited | Control apparatus, information system, display control method and medium |
| CN110244993A (zh) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | 前端页面加载方法、装置、控制器及介质 |
| CN113407669A (zh) * | 2021-06-18 | 2021-09-17 | 北京理工大学 | 一种基于活动影响力的语义轨迹查询方法 |
| CN113642292A (zh) * | 2021-07-14 | 2021-11-12 | 广州市玄武无线科技股份有限公司 | 一种树形列表的实现方法、***、设备及存储介质 |
-
2022
- 2022-11-02 CN CN202211360095.9A patent/CN115408095B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160070409A1 (en) * | 2013-05-14 | 2016-03-10 | Fujitsu Limited | Control apparatus, information system, display control method and medium |
| CN110244993A (zh) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | 前端页面加载方法、装置、控制器及介质 |
| CN113407669A (zh) * | 2021-06-18 | 2021-09-17 | 北京理工大学 | 一种基于活动影响力的语义轨迹查询方法 |
| CN113642292A (zh) * | 2021-07-14 | 2021-11-12 | 广州市玄武无线科技股份有限公司 | 一种树形列表的实现方法、***、设备及存储介质 |
Non-Patent Citations (4)
| Title |
|---|
| "Path conscious caching of B + tree indexes in a shared disks cluster";Kyungoh Ohn 等;《Journal of Parallel and Distributed Computing》;20070331;第67卷(第3期);全文 * |
| "一种基于眼动轨迹的语义提取方法研究";王刚;《重庆师范大学学报( 自然科学版)》;20130131;第30卷(第1期);全文 * |
| "以可靠性为中心的接触网维修模式研究";陈俊卿 等;《中国电气化铁路发展60 年暨智能牵引供电技术论坛论文集》;20181231;全文 * |
| "数据库应用***的性能优化";李春晓;《计算机工程与设计》;20031130;第24卷(第11期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115408095A (zh) | 2022-11-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Epasto et al. | Submodular optimization over sliding windows | |
| CN110457672B (zh) | 关键词确定方法、装置、电子设备及存储介质 | |
| EP3937029A2 (en) | Method and apparatus for training search model, and method and apparatus for searching for target object | |
| CN115408095B (zh) | 基于动态分页技术展示大数据量的树数据的方法及*** | |
| WO2007001128A1 (en) | Method and system for determining relation between search terms in the internet search system | |
| US20070038653A1 (en) | Probabilistic retrospective event detection | |
| CN105528659A (zh) | 一种基于序列模式结合时间上下文的移动终端app使用预测方法 | |
| US12019678B2 (en) | Method and system for retrieving video segment by a semantic query | |
| EP2869219A1 (en) | Text processing apparatus, text processing method, and computer program product | |
| WO2020018224A1 (en) | Task execution based on activity clusters | |
| CN114817575B (zh) | 基于扩展模型的大规模电力事理图谱处理方法 | |
| CN112417267A (zh) | 一种用户行为分析方法、装置、计算机设备及存储介质 | |
| CN113486345B (zh) | 具有风险识别的监督预警方法及*** | |
| CN113223499B (zh) | 一种音频负样本的生成方法及装置 | |
| CN109829117A (zh) | 用于推送信息的方法和装置 | |
| CN111596810B (zh) | 涂鸦识别方法、装置、设备及存储介质 | |
| CN107133321B (zh) | 页面的搜索特性的分析方法和分析装置 | |
| CN110618797B (zh) | 生成文字走马灯的方法、装置及终端设备 | |
| CN109828984B (zh) | 一种分析处理的方法、装置、计算机存储介质及终端 | |
| CN113158669B (zh) | 一种用工平台正负面评论识别的方法及*** | |
| CN115329195A (zh) | 基于人工智能的意图挖掘方法、装置、设备及存储介质 | |
| CN113901165A (zh) | 轨迹数据的处理方法、装置、终端及存储介质 | |
| CN113010642A (zh) | 语义关系的识别方法、装置、电子设备及可读存储介质 | |
| CN112700005A (zh) | 一种基于蒙特卡洛树搜索的异常事件处理方法和装置 | |
| CN110895557B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |