页面节点显示方法、系统、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112905603A(43)申请公布日2021.06.04(21)申请号202110333363.7(22)申请日2021.03.29(71)申请人苏州科达科技股份有限公司地址215011江苏省苏州市高新区金山路131号(72)发明人范都都陈卫兵渠继芳马丹(74)专利代理机构上海隆天律师事务所31282代理人夏彬(51)Int.Cl.G06F16/22(2019.01)G06F16/2455(2019.01)G06F16/28(2019.01)权利要求书2页说明书10页附图3页(54)发明名称页面节点显示方法、系统、设备及存储介质(57)摘要本发明提供了一种页面节点显示方法、系统、设备及存储介质，所述方法包括：接收到可视区中一节点的展开请求；确定所述展开请求所对应的展开节点，并启用第一级缓存功能，所述第一级缓存功能配置为获取所述展开节点的后续至少一个兄弟节点的子节点数据并缓存；从所述展开节点的子节点中选择可视区中应该显示的节点，获取所述应该显示的节点的节点数据；在渲染区中渲染所述应该显示的节点，并显示于所述可视区。本发明通过增加第一级缓存，可以在节点展开时预先缓存下一个兄弟节点的子节点数据，节点数据总是在用户不知不觉中加载到前端的，从而提高了用户浏览节点数据的流畅性，提升用户体验。CN112905603ACN112905603A权利要求书1/2页1.一种页面节点显示方法，其特征在于，包括如下步骤：接收到可视区中一节点的展开请求；确定所述展开请求所对应的展开节点，并启用第一级缓存功能，所述第一级缓存功能配置为获取所述展开节点的后续至少一个兄弟节点的子节点数据并缓存；从所述展开节点的子节点中选择可视区中应该显示的节点，获取所述应该显示的节点的节点数据；在渲染区中渲染所述应该显示的节点，并显示于所述可视区。2.根据权利要求1所述的页面节点显示方法，其特征在于，获取所述展开节点的后续至少一个兄弟节点的子节点数据，包括：从后端服务器获取所述展开节点的后续至少一个兄弟节点的子节点数据；所述获取所述应该显示的节点的节点数据，包括如下步骤：判断所述缓存中是否存在所述应该显示的节点的节点数据；如果是，则从所述缓存中获取所述应该显示的节点的节点数据；否则，从后端服务器获取所述应该显示的节点的节点数据。3.根据权利要求1所述的页面节点显示方法，其特征在于，从所述展开节点的子节点中选择可视区中应该显示的节点，包括如下步骤：根据所述展开节点的子节点信息，确定所述展开节点的子节点是否需要分页显示；如果是，则从所述展开节点的子节点中选择所述可视区中应该显示的节点，并启用第二级缓存功能，所述第二级缓存功能配置为获取当前所述可视区中显示页面的下一页的节点数据并缓存；如果否，则将所述展开节点的所有子节点作为所述可视区中应该显示的节点。4.根据权利要求3所述的页面节点显示方法，其特征在于，根据所述展开节点的子节点信息，确定所述展开节点的子节点是否需要分页显示，包括如下步骤：根据所述展开节点的子节点数量、子节点高度和可视区的总高度，确定所述展开节点的子节点是否需要分页显示。5.根据权利要求3所述的页面节点显示方法，其特征在于，选择所述可视区中应该显示的节点，包括如下步骤：获取滚动条与滚动区的顶部距离；根据所述滚动条与滚动区的顶部距离以及滚动区的总高度，从所述展开节点的子节点中选择可视区中应该显示的第一个节点；根据所述第一个节点的后续兄弟节点的高度以及可视区的总高度，确定可视区中应该显示的其他节点。6.根据权利要求1所述的页面节点显示方法，其特征在于，获取所述展开节点的后续至少一个兄弟节点的子节点数据，包括如下步骤：判断所述展开节点的下一个兄弟节点的子节点是否需要分页显示；如果是，则获取所述下一个兄弟节点的子节点在第一页显示的节点的节点数据；如果否，则获取所述下一个兄弟节点的所有子节点的节点数据。7.根据权利要求1所述的页面节点显示方法，其特征在于，选择所述可视区中应该显示的节点之后，还包括如下步骤：2CN112905603A权利要求书2/2页确定所述应该显示的节点的每一级父节点，作为预渲染节点；获取所述预渲染节点的节点数据，并在所述渲染区进行渲染。8.根据权利要求1所述的页面节点显示方法，其特征在于，选择所述可视区中应该显示的节点之后，还包括如下步骤：将所述渲染区中与所述可视区中应该显示的节点没有直属关系且不在下一页中的节点删除。9.根据权利要求8所述的页面节点显示方法，其特征在于，所述确定所述展开请求所对应的展开节点之后，还包括：根据所述展开节点的所有子节点信息确定滚动区的总高度h1，并根据所述滚动区的总高度h1在页面中显示滚动区；将所述渲染区中与所述可视区中应该显示的节点没有直属关系且