Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】（）

2023-03-23 22:05:09 分类：java 阅读()

　　本篇文章为你整理了Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】（）的详细内容，包含有 Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】，希望能帮助你了解 Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】。

　　中国省市区还是不少的，省有34个，市有391个，区有1101个，这是以小编的库里的，可能不是最新的，但是个数也差不了多少。

　　当一次返回所有的数据，并且还要组装成一个三级树，一般的for，会循环34*391*1101次。这样就是千万级的，加上与数据库交互，你跑半天也跑不完。

　　最后的处理是组长提供的思路，果然很快。

　　首先：小编的省市区是三张表

　　第一：我们通过三次IO从数据库中查询出所有省市区的数据，下面在进行for循环组装树形效率就很快了！

　　第二：为了减少IO交互，我们把刚刚取出来的市和区构建为map provinceCode,List City ，map districtCode,List District ，这样效率就上来了！

　　三、数据库表设计

　　

CREATE TABLE `address_province` (

 

　　 `id` int(11) NOT NULL AUTO_INCREMENT COMMENT ID,

　　 `code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `name` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `short_name` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `new_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_latest` tinyint(3) NULL DEFAULT 1 COMMENT 是否是最新地址，0否1是,

　　 `remarks` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `created_at` datetime(0) NULL DEFAULT NULL COMMENT 创建时间,

　　 `created_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `updated_at` datetime(0) NULL DEFAULT NULL COMMENT 更新时间,

　　 `updated_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_deleted` tinyint(3) UNSIGNED NOT NULL DEFAULT 0 COMMENT 删除标记，0：正常；1：删除,

　　 PRIMARY KEY (`id`) USING BTREE,

　　 UNIQUE INDEX `uk_code`(`code`) USING BTREE,

　　 INDEX `idx_address_province_name`(`name`) USING BTREE,

　　 INDEX `idx_address_province_short_name`(`short_name`) USING BTREE

　　) ENGINE = InnoDB AUTO_INCREMENT = 35 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = 地址省 ROW_FORMAT = Dynamic;

　　

 

　　2. 市：

　　

CREATE TABLE `address_city` (

 

　　 `id` int(11) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT ID,

　　 `code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `name` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `new_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `province_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_latest` tinyint(3) NULL DEFAULT 1 COMMENT 是否是最新地址，0否1是,

　　 `remarks` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `created_at` datetime(0) NULL DEFAULT NULL COMMENT 创建时间,

　　 `created_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `updated_at` datetime(0) NULL DEFAULT NULL COMMENT 更新时间,

　　 `updated_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_deleted` tinyint(3) NULL DEFAULT 0 COMMENT 删除标记，0正常1删除,

　　 PRIMARY KEY (`id`) USING BTREE,

　　 UNIQUE INDEX `uk_code`(`code`) USING BTREE,

　　 INDEX `idx_address_city_name`(`name`) USING BTREE

　　) ENGINE = InnoDB AUTO_INCREMENT = 392 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = 地址市 ROW_FORMAT = Dynamic;

　　

 

　　

CREATE TABLE `address_district` (

 

　　 `id` int(11) NOT NULL AUTO_INCREMENT,

　　 `code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `name` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `new_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `city_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `province_code` char(6) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_latest` tinyint(3) NULL DEFAULT 1 COMMENT 是否是最新地址，0否1是,

　　 `remarks` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `created_at` datetime(0) NULL DEFAULT NULL COMMENT 创建时间,

　　 `created_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `updated_at` datetime(0) NULL DEFAULT NULL COMMENT 更新时间,

　　 `updated_by` varchar(16) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,

　　 `is_deleted` tinyint(3) NULL DEFAULT 0 COMMENT 删除标记，0正常1删除,

　　 PRIMARY KEY (`id`) USING BTREE,

　　 UNIQUE INDEX `uk_code`(`code`) USING BTREE,

　　 INDEX `idx_address_district_name`(`name`) USING BTREE

　　) ENGINE = InnoDB AUTO_INCREMENT = 3110 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = 地址县/区 ROW_FORMAT = Dynamic;

　　

 

　　数据量太大了，就不给大家了！

　　四、具体实现

　　省市区的实体类就不展示了，大家根据自己公司的设计稍微改动即可使用！

　　1. 树形VO

　　

