zoukankan      html  css  js  c++  java
  • 关于省,市,区联动 java 实现方式

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

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

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

    其中第一种方式:

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

    第二种实现方式:

    1):查出省--->遍历省,查出省下面的市--->遍历市,查出市下面的区:组好相应的数据结构;这种方式的缺点:多次查询数据库,市和区的数据有多少条

    就会查询多少次数据库,这样效率很低,在不加缓存的情况下这种的查询中国下所有的省市区需要的时间为:18s左右

    //根据id查找出最顶层对象
            TbTreeExample example=new TbTreeExample();
            example.createCriteria().andIdEqualTo(id);
            TbTree tree = tbTreeMapper.selectByExample(example).get(0);
            //查找所有的省份
            TbTreeExample provinceExample=new TbTreeExample();
            provinceExample.createCriteria().andPIdEqualTo(id);
            List<TbTree> provinces = tbTreeMapper.selectByExample(provinceExample);
            for (TbTree province : provinces) {
                //查找所有的市
                TbTreeExample cityExample=new TbTreeExample();
                cityExample.createCriteria().andPIdEqualTo(province.getId());
                List<TbTree> cities = tbTreeMapper.selectByExample(cityExample);
                for (TbTree city : cities) {
                    //查找所有的区
                    TbTreeExample districtExample=new TbTreeExample();
                    districtExample.createCriteria().andPIdEqualTo(city.getId());
                    List<TbTree> districts = tbTreeMapper.selectByExample(districtExample);
                    city.setNodes(districts);
                }
                province.setNodes(cities);
            }
            tree.setNodes(provinces);
            return tree;

    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;
        }

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

  • 相关阅读:
    springboot 2.4.5 redis 配置类+缓存
    华为ensp模拟器 提示40 错误问题
    Nodejs
    Python PermissionError:[Errno 13]权限被拒绝 [winerr 5]
    Window10的linux docker 安装(wsl版本)
    window10的 Linux 子系统ssh配置
    vue3.0中provide和inject实现响应式传值
    正确开启vue3.0调试工具vue-devtools
    vue动态设置组件样式
    element-ui菜单导航的三种递归写法(三)
  • 原文地址:https://www.cnblogs.com/austinspark-jessylu/p/7843994.html
Copyright © 2011-2022 走看看