[发明专利]组织结构层级树的渲染方法、客户端、服务器和介质在审
申请号: | 202210519895.4 | 申请日: | 2022-05-13 |
公开(公告)号: | CN114942760A | 公开(公告)日: | 2022-08-26 |
发明(设计)人: | 万伟;赵洋;曹立江;曹鑫玉;张云峰 | 申请(专利权)人: | 中国联合网络通信集团有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F16/22;G06F16/2455;G06F16/25 |
代理公司: | 北京同立钧成知识产权代理有限公司 11205 | 代理人: | 李哲;刘芳 |
地址: | 100033 *** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 组织 结构 层级 渲染 方法 客户端 服务器 介质 | ||
本申请提供的一种组织结构层级树的渲染方法、客户端、服务器和介质,客户端根据用户所需查询的父节点的组织编码,在缓存中查询是否存在该父节点对应的组织结构层级树。当存在组织结构层级树,客户端对组织结构层级树进行渲染,当不存在组织结构层级树,根据该组织编码向服务器请求组织结构数据,然后将组织结构数据转换成组织结构层级树,客户端根据该组织结构层级树生成渲染结果,避免了对组织结构数据进行递归渲染,提高了渲染的速度。服务器根据客户端发送的待变更信息和预设的组织结构的编码规则对组织结构数据中的相应的子节点进行变更,将变更后的子节点所在的新子树的组织结构数据发送给客户端,提高了数据变更的效率。
技术领域
本申请涉及渲染技术领域,尤其涉及一种组织结构层级树的渲染方法、客户端、服务器和介质。
背景技术
渲染(Render)在电脑绘图中是指用软件从模型生成图像的过程,模型是用严格定义的语言或者数据结构对于三维物体的描述,它包括几何、视点、纹理以及照明信息等。
现有技术中,对于组织结构和行政区划分等类型的数据,一般在查询页面加载时,客户端向服务器查询所需结构数据,然后使用开源的UI框架内的树组件,对接收到的结构数据进行递归渲染,将渲染得到的图像展示到页面上。
然而,数据规模多则数万条,数据的层级关系也非常复杂,传统的递归遍历效率较低,会出现页面加载卡顿甚至假死的现象,影响用户的数据查询体验。
发明内容
本申请提供一种组织结构层级树的渲染方法、客户端、服务器和介质,用以解决现有技术的传统的递归遍历效率较低,会出现页面加载卡顿甚至假死现象的问题。
第一方面,本申请提供一种组织结构层级树的渲染方法,应用于客户端,包括:
获取待查询的父节点的组织编码,所述父节点为组织结构层级树的父节点,或者,所述组织结构层级树中任意一个子树的父节点;
根据所述父节点的组织编码在缓存中查询是否存在所述父节点对应的组织结构层级树;
当所述缓存中存在所述父节点对应的组织结构层级树,则对所述父节点对应的组织结构层级树进行渲染生成渲染结果;
当所述缓存中不存在所述父节点对应的组织结构层级树,根据所述父节点的组织编码向服务器请求所述父节点的组织结构数据,所述组织结构数据中包括所述父节点的所有子节点;
将所述组织结构数据转换成所述父节点对应的组织结构层级树,将转换得到的所述组织结构层级树存储到所述缓存中,对所述父节点对应的组织结构层级树进行渲染生成渲染结果。
可选的,所述将所述组织结构数据转换成所述父节点对应的组织结构层级树,包括:
按照预设的组织结构的编码规则,将所述组织结构数据转换为二维数组形式的组织高度树;
将所述组织高度树转化为所述父节点对应的组织结构层级树。
可选的,所述按照预设的组织结构的编码规则,将所述组织结构数据转换为二维数组形式的组织高度树,包括:
按照所述预设的组织结构的编码规则将所述组织结构数据进行分层,形成二维数组形式的组织高度树,所述组织高度树中的每一层的节点与其下一层中的节点具有父子关系;
所述将所述组织高度树转化为所述父节点对应的组织结构层级树,包括:
依次遍历所述二维数组的最后两个节点,若子节点的组织编码是以其父节点的组织编码起始的,则所述子节点与所述父节点具备从属关系,将所述子节点与所述父节点组装为父子节点;
当遍历到所述二维数组的第一个节点,停止遍历,完成所述组织结构层级树的组装,所述第一个节点为所述组织高度树的父节点。
可选的,还包括:
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国联合网络通信集团有限公司,未经中国联合网络通信集团有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210519895.4/2.html,转载请声明来源钻瓜专利网。
- 上一篇:三维场景渲染深度冲突改善方法、系统、介质和设备
- 下一篇:一种自动分线机