城市-区域-县 三级联动

最新推荐文章于 2025-08-24 11:06:10 发布
转载 最新推荐文章于 2025-08-24 11:06:10 发布 · 71 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/wangchuanfu/p/5959292.html
文章标签：

#java 







/**
* ec前台用的省市县地区联动下拉框
* @param {} proviceDomId
* @param {} cityDomId
* @param {} areaDomId
*/
 createAreaLinkage("provinceId","cityId","areaId",proFn,cityFn,areaFn);




function createAreaLinkage(proviceDomId,cityDomId,areaDomId,proFn,cityFn,areaFn){
var dfFn1 = function(){}
var dfFn2 = function(){}
var dfFn3 = function(){}
if($.isFunction(proFn)){
dfFn1 = proFn;
}
if($.isFunction(cityFn)){
dfFn2 = cityFn;
}
if($.isFunction(areaFn)){
dfFn3 = areaFn;
}
$("#"+proviceDomId).combobox({ 
url:appPath+"/page/areaCommon/1/subLinkage", 
valueField:"id", 
textField:"text",
panelHeight:"200",
editable:false,
onLoadSuccess:dfFn1,
onSelect:function(record){
if(record.id){
$("#"+cityDomId).combobox("reload",appPath+"/page/areaCommon/"+record.id+"/subLinkage");
$("#"+areaDomId).combobox("clear");
$("#"+areaDomId).combobox("loadData",[{id:"",text:"请选择"}]);
}else{
$("#"+cityDomId).combobox("clear");
$("#"+cityDomId).combobox("loadData",[{id:"",text:"请选择"}]);
$("#"+areaDomId).combobox("clear");
$("#"+areaDomId).combobox("loadData",[{id:"",text:"请选择"}]);
}
}
}); 
$("#"+cityDomId).combobox({ 
data:[{id:"",text:"请选择"}], 
valueField:"id", 
textField:"text",
panelHeight:"200",
editable:false,
onLoadSuccess:dfFn2,
onSelect:function(record){
if(record.id){
$("#"+areaDomId).val("");
$("#"+areaDomId).combobox("reload",appPath+"/page/areaCommon/"+record.id+"/subLinkage");
}else{
$("#"+areaDomId).combobox("clear");
$("#"+areaDomId).combobox("loadData",[{id:"",text:"请选择"}]);
}
}
});
$("#"+areaDomId).combobox({ 
data:[{id:"",text:"请选择"}], 
valueField:"id", 
textField:"text",
panelHeight:"200",
editable:false,
onLoadSuccess:dfFn3
});

}

 

package com.founder.ec.common.action;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.founder.ec.admin.model.EcArea;
import com.founder.ec.base.action.BaseAction;
import com.founder.ec.common.service.AreaService;

@Controller
public class AreaCommonAction extends BaseAction{

    @Autowired
    private AreaService areaService; 
    
