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

目的:分析三级联动,五级联动的实现思路

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

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

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

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

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

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

代码如下:

复制代码
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;
    }
复制代码

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

猜你喜欢

转载自blog.csdn.net/fwk19840301/article/details/80254525