JAVA——三级联动 省 市 区

最新推荐文章于 2024-07-10 21:37:49 发布
最新推荐文章于 2024-07-10 21:37:49 发布
阅读量887 收藏 5
点赞数 7
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kds257248/article/details/118078989
版权

login.jsp首页


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.6.0.js"></script>

</head>
<body>
<script>
    $(function () {
        $.ajax({
            type:"get",//类型
            url:"findprovince",//地址
            dataType:"json",//数据类型
            success:function (data) {//回调函数 data的值就是从后端发送过来的json格式的字符串
                //拿到当前省份的元素对象
                var obj=$("#province");
                for ( var  i = 0; i < data.length;i++){
                    var ob="<option value='"+data[i].pid+"'>"+data[i].pname+"</option>";
                    obj.append(ob);

                }

            }
        });
    });
</script>

<select name="province" id="province">
    <option value="0">请选择</option>
</select>省
<select name="city" id="city">
    <option value="0">请选择</option>
</select>市
<select name="street" id="street">
    <option value="0">请选择</option>
</select>区
<script>
    $("#province").change(function () {
        $("#city option").remove();
        $.ajax({
            type: "get",
            url: "findcitybypid?id="+$("#province").val(),
            dataType: "json",
            success:function (data) {
                var obj=  $("#city");
                for (var i=0;i<data.length;i++){
                    var  ob= "<option value='"+data[i].cid+"'>"+data[i].cname+"</option>"
                    obj.append(ob)
                }
            }
        });
    });
</script>
<script>
        $("#city").change(function () {
            $("#street option").remove();
            $.ajax({
                type:"get",
                url:"findstreetbysid?id="+$("#city").val(),
                dataType: "json",
            success:function (data) {
                var obj=  $("#street");
                for (var i=0;i<data.length;i++){
                    var  ob= "<option value='"+data[i].sid+"'>"+data[i].sname+"</option>"
                    obj.append(ob)
                }
            }
        });
    });
</script>

</body>
</html>

dao层 的接口
省份 的dao的接口ProvinceInfoDao

package cn.hp.dao;

import cn.hp.model.Province;

import java.util.List;

public interface ProvinceInfoDao {
    public List<Province> findAll();

}

市的dao的接口CityInfoDao

package cn.hp.dao;

import cn.hp.model.City;
import cn.hp.model.Province;

import java.util.List;

public interface CityInfoDao {
    public List<City> findAllCity(int pid);
}

区的dao的接口StreetDao

package cn.hp.dao;

import cn.hp.model.Street;

import java.util.List;

public interface StreetDao {
    public List<Street> findAllStreet(int cid);
}

impl层 dao的实现类
省份dao的实现类ProvinceInfoDaoImpl

package cn.hp.dao;

import cn.hp.model.Province;
import cn.hp.util.DBHelper;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