    /**
     * 获取地区联动下拉列表
     * @param parentId
     * @return
     */
    @RequestMapping("areaCommon/{parentId}/subLinkage")
    @ResponseBody
    public List<Object> findTypesByParentId(@PathVariable Long parentId){
        List<Object> linkageRes = new ArrayList<Object>();
        Map<String,Object> defaultValue = new HashMap<String,Object>();
        defaultValue.put("id", "");
        defaultValue.put("text", "请选择");
        defaultValue.put("selected", true);
        linkageRes.add(defaultValue);
        List<EcArea> areaList = areaService.getAreaByParentId(parentId);
        if(null!=areaList && !areaList.isEmpty()){
            for(EcArea t : areaList){
                Map<String,Object> typeMap = new HashMap<String,Object>();
                typeMap.put("id", t.getAreaId());
                typeMap.put("text", t.getAreaName());
                linkageRes.add(typeMap);
            }
        }
        return linkageRes;
    }
    /**
     * 根据等级  获取省，市，区
     * @param areaLevel
     * @return
     */
    @RequestMapping("getEcAreaInfoList/{areaLevel}/subLinkage")
    @ResponseBody
    public List<Object> getEcAreaInfoList(@PathVariable Integer areaLevel){
        List<Object> linkageRes = new ArrayList<Object>();
        Map<String,Object> defaultValue = new HashMap<String,Object>();
        defaultValue.put("id", "");
        defaultValue.put("text", "请选择");
        defaultValue.put("selected", true);
        linkageRes.add(defaultValue);
        EcArea ar=new EcArea();
        ar.setAreaLevel(areaLevel);
        List<EcArea> areaList = areaService.getEcAreaInfoList(ar);
        if(null!=areaList && !areaList.isEmpty()){
            for(EcArea t : areaList){
                Map<String,Object> typeMap = new HashMap<String,Object>();
                typeMap.put("id", t.getAreaId());
                typeMap.put("text", t.getAreaName());
                linkageRes.add(typeMap);
            }
        }
        return linkageRes;
    }
    
}
package com.founder.ec.common.service.impl;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.founder.ec.admin.model.EcArea;
import com.founder.ec.base.service.impl.BaseServiceImpl;
import com.founder.ec.common.aop.Cached;
import com.founder.ec.common.dao.CommonDao;
import com.founder.ec.common.service.AreaService;

@Service
public class AreaServiceImpl extends BaseServiceImpl implements AreaService {

    @Autowired
    private CommonDao commonDao;
    
    @Cached(name="ecArea")
    public List<EcArea> getAreaByParentId(Long parentId) {
        return (List<EcArea>)commonDao.queryForList("EcArea.getByParentId", parentId);
    }

    @Override
    public EcArea getEcAreaInfo(EcArea ecArea) {
        return (EcArea)commonDao.queryForObject("EcArea.getEcAreaInfo", ecArea);
    }
    
