Mini UI tree上万复杂节点加载缓慢处理设计

时间:2023-03-09 19:47:01
Mini UI tree上万复杂节点加载缓慢处理设计

最直接的方式是设置tree*不展开,可以解决一定效率。

expandOnLoad Boolean/Number 加载后是否展开。比如:true展开所有节点;0展开第一级节点。以此类推。

1. 解决问题描述

树加载慢,统计刷新慢、人员排序组织慢,前端DOM渲染慢。

2. Mini tree效果展示

Mini UI tree上万复杂节点加载缓慢处理设计

3. Mini tree业务数据处理

树节点及下级人员汇总: 总人数、在线人数、离线人数,数据根据组织机构ID进行缓存REDIS。

拉加载人员节点数据:人员通过组织机构ID缓存到REDIS。

注:每点开一级加载一级人员数据。