//接口实现类
public class ProvinceInfoDaoImpl implements ProvinceInfoDao {
    @Override
    public List<Province> findAll() {
        Connection conn = DBHelper.getConn();
        List<Province> list=new ArrayList<Province>();
        String sql="select * from province";
        try {
            PreparedStatement ps=conn.prepareStatement(sql);//预编译当前的sql语句
            ResultSet rs = ps.executeQuery();
            while (rs.next()){
                Province p=new Province();//实例化当前省份
                p.setPid(rs.getInt(1));
                p.setPname(rs.getString(2));
                list.add(p);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return list;
    }
}

市dao的实现类CityInfoDaoImpl

package cn.hp.dao;

import cn.hp.model.City;
import cn.hp.util.DBHelper;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

public class CityInfoDaoImpl implements CityInfoDao {
    @Override
    public List<City> findAllCity(int pid) {
        Connection conn = DBHelper.getConn();
        List<City> list=new ArrayList<City>();
        String sql="select * from city where pid=?";
        try {
            PreparedStatement ps=conn.prepareStatement(sql);//预编译当前的sql语句
            ps.setInt(1,pid);
            ResultSet rs = ps.executeQuery();
            while (rs.next()){
                City c=new City();//实例化当前省份
                c.setCid(rs.getInt(1));
                c.setCname(rs.getString(2));
                c.setPid(rs.getInt(3));
                list.add(c);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return list;
    }
}

区县dao的实现类StreetDaoImpl

package cn.hp.dao;

import cn.hp.model.Street;
import cn.hp.util.DBHelper;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

public class StreetDaoImpl implements StreetDao {
    @Override
    public List<Street> findAllStreet(int cid) {
        Connection conn= DBHelper.getConn();
        List<Street> list= new ArrayList<Street>();
        String sql="select * from street where cid =?";
        try {
            PreparedStatement ps= conn.prepareStatement(sql);//预编译当前的sql语句
            ps.setInt(1,cid);
            ResultSet rs=  ps.executeQuery();
            while (rs.next()){
                Street s= new Street();//实例化当前区
                s.setSid(rs.getInt(1));
                s.setSname(rs.getString(2));
                s.setCid(rs.getInt(3));

                list.add(s);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return list;
    }

}

model层 实体类
省 Province

package cn.hp.model;

public class Province {
    private int pid;
    private String pname;

    

    public Province(int pid, String pname) {
        this.pid = pid;
        this.pname = pname;
    }

    public Province() {
    }

    public int getPid() {
        return pid;
    }

    public void setPid(int pid) {
        this.pid = pid;
    }

    public String getPname() {
        return pname;
    }

    public void setPname(String pname) {
        this.pname = pname;
    }
}

市City

package cn.hp.model;

public class City {
    private int cid;
    private String cname;
    private int pid;



    public City(int cid, String cname, int pid) {
        this.cid = cid;
        this.cname = cname;
        this.pid = pid;
    }

    public City() {
    }

    public int getCid() {
        return cid;
    }

    public void setCid(int cid) {
        this.cid = cid;
    }

    public String getCname() {
        return cname;
    }

    public void setCname(String cname) {
        this.cname = cname;
    }

    public int getPid() {
        return pid;
    }

    public void setPid(int pid) {
        this.pid = pid;
    }
}

区Street

package cn.hp.model;

public class Street {
    private int sid;
    private String sname;
    private int cid;

    public int getSid() {
        return sid;
    }

    public void setSid(int sid) {
        this.sid = sid;
    }

    public String getSname() {
        return sname;
    }

    public void setSname(String sname) {
        this.sname = sname;
    }

    public int getCid() {
        return cid;
    }

    public void setCid(int cid) {
        this.cid = cid;
    }

    public Street(int sid, String sname, int cid) {
        this.sid = sid;
        this.sname = sname;
        this.cid = cid;
    }

    public Street() {
    }
}

servlet层
省 ProvincServlet

package cn.hp.servlet;

import cn.hp.dao.ProvinceInfoDao;
import cn.hp.dao.ProvinceInfoDaoImpl;
import cn.hp.model.Province;
import com.alibaba.fastjson.JSONObject;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/findprovince")
public class FindProvinceServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //编码格式
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        ProvinceInfoDao pid=new ProvinceInfoDaoImpl();
        List<Province> plist =pid.findAll();
        //把这个省份的集合转换成json格式的数据发送到前端页面
        response.getWriter().write(JSONObject.toJSONString(plist));
    }
}

市CityPidServlet

package cn.hp.servlet;

import cn.hp.dao.CityInfoDao;
import cn.hp.dao.CityInfoDaoImpl;
import cn.hp.model.City;
import com.alibaba.fastjson.JSONObject;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/findcitybypid")
public class FindCityByPidServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //编码格式
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        String id = request.getParameter("id");
        CityInfoDao cid=new CityInfoDaoImpl();
        List<City> list = cid.findAllCity(Integer.parseInt(id));
        //把城市的集合转换成json格式的字符串发送到前端页面
        response.getWriter().write(JSONObject.toJSONString(list));
    }

}

区CitySidServlet

package cn.hp.servlet;

import cn.hp.dao.StreetDao;
import cn.hp.dao.StreetDaoImpl;
import cn.hp.model.Street;
import com.alibaba.fastjson.JSONObject;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/findstreetbysid")
public class FindCityBySidServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //编码格式
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        String id = request.getParameter("id");
        StreetDao sid=new StreetDaoImpl();
        List<Street> slist = sid.findAllStreet(Integer.parseInt(id));
        response.getWriter().write(JSONObject.toJSONString(slist));
    }
}

