页面节点显示方法、系统、设备及存储介质技术方案

本发明专利技术提供了一种页面节点显示方法、系统、设备及存储介质，所述方法包括：接收到可视区中一节点的展开请求；确定所述展开请求所对应的展开节点，并启用第一级缓存功能，所述第一级缓存功能配置为获取所述展开节点的后续至少一个兄弟节点的子节点数据并缓存；从所述展开节点的子节点中选择可视区中应该显示的节点，获取所述应该显示的节点的节点数据；在渲染区中渲染所述应该显示的节点，并显示于所述可视区。本发明专利技术通过增加第一级缓存，可以在节点展开时预先缓存下一个兄弟节点的子节点数据，节点数据总是在用户不知不觉中加载到前端的，从而提高了用户浏览节点数据的流畅性，提升用户体验。提升用户体验。提升用户体验。

【技术实现步骤摘要】
页面节点显示方法、系统、设备及存储介质


[0001]本专利技术涉及数据处理
，尤其涉及一种页面节点显示方法、系统、设备及存储介质。

技术介绍

[0002]对于节点的展示形式有很多种，Tree(树)、List(列表)、Network(网络)......无论是哪种展示形式，都要求在数据量在百万、千万级的时候保证数据的准确性和展示的流畅度。
[0003]树和列表展示具有本质的区别，树具有层级结构，能更好的表达出节点的直接关系，也能方便快捷的进行批量操作，在渲染中具有大量的递归，DOM(Document Object Model，文档对象模型)渲染中是层层依赖的，且数据结构具有很强的索引性，这样在操作数据结构时效率会更高。
[0004]现有树在展开当前节点后加载其子节点的懒加载模式可以解决首屏渲染速度慢的问题，但是存在体验度不够的情况，比如每次点开节点后去后端服务器更新数据，假设数据处理量大，且网络情况不好，会造成用户等待时间长而降低体验度。此外，现有技术中，已经加载的数据一直渲染在DOM中，久而久之会造成节点堆积，内存开销过大，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面节点显示方法，其特征在于，包括如下步骤：接收到可视区中一节点的展开请求；确定所述展开请求所对应的展开节点，并启用第一级缓存功能，所述第一级缓存功能配置为获取所述展开节点的后续至少一个兄弟节点的子节点数据并缓存；从所述展开节点的子节点中选择可视区中应该显示的节点，获取所述应该显示的节点的节点数据；在渲染区中渲染所述应该显示的节点，并显示于所述可视区。2.根据权利要求1所述的页面节点显示方法，其特征在于，获取所述展开节点的后续至少一个兄弟节点的子节点数据，包括：从后端服务器获取所述展开节点的后续至少一个兄弟节点的子节点数据；所述获取所述应该显示的节点的节点数据，包括如下步骤：判断所述缓存中是否存在所述应该显示的节点的节点数据；如果是，则从所述缓存中获取所述应该显示的节点的节点数据；否则，从后端服务器获取所述应该显示的节点的节点数据。3.根据权利要求1所述的页面节点显示方法，其特征在于，从所述展开节点的子节点中选择可视区中应该显示的节点，包括如下步骤：根据所述展开节点的子节点信息，确定所述展开节点的子节点是否需要分页显示；如果是，则从所述展开节点的子节点中选择所述可视区中应该显示的节点，并启用第二级缓存功能，所述第二级缓存功能配置为获取当前所述可视区中显示页面的下一页的节点数据并缓存；如果否，则将所述展开节点的所有子节点作为所述可视区中应该显示的节点。4.根据权利要求3所述的页面节点显示方法，其特征在于，根据所述展开节点的子节点信息，确定所述展开节点的子节点是否需要分页显示，包括如下步骤：根据所述展开节点的子节点数量、子节点高度和可视区的总高度，确定所述展开节点的子节点是否需要分页显示。5.根据权利要求3所述的页面节点显示方法，其特征在于，选择所述可视区中应该显示的节点，包括如下步骤：获取滚动条与滚动区的顶部距离；根据所述滚动条与滚动区的顶部距离以及滚动区的总高度，从所述展开节点的子节点中选择可视区中应该显示的第一个节点；根据所述第一个节点的后续兄弟节点的高度以及可视区的总高度，确定可视区中应该显示的其他节点。6.根据权利要求1所述的页面节点显示方法，其特征在于，获取所述展开节点的后续至少一个兄弟节点的子节点数据，包括如...

【专利技术属性】
技术研发人员：范都都，陈卫兵，渠继芳，马丹，
申请(专利权)人：苏州科达科技股份有限公司，
类型：发明
国别省市：