关于省，市，区三级联动思考

àì夳堔傛蜴生んèń 2022-05-25 06:26 117阅读 0赞

### 目的：分析三级联动，五级联动的实现思路 ###

关于省，市，区的三级联动后台的实现有两种方式：

1：分n次请求各自取出 省 市 区 的数据；

优点：传到前台的数据少。缺点：会导致数据的延迟加载，出现的情况是 省 有数据了，市和区一级还没有数据，导致用户的体验不好；这种方式只有省一级的数据可以提前加载好，市和区一级的数据只用等到选中后才开始请求；

2：一次请求获得所有的数据，并且组装成相依的数据结构到前端；(推荐采用)

优点：前台可以无延迟的实现，缺点：数据量大，一次性查出省市区所有的数据，然后在内存中组成相应的结构给到前台：

这种方式在没有缓存的情况下查询的时间为：0.7-0.8s左右；

代码如下：

![复制代码][copycode.gif]

TbTreeExample example=new TbTreeExample();
            List<TbTree> trees = tbTreeMapper.selectByExample(example);
            for (TbTree country : trees) {
                if(country.getId()==id){
                    //获取省
                    for(TbTree province : trees){
                        if(province.getpId()==country.getId()){
                            //获取市
                            for (TbTree city : trees) {
                                if(city.getpId()==province.getId()){
                                    //获取区
                                    for (TbTree district : trees) {
                                        if(district.getpId()==city.getId()){
                                            city.getNodes().add(district);
                                        }
                                    }
                                    province.getNodes().add(city);
                                    
                                }
                            }
                            country.getNodes().add(province);
                        }
                    }
                    return country;
                }
            }
            
            return null;
        }

![复制代码][copycode.gif]

当然我这里用的是遍历的方式来实现这种方式，也可以用递归的方式来实现这种业务；

[copycode.gif]: /images/20220525/13f26d583ed64dde93b304b4ff6bd3e1.png