Java (省市区三级联动),可扩展到4级或者5级(目前全网最新)

已于 2024-01-13 10:48:17 修改
阅读量1.1k 收藏 10
点赞数 15
文章标签： java 数据库 spring boot spring 后端
于 2024-01-13 10:42:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49354230/article/details/135566494
版权

项目场景：

在项目编写的过程中 需要实现客户选择的具体大区信息

三级联动表结构

DROP TABLE IF EXISTS `tb_ipr_item_region`;
CREATE TABLE `tb_ipr_item_region`  (
  `id` int(11) NOT NULL COMMENT '主键ID',
  `pid` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '父级Id',
  `deep` int(11) NULL DEFAULT NULL COMMENT '级别 0 省/直辖市  1 :市级别  2:区级别/县级别',
  `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '地区简称',
  `pinyin_prefix` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '地区首拼',
  `pinyin` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '地区拼音',
  `ext_id` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '地区ID',
  `ext_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NULL DEFAULT NULL COMMENT '地区全称',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_bin COMMENT = '三级联动地区表' ROW_FORMAT = Compact;

具体思路：

  • 遍历所有地区数据，根据地区的深度（deep）将节点分为省级、市级和区县级别。
  • 使用三个映射（provinceMap、cityMap、districtMap）分别存储省、市和区县的节点，以便在构建树结构时能够方便地找到父节点。
  • 根据地区的深度，将节点添加到相应的映射和最终的树结构中。
  • 确保每个父节点都有一个子节点列表，并将当前节点添加到该列表中，以构建完整的树形结构。
  • 返回构建好的树结构作为响应结果。

实现方式：

节点类

@Data
public class TreeNodeRegion {
    private Integer id;
    private String value;
    private String label;
    private String name;
    private List<TreeNodeRegion> children;

    public TreeNodeRegion(Integer id, String name,String value,String label) {
        this.id = id;
        this.name = name;
        this.value = value;
        this.label = label;
        this.children = null; // 初始化为 null，而不是空列表
    }
}

方法实现类

	@PostMapping("area")
    @ApiOperation(value = "地区接口")
    public ResponseResult<List<TreeNodeRegion>> area() {
        //存放最终树的架构
        List<TreeNodeRegion> tree = new ArrayList<>();
        //省级节点
        Map<Integer, TreeNodeRegion> provinceMap = new HashMap<>();
        //市级节点
        Map<Integer, TreeNodeRegion> cityMap = new HashMap<>();
        //县级别结点  如果需要存放到 镇级别的 可以使用此集合扩展
        Map<Integer, TreeNodeRegion> districtMap = new HashMap<>();
        //获取所有地区的数据
        List<IprItemRegion> allRegions = iprItemRegionService.list();
        //构建树架构
        for (IprItemRegion region : allRegions) {
            // 创建地区节点对象
            TreeNodeRegion regionNode = new TreeNodeRegion(region.getId(), region.getName(), region.getPinyin(), region.getExtName());
            // 根据地区的深度进行分类处理
            if (region.getDeep() == 0) {
                // 省级节点
                provinceMap.put(region.getId(), regionNode);
                tree.add(regionNode);
            } else if (region.getDeep() == 1) {
                // 市级节点
                cityMap.put(region.getId(), regionNode);
                // 获取市级节点的父节点（省级节点）
                TreeNodeRegion parent = provinceMap.get(Integer.parseInt(region.getPid()));
                if (parent != null) {
                    // 确保父节点有子节点列表
                    if (parent.getChildren() == null) {
                        parent.setChildren(new ArrayList<>());
                    }
                    // 将市级节点添加到父节点的子节点列表中
                    parent.getChildren().add(regionNode);
                }
            } else if (region.getDeep() == 2) {
                // 区县节点
                districtMap.put(region.getId(), regionNode);
                // 获取区县节点的父节点（市级节点）
                TreeNodeRegion parent = cityMap.get(Integer.parseInt(region.getPid()));
                if (parent != null) {
                    // 确保父节点有子节点列表
                    if (parent.getChildren() == null) {
                        parent.setChildren(new ArrayList<>());
                    }
                    // 将区县节点添加到父节点的子节点列表中
                    parent.getChildren().add(regionNode);
                }
            }
        }
        // 返回构建好的树结构
        return new ResponseResult<>(tree);
    }

返回数据结构

[
    {
        "id":11,
        "value":"bei jing",
        "label":"北京市",
        "name":"北京",
        "children":[
            {
                "id":1101,
                "value":"bei jing",
                "label":"北京市",
                "name":"北京",
                "children":[
                    {
                        "id":110101,
                        "value":"dong cheng",
                        "label":"东城区",
                        "name":"东城",
                        "children":null
                    },
                    {
                        "id":110102,
                        "value":"xi cheng",
                        "label":"西城区",
                        "name":"西城",
                        "children":null
                    },
                    {
                        "id":110105,
                        "value":"chao yang",
                        "label":"朝阳区",
                        "name":"朝阳",
                        "children":null
                    },
                    {
                        "id":110106,
                        "value":"feng tai",
                        "label":"丰台区",
                        "name":"丰台",
                        "children":null
                    },
                    {
                        "id":110107,
                        "value":"shi jing shan",
                        "label":"石景山区",
                        "name":"石景山",
                        "children":null
                    },
                    {
                        "id":110108,
                        "value":"hai dian",
                        "label":"海淀区",
                        "name":"海淀",
                        "children":null
                    },
                    {
                        "id":110109,
                        "value":"men tou gou",
                        "label":"门头沟区",
                        "name":"门头沟",
                        "children":null
                    },
                    {
                        "id":110111,
                        "value":"fang shan",
                        "label":"房山区",
                        "name":"房山",
                        "children":null
                    },
                    {
                        "id":110112,
                        "value":"tong zhou",
                        "label":"通州区",
                        "name":"通州",
                        "children":null
                    },
                    {
                        "id":110113,
                        "value":"shun yi",
                        "label":"顺义区",
                        "name":"顺义",
                        "children":null
                    },
                    {
                        "id":110114,
                        "value":"chang ping",
                        "label":"昌平区",
                        "name":"昌平",
                        "children":null
                    },
                    {
                        "id":110115,
                        "value":"da xing",
                        "label":"大兴区",
                        "name":"大兴",
                        "children":null
                    },
                    {
                        "id":110116,
                        "value":"huai rou",
                        "label":"怀柔区",
                        "name":"怀柔",
                        "children":null
                    },
                    {
                        "id":110117,
                        "value":"ping gu",
                        "label":"平谷区",
                        "name":"平谷",
                        "children":null
                    },
                    {
                        "id":110118,
                        "value":"mi yun",
                        "label":"密云区",
                        "name":"密云",
                        "children":null
                    },
                    {
                        "id":110119,
                        "value":"yan qing",
                        "label":"延庆区",
                        "name":"延庆",
                        "children":null
                    }
                ]
            }
        ]
    }
]
飘风凌雪
关注
  • 15
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java 省市区三级联动
我会变强
11-18 2920
省市区三级联动 1.创建两个类的项目，先运行在修改中理解。重要的是要自己写一遍，理解一句代码最好的方法就是替换，删除观察区别。 package linkge; import javax.swing.; import java.awt.event.; public class ItemEvents extends JFrame implements ItemListener { JComboBox ...
Java (省市区三级联动),可扩展到4级或者5级
01-13
Java (省市区三级联动),可扩展到4级或者5级
mysql 全国省市区三级联动表（2024.4最新）
最新发布
04-25
INSERT INTO `area` VALUES (11, '330000', '0', '浙江省', 11, 'province'); INSERT INTO `area` VALUES (12, '340000', '0', '安徽省', 16, 'province'); INSERT INTO `area` VALUES (13, '350000', '0', '福建省', 9, 'province'); INSERT INTO `area` VALUES (14, '360000', '0', '江西省', 11, 'province'); INSERT INTO `area` VALUES (15, '370000', '0', '山东省', 16, 'province'); INSERT INTO `area` VALUES (137, '232700', '230000', '大兴安岭地区', 4, 'city'); INSERT INTO `area` VALUES (138, '310101', '310000', '黄浦区', 0, 'district'); IN
三级联动java源码
07-27
省、市、镇三级联动java完整源码（可以直接运行项目），有mysql生成语句。
POI实现Excel省市区三级联动java实现
chuxuan0215的博客
11-01 977
【代码】POI实现Excel省市区三级联动java实现。
java 构建省市县的三级树
wangxj_2017的博客
04-21 3001
工作中遇到需要构建省市县的三级树结构，这里参考了 https://www.cnblogs.com/shiyun32/p/12104949.html ，非常感谢，非常不错的案例。 我这里需要的数据格式这这样的： 数据库的部分数据如下： 直接上代码，首先创建一个bean类，进行封装数据，(可以直接用户Map,但用来比较费劲，我还是采用将数据库中的数据封装到bean 中，更直接些） public class UnCdeAreaBean implements Serializable { pr
java 省市区三级联动
08-16
省市区三级联动，兼容各大浏览器
java实现省市区三级联动
百创科技
07-11 2876
我的想法很简单 ，可能想的有点少，首先遍历省份，当数据发生改变调用方法请求根据省的id去查询市区的信息，当市区信息发生改变调用另一个方法去查询县区的信息。，（个人觉得两个接口层公用一个也行，就像那种公用一个的改为mapper接口层那种的也很方便，可能这样比较不规范吧）6、最后映射页面：jsp。
省市县三级数据联动 -Java
qq_50661854的博客
04-19 7302
省市县三层数据封装
java后端实现省市区三级联动接口查询及数据库表下
txwy12的博客
02-14 3255
5、创建service接口以及实现类。6、Controllerc接口。4、创建mapper.xml。3、创建mapper接口。
省市区三级联动（代码+SQL）
12-22
Java项目,mysql数据库，SpringBoot+Mybatis演示。有数据库，全国所有的省市区信息，级联查询。
省市区三级联动Java版
09-11
spcc.js文件有一个地方需要修改一下 在第30行有一个citySele需要修改为seleValue 全文也就一个citySele
移动端、h5省市区三级联动
03-27
在移动端和H5开发中，省市区三级联动是一种常见的功能需求，主要用于地址选择，提供用户一个方便快捷的方式来选择他们的详细地址。本示例提供了一款适用于这两种平台的三级联动组件，下面将详细介绍这个功能及其实现...
省市区三级联动Excel
11-13
这是基于Excel制作的三级联动，对有需要的同学可以下载，内部数据可能会随着时间随着规划会过时，方式是没有问题的
java省市区三级联动
Ansee
10-06 642
省市区三级联动，树形结构children嵌套
java三级联动代码
qq_28514075的博客
01-04 462
这个示例中，我们首先创建了一个包含省份、城市和区域的JSON数组作为模拟数据。然后，我们通过JavaScript获取了页面中的三个下拉框元素，并编写了初始化省份、城市和区域下拉框的函数。最后，我们为省份和城市下拉框添加了变化事件监听器，当用户选择不同的省份或城市时，会自动更新对应的区域下拉框。Java三级联动代码是指在一个网页中实现下拉框的联动效果，即当用户选择一个一级选项时，对应的二级选项会自动显示；当用户选择一个二级选项时，对应的三级选项会自动显示。这种功能通常用于城市选择、省份选择等场景。
三级联动下拉列表的开发过程与范例
weixin_46038915的博客
04-26 2179
一、需求解析：
Java实现三级联动返回树状json
weixin_44576697的博客
07-11 2306
Java实现三级联动返回树状json
实战演练-java+微信小程序实现省市区三级联动
SoulNone的博客
08-13 1428
实战演练-Java+微信小程序实现省市区三级联动
Java省市区三级联动
04-03
Java省市区三级联动是一种常见的前端交互功能，用于实现用户选择省份、城市和区县的功能。通常情况下，这种功能是通过前端页面和后端接口的配合实现的。 具体实现步骤如下： 1. 前端页面：在前端页面上创建三个下拉框，分别用于显示省份、城市和区县的选项。当用户选择省份时，触发相应的事件，通过Ajax请求后端接口获取对应的城市列表，并将城市列表填充到城市下拉框中。同样的，当用户选择城市时，再次触发事件，获取对应的区县列表，并填充到区县下拉框中。 2. 后端接口：后端接口负责处理前端页面发送的请求，并返回相应的数据。在这个例子中，后端接口需要提供获取省份、城市和区县列表的功能。可以通过数据库查询或者其他方式获取相应的数据，并将数据以JSON格式返回给前端页面。 3. 数据库或数据源：为了获取省份、城市和区县的数据，可以使用数据库存储相应的数据，并通过后端接口进行查询。也可以使用其他数据源，如文件、缓存等。 实现Java省市区三级联动需要前后端配合完成，前端负责页面展示和用户交互，后端负责处理请求和返回数据。通过这种方式，用户可以方便地选择省份、城市和区县，实现三级联动的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值