目的:分析三级联动,五级联动的实现思路
关于省,市,区的三级联动后台的实现有两种方式:
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; }
当然我这里用的是遍历的方式来实现这种方式,也可以用递归的方式来实现这种业务;