/**

 

　　 * 地址业务父子

　　 * @author wangzhenjun

　　 * @date 2022/9/2 16:26

　　@Data

　　public class AddressVO implements Serializable {

　　 * ID

　　 @ApiModelProperty(value = "ID")

　　 private Integer id;

　　 * 编码

　　 @ApiModelProperty(value = "")

　　 private String code;

　　 * 名称

　　 @ApiModelProperty(value = "")

　　 private String name;

　　 * 父编码

　　 private String parentCode;

　　 * 市区

　　 private List AddressVO children;

　　

 

　　2. 具体实现

　　

@Override

 

　　public Result address() {

　　 long l = System.currentTimeMillis();

　　 // 获取省市区

　　 List AddressProvince provinceList = addressProvinceMapper.selectList(Wrappers. AddressProvince lambdaQuery().eq(AddressProvince::getIsDeleted, 0).eq(AddressProvince::getIsLatest, 1));

　　 List AddressCity cityList = addressCityMapper.selectList(Wrappers. AddressCity lambdaQuery().eq(AddressCity::getIsDeleted, 0).eq(AddressCity::getIsLatest, 1));

　　 List AddressDistrict districtList = addressDistrictMapper.selectList(Wrappers. AddressDistrict lambdaQuery().eq(AddressDistrict::getIsDeleted, 0).eq(AddressDistrict::getIsLatest, 1));

　　 // 按照省code进行分组

　　 Map String, List AddressCity cityMap = cityList.stream().collect(Collectors.groupingBy(AddressCity::getProvinceCode));

　　 // 按照市code进行分组

　　 Map String, List AddressDistrict districtMap = districtList.stream().collect(Collectors.groupingBy(AddressDistrict::getCityCode));

　　 List AddressVO result = new ArrayList ();

　　 for (AddressProvince province : provinceList) {

　　 // 获取某个省下的所有市

　　 List AddressCity addressCityList = cityMap.get(province.getCode());

　　 // 给树形对象赋省的数据

　　 AddressVO addressProvinceVO = new AddressVO();

　　 addressProvinceVO.setId(province.getId());

　　 addressProvinceVO.setCode(province.getCode());

　　 addressProvinceVO.setName(province.getName());

　　 List AddressVO cityResult = new ArrayList ();

　　 for (AddressCity addressCity : addressCityList) {

　　 // 获取某个市下的所有区

　　 List AddressDistrict addressDistrictList = districtMap.get(addressCity.getCode());

　　 // 给树形对象赋市的数据

　　 AddressVO addressCityVO = new AddressVO();

　　 addressCityVO.setId(addressCity.getId());

　　 addressCityVO.setCode(addressCity.getCode());

　　 addressCityVO.setName(addressCity.getName());

　　 addressCityVO.setParentCode(province.getCode());

　　 List AddressVO districtResult = new ArrayList ();

　　 // 便利每个市下面的所有区

　　 for (AddressDistrict addressDistrict : addressDistrictList) {

　　 // 给树形对象赋区的数据

　　 AddressVO addressDistrictVO = new AddressVO();

　　 addressDistrictVO.setId(addressDistrict.getId());

　　 addressDistrictVO.setCode(addressDistrict.getCode());

　　 addressDistrictVO.setName(addressDistrict.getName());

　　 addressDistrictVO.setParentCode(addressCity.getCode());

　　 districtResult.add(addressDistrictVO);

　　 addressCityVO.setChildren(districtResult);

　　 cityResult.add(addressCityVO);

　　 addressProvinceVO.setChildren(cityResult);

　　 result.add(addressProvinceVO);

　　 System.out.println(System.currentTimeMillis() - l);

　　 return Result.success(result);

　　

 

　　4. 计算时长

　　我们可以看到，一共297毫秒，小编的机器比较卡，支持cpu在60%情况下，200ms应该问题不大，可以放到redis缓存起来，这样减少IO交互，减少数据库的压力！！
 

　　五、前端vue

　　此时address为数组，按序放了选择的value，
 

　　props:可以指定显示和选择的名称，默认是value和label

　　

 el-cascader

 

　　 v-model="addReceiverForm.address"

　　 placeholder="请选择收货人地址"

　　 :options="options"

　　 :props="{checkStrictly: true,value:code,label:name}" /el-cascader

　　========data：============

　　addReceiverForm:{

　　 address:[]

　　options: [],

　　========method：============

　　// 获取省市区

　　initAddress() {

　　 listAddressAndChild().then(data = {

　　 this.options = data.data

　　 }).catch(() = {

　　

 

　　如果大家有比小编更加快的方式，欢迎留言交流哈！

　　如果觉得有用，还请动动大家的发财小手点点关注哈！！谢谢大家了！！

　　有缘人才可以看得到的哦！！！

　　欢迎大家关注小编的微信公众号，谢谢大家！

　　点击访问！小编自己的网站，里面也是有很多好的文章哦！

　　以上就是Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】（）的详细内容，想要了解更多 Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】的内容，请持续关注盛行IT软件开发工作室。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

标签： java

相关文章阅读

  • java Springboot集成mybatis-plus的方法是什么
  • 浅谈几种Java自定义异常处理方式
  • Java Map所有的值转为String类型
  • java代码中格式化金额 java格式化小数
  • java计算器源代码资源 java计算器简单代码
  • 【java】（一）SpringBoot 源码解析——SpringApplication 初始化（）
  • Spring学习笔记（spring教程 csdn）
  • HDFS Architecture Guide（）
  • 哈工大软件构造Lab3（2022）（哈工大软件构造lab3）
  • nginx基础（nginx基础教程）
  • Java 中HashMap详解(含HashTable, ConcurrentHashMap)（java hashmap使用方法）
  • Java 线程池之Jetty 线程池学习总结（java线程池的使用方法）
  • java线程基础（java 线程教程）
  • 聊聊 Netty 那些事儿之 Reactor 在 Netty 中的实现(创建篇)（）
  • nginx（nginx负载均衡）
    • 留言与评论（共有 条评论）
       
    验证码：