    @Override
    public List<EcArea> getEcAreaInfoList(EcArea ecArea) {
        return (List<EcArea>)commonDao.queryForList("EcArea.getEcAreaInfo", ecArea);
    }
}
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE sqlMap PUBLIC "-//ibatis.apache.org//DTD SQL Map 2.0//EN" "http://ibatis.apache.org/dtd/sql-map-2.dtd">
<sqlMap namespace="aArea">
    
    <typeAlias alias="AArea" type="com.founder.ec.admin.model.AArea"/>
    
    <resultMap id="aAreaResult" class="AArea">
        <result column="ID" property="id" />
        <result column="NAME" property="name" />
        <result column="PARENT_ID" property="parentId" />
        <result column="TYPE" property="type" />
        <result column="ZIP" property="zip" />
    </resultMap>
    <insert id="insert" parameterClass="AArea">
        insert into A_AREA (ID, NAME, PARENT_ID, TYPE, ZIP)
        values (#id#, #name#, #parentId#, #type#, #zip#)
    </insert>
    
    <!-- 根据父ID查询子类型 -->
    <select id="getByParentId" resultMap="aAreaResult" parameterClass="String">
         select * from a_area where parent_id=#value#
        order by id      
        <!--  select * from ec_area where parent_area_id=#value# and  and is_delete='N'
        order by area_order     -->
    </select>
    
</sqlMap>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE sqlMap PUBLIC "-//ibatis.apache.org//DTD SQL Map 2.0//EN" "http://ibatis.apache.org/dtd/sql-map-2.dtd">
<sqlMap namespace="EcArea">
    
    <typeAlias alias="EcArea" type="com.founder.ec.admin.model.EcArea"/>
    
    <resultMap id="ecAreaResult" class="EcArea">
        <result column="area_id" property="areaId" />
        <result column="parent_area_id" property="parentAreaId" />
        <result column="is_leaf" property="isLeaf" />
        <result column="full_index" property="fullIndex" />
        <result column="area_level" property="areaLevel" />
        <result column="area_no" property="areaNo" />
        <result column="area_order" property="areaOrder" />
        <result column="area_name" property="areaName" />
        <result column="is_delete" property="isDelete" />
        <result column="add_time" property="addTime" />
        <result column="add_user_id" property="addUserId" />
        <result column="edit_time" property="editTime" />
        <result column="edit_user_id" property="editUserId" />
        <result column="area_notes" property="areaNotes" />
        <result column="area_post" property="areaPost"/>
        <result column="IS_ALLOW_HDFK" property="isAllowHdfk"/>
    </resultMap>

    <insert id="save" parameterClass="EcArea">
        <selectKey resultClass="long" keyProperty="areaId" >  
            SELECT EC_AREA_SEQ.NEXTVAL AS area_id  from dual
        </selectKey>
        insert into ec_area (area_id, parent_area_id, is_leaf, full_index, area_level, area_no,
            area_order, area_name, add_time, add_user_id, edit_time,
            edit_user_id, area_notes, area_post,IS_ALLOW_HDFK)
        values (#areaId#, #parentAreaId#, #isLeaf#, #fullIndex#, #areaLevel#, #areaNo#, #areaOrder#,
            #areaName#, #addTime#, #addUserId#, #editTime#,
            #editUserId#, #areaNotes#, #areaPost#,#isAllowHdfk#)
        <selectKey   resultClass="long"   keyProperty="areaId" >  
            <![CDATA[   
                SELECT   LAST_INSERT_ID() as id 
            ]]>  
        </selectKey>     
    </insert>

    <update id="update" parameterClass="EcArea">
        update ec_area
        <dynamic prepend="set">
            <isNotNull prepend="," property="parentAreaId">
                parent_area_id = #parentAreaId#
            </isNotNull>
            <isNotNull prepend="," property="isLeaf">
                is_leaf = #isLeaf#
            </isNotNull>
            <isNotNull prepend="," property="fullIndex">
                full_index = #fullIndex#
            </isNotNull>
            <isNotNull prepend="," property="areaLevel">
                area_level = #areaLevel#
            </isNotNull>
            <isNotNull prepend="," property="areaNo">
                area_no = #areaNo#
            </isNotNull>
            <isNotNull prepend="," property="areaOrder">
                area_order = #areaOrder#
            </isNotNull>
            <isNotNull prepend="," property="areaName">
                area_name = #areaName#
            </isNotNull>
            <isNotNull prepend="," property="isDelete">
                is_delete = #isDelete#
            </isNotNull>
            <isNotNull prepend="," property="addTime">
                add_time = #addTime#
            </isNotNull>
            <isNotNull prepend="," property="addUserId">
                add_user_id = #addUserId#
            </isNotNull>
            <isNotNull prepend="," property="editTime">
                edit_time = #editTime#
            </isNotNull>
            <isNotNull prepend="," property="editUserId">
                edit_user_id = #editUserId#
            </isNotNull>
            <isNotNull prepend="," property="areaNotes">
                area_notes = #areaNotes#
            </isNotNull>
            <isNotNull prepend="," property="areaPost">
                area_post = #areaPost#
            </isNotNull>
            <isNotNull prepend="," property="isAllowHdfk">
                IS_ALLOW_HDFK = #isAllowHdfk#
            </isNotNull>
        </dynamic>
        where area_id = #areaId#
    </update>
    
    <!-- 根据父ID查询子类型 -->
    <select id="getByParentId" resultMap="ecAreaResult" parameterClass="Long">
         select * from ec_area where parent_area_id=#value# and is_delete='N'
        order by area_order     
    </select>
    
    <!-- 根据子ID查询全部父级信息 -->
    <select id="getByParentAreaInfoByAreaId" resultMap="ecAreaResult" parameterClass="Long">
         select * from ec_area ea connect by prior ea.parent_area_id=ea.area_id 
              start with ea.area_id=(select area_id from  order_delivery where order_id=#orderId# and rownum &lt;=1)  
              and ea.is_delete='N' order by ea.area_id asc
    </select>
    
    <!-- 根据父ID查询子类型 -->
    <select id="getByEcParentId" resultMap="ecAreaResult" parameterClass="java.util.Map">
         select * from ec_area where parent_area_id=#parentId# and is_delete='N'
        order by area_order     
    </select>
    
    <select id="getEcAreaInfo" resultMap="ecAreaResult" parameterClass="EcArea">
        select * from ec_area where is_delete = 'N' 
        <isNotNull prepend="and" property="areaId">
                area_id=#areaId#
        </isNotNull>
        <isNotNull prepend="and" property="parentAreaId">
                parent_area_id=#parentAreaId#
        </isNotNull>
        <isNotNull prepend="and" property="isLeaf">
                is_leaf=#isLeaf#
        </isNotNull>
        <isNotNull prepend="and" property="fullIndex">
                full_index=#fullIndex#
        </isNotNull>
        <isNotNull prepend="and" property="areaLevel">
                area_level=#areaLevel#
        </isNotNull>
        <isNotNull prepend="and" property="areaNo">
                area_no=#areaNo#
        </isNotNull>
        <isNotNull prepend="and" property="areaOrder">
                area_order=#areaOrder#
        </isNotNull>
        <isNotNull prepend="and" property="areaName">
                area_name like '%$areaName$%' 
        </isNotNull>
        <isNotNull prepend="and" property="areaNotes">
                area_notes like '%$areaNotes$%' 
        </isNotNull>
         <isNotNull prepend="and" property="isAllowHdfk">
                IS_ALLOW_HDFK = #isAllowHdfk#
         </isNotNull>
    </select>
    
    <!-- 绑定省 -->
    <select id="getEcAreaInfo1" resultMap="ecAreaResult" parameterClass="EcArea">
        select * from ec_area where is_delete = 'N' and parent_area_id='1' and IS_ALLOW_HDFK='Y' 
    </select>
    
    <!-- 注册 得到地区名称 -->
    <select id="getAreaName" parameterClass="HashMap" resultClass="String">
        SELECT      
            area_name as areaName
        FROM 
            ec_area WHERE area_id=#areaId#
    </select>
    
    <select id="getValidUserProvince" resultMap="ecAreaResult" parameterClass="Long">
         select distinct ea.* from 
         ec_area ea,sys_user su
         where ea.area_id=su.province_id
         and ea.is_delete='N' and su.is_delete='N'
        and
         ea.parent_area_id=#value#
        order by ea.area_order     
    </select>
    
    <select id="getValidUserCity" resultMap="ecAreaResult" parameterClass="Long">
         select distinct ea.* from 
         ec_area ea,sys_user su
         where ea.area_id=su.city_id
         and ea.is_delete='N' and su.is_delete='N'
         and ea.parent_area_id=#value#
        order by ea.area_order     
    </select>
    
    <select id="getValidUserArea" resultMap="ecAreaResult" parameterClass="Long">
         select distinct ea.* from 
         ec_area ea,sys_user su
         where ea.area_id=su.area_id
         and ea.is_delete='N' and su.is_delete='N'
         and ea.parent_area_id=#value#
        order by ea.area_order     
    </select>
    
    <select id="getNameById" parameterClass="Long" resultClass="String">
        select t.area_name from ec_area t 
        where t.area_id = #areaId#
    </select>
    
    <select id="getByNameAndLevel" parameterClass="EcArea" resultMap="ecAreaResult">
        select * from ec_area
        where is_delete='N'
        <isNotEmpty prepend="and" property="parentAreaId">
            parent_area_id=#parentAreaId#
        </isNotEmpty>
        <isNotEmpty prepend="and" property="areaName">
            area_name=#areaName#
        </isNotEmpty>
        <isNotEmpty prepend="and" property="areaLevel">
            area_level=#areaLevel#
        </isNotEmpty>
    </select>
</sqlMap>

 

转载于:https://www.cnblogs.com/wangchuanfu/p/5959292.html

使用React实现选择城市三级联动组件
左岸
04-08 8309
以下代码是初期写的代码，后来对代码进行优化，解决了初期的bug。完整的选择城市三级联动组件可以参考我的github项目中的代码，这是后期调试成功上传上去的React选择城市三级联动组件 &lt;SelectArea allAreaInfo={allAreaInfo} province={province} city={city} district={district} cancel={thi...
Android 仿淘宝2017添加地址
无论何时都不要停止学习，这是改变自己的必要条件
12-07 9817
最近想做个商城仿淘宝收货地址选择，在网上搜索“android 淘宝收货地址”，就看到了想要的效果。文章写的不错，可惜菜鸟级的我很多看不懂，所以用例外一种方式实现了。这里用到的数据时之前在做腾讯地图用到的接口，先附上效果图：源码下载 这里的源码下载的是一个module，需要导入到自己项目中才可以用。使用步骤如下：导入成功之后，选择tbareachoosedemo，然后运行他。关键代码类：1、Area...
Servlet-Web 省市区（县）三级联动代码与项目总结
LookingTomorrow的博客
08-19 3479
Servlet-Web 省市区（县）三级联动代码与项目总结 1） 创建得省市区（县）数据库 可以下载我百度云盘中的省市区（县）数据 ,然后导入MysqL数据中 //下载数据连接：http://pan.baidu.com/s/1qYqLdOK 2）然后搭建自己的项目（最好使用MVC模式搭建自己的项目架构）1.在省市区这个项目中我是按照mvc设置的构架分层思想设置的图 如下
require.js的简单使用
榴莲不好吃的专栏
11-27 4220
全局配置main.js: var version = +new Date(); require.config({ urlArgs: 'v=' + version, // 根路径设置，paths下面全部都是根据baseUrl的路径去设置 baseUrl: '../addons/ewei_shopv2/static/js/app/', paths: { ...
vue-cascader中国城市三级联动
weixin_42598901的博客
07-16 4172
<template> <div> <el-cascader :options="options" :props="props" v-model="selectedOptions" @change="handleChange" ...
JavaScript省市县三级联动-含源代码
热门推荐
TianXinCoord的博客
10-15 1万+
目录 一、省市县三级联动 1.实现思路 2.实现步骤 二、源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址 一、省市县三级联动 1.实现思路 1.创建省市县三级地址，分别采用下列方式表示 省份：使用一维数组 城市：使用二维数组，和一维数组省份对应 区/县：使用三维数组，和二维数组城市对应 2.创建HTML文件，然后创建三个select...
dcat-admin 城市三级联动
嘿喵财运旺旺
01-13 2350
在控制器form方法中加入下面代码 $form->row(function ($form){ // ... 其他表单，如果不这样写不显示 }); // 三个显示在一行，不需要可以去掉row方法 $form->row(function ($form){ // 省份 $form->width(4)->select('province_id')->options(Region::where('parent_id','')->get()->pluck('name', '
vue3 手动封装城市三级联动
阿乐的博客
06-07 243
三级联动
html省市县三级联动,JS省市县三级联动
weixin_29081101的博客
06-07 654
1.遍历省 在省的一列追加遍历出来的省2.遍历市2.1 根据省的索引来选择对应的市2.2 清空上一回选择的市和县2.3 如果省的索引大于 0 ，使其为 0 ，才能正常的遍历市，否则不能正常匹配2.4 在市的一...写个Ajax三级联动实例，用的最新的全国省市县mysql数据。这里只说一下思路，具体请看源码。首先看index.php，这是一个省份列表像平时购物选择地址时一样，通过选择的省动态加载城市...
layui-省市县三级联动下拉框-HTML源码
10-02
本文将详细介绍如何使用HTML、JavaScript（通常配合jQuery）以及可能涉及的CSS来实现"layui-省市县三级联动下拉框"的功能，并探讨其可扩展性。 首先，`layui`是一个流行的前端UI框架，它提供了一套美观、响应式的...
2024年最新-mysql 全国省市区三级联动表
12-12
三级联动表的概念在数据库设计中十分常见，尤其是在涉及地址信息的管理上，如省市区三级行政区域划分。 三级联动表的作用主要是为了方便地查询和管理地理信息数据。在数据库中，通常会设有三个表：省份表、城市表和...
element-plus---Cascader三级联动地区选择---json数据
08-19
在这个场景中，"element-plus---Cascader三级联动地区选择---json数据" 主题指的是使用Element Plus的Cascader组件来实现中国地区的三级联动选择，数据格式为JSON。 首先，我们来看Cascader组件。Cascader 是一个...
非常好用的城市三级联动或者分类三级联动
06-23
这个"非常好用的城市三级联动或者分类三级联动"项目提供了一个高效且实用的解决方案，适用于那些需要在用户界面中实现多级选择功能的场景。下面将详细阐述这种联动效果的工作原理、应用场景以及如何使用uniapp进行...
HTML城市三级联动与区域编码.zip
01-08
本资源“HTML城市三级联动与区域编码.zip”包含了一个实现此功能的示例，它结合了HTML5、JavaScript以及可能的CSS样式，来创建一个动态的、响应式的三级下拉菜单。 首先，HTML5是现代网页开发的基础，提供了更丰富...
学习Java24天
2401_88987098的博客
08-23 312
（调对象的read）相当于数据输入流（DateIntputstream）写什么打什么（如果要追加需要包低级管道，看第一行）161/199（这几天加把劲把JavaSE学完）（需要读时按照对应顺序的数据类型读数据）IO流（缓冲流和特殊流及io框架）（缓冲字节输入流（包装））（包含缓冲字节输出流）
深入理解 Spring 的 @ControllerAdvice
Roc的博客
08-20 1008
简单来说，是一个组件注解（被@Component元注解标注），它允许你将一个类声明为一个全局的、跨多个控制器的增强器（Advice）。你可以把它理解为 Spring MVC 版本的AOP（面向切面编程），但它不是基于代理，而是专门为控制器层设计的。全局异常处理全局数据绑定全局数据预处理命名清晰：类名如，明确其职责。区分使用场景开发，优先使用，专注于返回统一的 JSON 异常响应。开发传统多页应用，使用，可以混合处理异常、绑定模型等。避免过度使用。
Java虚拟机故障处理工具全指南
qq_73993301的博客
08-20 1306
JVM故障处理工具全景指南：从基础到高阶诊断 本文系统介绍了JVM提供的故障诊断工具链，包括命令行工具（jps、jstat、jinfo、jmap、jhat、jstack、jcmd）和可视化工具（jconsole、VisualVM）。详细解析了各工具的核心功能和使用场景：jps用于进程查看、jstat监控GC行为、jmap生成堆转储等。文章提供了实战建议，强调基线数据收集和工具组合使用的重要性，并指出生产环境的使用注意事项。最后还介绍了远程连接、自动化分析等高级技巧，推荐结合Arthas、MAT等专业工具进行
c语言指针学习
最新发布
曾大强博客
08-24 300
用途描述关键点基本操作通过指针间接访问和修改变量与数组高效地遍历和操作数组数组名即指针，指针算术运算与函数实现传址调用，修改实参，返回多个值函数参数定义为指针动态内存在运行时申请任意大小的内存malloccallocreallocfree掌握指针需要大量的练习和实践。先从简单的例子开始，理解地址和值的区别，然后再逐步深入到数组、函数和动态内存管理中。
实现省市区域三级联动的jsp-ajax技术应用
三级联动通常指的是在一个Web应用中，选择一个省份后，能够自动更新显示该省下辖的市（地级市），接着再显示该市下辖的区或县，实现省、市、区三级的动态联动选择功能。这在填写地址信息等表单时非常常见和有用。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值