util层工具类

package cn.hp.util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DBHelper {
	private static String Driver = "com.mysql.jdbc.Driver";
	private static String Url = "jdbc:mysql://localhost:3306/provinces?characterEncoding=utf8";
	private static String user = "root";
	private static String pwd = "123456";
	public static Connection conn;

	public static Connection getConn() {
		try {
			Class.forName(Driver);
			conn = DriverManager.getConnection(Url, user, pwd);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return conn;
	}


	public static void getClose() {
		try {
			if (conn != null) {
				conn.close();
			}
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}


	public static void main(String[] args) {
		System.out.println(getConn());
		if (getConn()!=null) {
			System.out.println("���ӳɹ�");
		}
	}
}

数据库信息

CREATE database provinces CHARACTER  set utf8;
use provinces; 


CREATE table  province (
pid INT PRIMARY KEY  auto_increment,
pname varchar(20)
);


INSERT into province VALUES (null,"河南省");
INSERT into province VALUES (null,"山东省");
INSERT into province VALUES (null,"河北省");

CREATE table  city (
cid INT PRIMARY KEY  auto_increment,
cname varchar(20),
pid int  
);

-- 河南省
INSERT into city VALUES (null,"郑州市",1);
INSERT into city VALUES (null,"开封市",1);
INSERT into city VALUES (null,"洛阳市",1);

-- 山东
INSERT into city VALUES (null,"济南市",2);
INSERT into city VALUES (null,"青岛市",2);
INSERT into city VALUES (null,"淄博市",2);

-- 河北
INSERT into city VALUES (null,"石家庄市",3);
INSERT into city VALUES (null,"唐山市",3);
INSERT into city VALUES (null,"秦皇岛市",3);



CREATE table  street (
sid INT PRIMARY KEY  auto_increment,
sname varchar(20),
cid int 
);


-- 郑州市
INSERT into street VALUES (null,"中原区",1);
INSERT into street VALUES (null,"二七区",1);
INSERT into street VALUES (null,"管城回族区",1);

-- 开封市
INSERT into street VALUES (null,"龙亭区",2);
INSERT into street VALUES (null,"顺河回族区",2);
INSERT into street VALUES (null,"鼓楼区",2);

-- 洛阳市
INSERT into street VALUES (null,"汝阳",3);
INSERT into street VALUES (null,"宜阳",3);
INSERT into street VALUES (null,"洛宁",3);

-- 济南市
INSERT into street VALUES (null,"商河县",4);
INSERT into street VALUES (null,"济阳县",4);
INSERT into street VALUES (null,"平阴县",4);
-- 青岛市
INSERT into street VALUES (null,"七区五市",5);
INSERT into street VALUES (null,"市南区",5);
INSERT into street VALUES (null,"市北区",5);
-- 淄博市 
INSERT into street VALUES (null,"博山",6);
INSERT into street VALUES (null,"周村",6);
INSERT into street VALUES (null,"临淄",6);

-- 石家庄市
INSERT into street VALUES (null,"正定县",7);
INSERT into street VALUES (null,"行唐县",7);
INSERT into street VALUES (null,"灵寿县",7);

-- 唐山市
INSERT into street VALUES (null,"乐亭县",8);
INSERT into street VALUES (null,"迁西县",8);
INSERT into street VALUES (null,"玉田县",8);

-- 秦皇岛市
INSERT into street VALUES (null,"青龙满族自治县",9);
INSERT into street VALUES (null,"昌黎县",9);
INSERT into street VALUES (null,"卢龙县",9);

实现效果

拿红罗卜钓鱼
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
JavaWeb——AJAX(附三级联动省、市、区案例）
weixin_43820008的博客
02-05 1168
目录1. 定义1.1 优点2. 基于jQuery的AJAX 1. 定义 AJAX：异步的JavaScript和xml，并不是新的编程，指的是一种交互方式，异步加载，客户端和服务器的数据交互更新在局部页面的技术，不需要刷新整个页面（局部刷新） 1.1 优点 局部刷新，效果更好 用户体验更好 2. 基于jQuery的AJAX jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf
java后端实现省市区三级联动接口查询及数据库表上
txwy12的博客
02-14 1252
【代码】java后端实现省市区三级联动接口查询及数据库表上。
html实现 省——市——区三级联动
weixin_33989780的博客
04-14 496
　　html实现 省——市——区三级联动 　　html中实现三级联动是一个不错的demo，博主在这里跟大家分享一下实现的过程，以及自己在过程中出现的一些问题，仅供参考。 　　首先我们将全国的省市区数据导入进来，这里已经直接整理搜集好了。如下： var provinceList = [ {name:'北京', cityList:[ {name:'市辖区', area...
省市三级联动 java_我写的全国省市县三级联动菜单，拿出来和大家分享了（原创）...
weixin_36378793的博客
02-12 640
/** 这是一个省市县级联的选择器采用ajax的方式来调用数据源* ajax页面接收2个参数，level和parentid，这2个参数作为查询条件* 其中level代表地区等级，1=省，2=市，3=县* 另一个参数parentid代表要查询的地区的父级地区* ajax取到的结果是字符串序列(例如：235,潮州市;236,东莞市;237,佛山市;238)**/function AreaPicker(...
Ajax案例——省市县/区三级联动选择框
挣钱买房买车的博客
10-06 936
省市区县三级联动，选择下拉框的实现
php用ajax实现三级联动,使用php ajax写省、市、区、三级联动
weixin_28720573的博客
08-05 478
题目要求：要求：写一个省市区(或者年月日)的三级联动，实现地区或时间的下拉选择。实现技术：php ajax实现：省级下拉变化时市下拉区下拉跟着变化，市级下拉变化时区下拉跟着变化。使用chinastates表查询无标题文档三级联动$(document).ready(function(e) {sheng();shi();qu();$("#sheng").change(function(){shi();...
Ajax(下)——＞实现省市区三级联动
yangyingjian123的博客
03-07 181
省市区三级联动 1、创建DB_Helper文件，连接数据库 import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class DBhelper { // 定义三个常量 1.数据库连接字符串 2.数据库的账号 3.连接数据库的密码 public static final String URL="jdbc:mysql://localhost:3306/t
android 三级联动地址选择器,Android-PickerView
weixin_30127995的博客
05-26 629
Android-PickerView 注意事项、详请使用方式、更新日志等，请查看 Wiki文档Wiki文档，Wiki文档，Wiki文档 !~ 重要的事情说三遍对于使用上有任何疑问或优化建议等，欢迎加入QQ群讨论交流技术问题。交流群1： 387051294(推荐)交流群2： 219962328(已满)介绍这是一款仿iOS的PickerView控件，有时间选择器和选项选择器，新版本的详细特性如下：—...
2018最新版省市区三级联动下拉框+所有源代码以及数据库
liulan93的博客
12-13 5742
2018年国家统计局最新数据，JSP+Servlet+Dao实现省市区三级联动下拉框的效果 DropdownDAO.java —–Dao层  package com; import java.sql.Connection; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; i...
省市区三级联动Dialog
06-28
在IT领域，"省市区三级联动Dialog"是一个常见的交互设计元素，主要应用于用户需要选择地理位置信息的场景，如填写收货地址、设置定位等。这种设计通常涉及到前端开发中的下拉选择框（Dropdown）或者对话框（Dialog）...
安卓IOS风格相关-Android省市区三级联动滚轮选择——仿IOS效果.zip
07-29
这篇文档将深入解析“安卓IOS风格相关-Android省市区三级联动滚轮选择——仿IOS效果”的知识点，主要涉及Android开发中的UI设计、数据处理以及用户交互。在Android应用开发中，模仿iOS的设计风格可以为用户提供熟悉...
sjld_三级联动
01-24
总结来说，"sjld_三级联动"项目是一个实践性的学习资源，它覆盖了前端开发中的一个重要概念——三级联动，并提供了文档和实际代码作为学习材料。无论是初学者还是经验丰富的开发者，都能从中受益，提升自己的技能和...
安卓Android源码——省市区三级连动--spinner.zip
10-14
标题 "安卓Android源码——省市区三级连动--spinner.zip" 暗示这是一个关于安卓应用开发的项目，特别关注的是在用户界面中实现省市区三级联动选择的功能。这种功能通常用于用户输入其所在地或者配送地址，使得用户...
时间和三级联动控件
11-12
——OptionsPopupWindow 选项选择器，支持一，二，三级选项选择，并且可以设置是否联动 使用gradle 依赖: java compile 'com.bigkoo:pickerview:1.0.0' Demo 图片（招行信用卡的“掌上生活”里面条件选择器他们用的...
配置Java开发环境
最新发布
Broken_x的博客
07-10 742
Java开发环境配置
关于static定义初始化块和静态变量以及初始化块的执行顺序问题
你我约定有三的博客
07-08 264
第二步：在类加载的时候，按照从上到下执行static修饰的代码，此时执行static Test2 test1 = new Test2()，也就是创建出一个名为test1的对象。第六步：此时除了main方法，所有由static修饰的代码全部执行完毕(static修饰的代码只执行一次)，类初始化完成，开始执行main方法，main方法中只有一条语句(中的代码,此时输出aa以及a的值(由于第一步没赋初值，并且给了默认值为0 所以输出0)//首先输出a的值为10 然后输出bb，最后将a的值定义为11。
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
小明的Java问道之路
07-08 1715
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
java Object 转 Integer
servepeople的博客
07-09 1170
在 Java 中，可以通过多种方法将一个Object转换为Integer。
Java省市区三级联动
04-03
Java省市区三级联动是一种常见的前端交互功能，用于实现用户选择省份、城市和区县的功能。通常情况下，这种功能是通过前端页面和后端接口的配合实现的。 具体实现步骤如下： 1. 前端页面：在前端页面上创建三个下拉框，分别用于显示省份、城市和区县的选项。当用户选择省份时，触发相应的事件，通过Ajax请求后端接口获取对应的城市列表，并将城市列表填充到城市下拉框中。同样的，当用户选择城市时，再次触发事件，获取对应的区县列表，并填充到区县下拉框中。 2. 后端接口：后端接口负责处理前端页面发送的请求，并返回相应的数据。在这个例子中，后端接口需要提供获取省份、城市和区县列表的功能。可以通过数据库查询或者其他方式获取相应的数据，并将数据以JSON格式返回给前端页面。 3. 数据库或数据源：为了获取省份、城市和区县的数据，可以使用数据库存储相应的数据，并通过后端接口进行查询。也可以使用其他数据源，如文件、缓存等。 实现Java省市区三级联动需要前后端配合完成，前端负责页面展示和用户交互，后端负责处理请求和返回数据。通过这种方式，用户可以方便地选择省份、城市和区县，实现三级联动的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拿红罗卜钓鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值