那么首先我们需要全国各地的省市区信息,具体自己动动小手:
链接:https://pan.baidu.com/s/1ofVkyJgGNG0QNSCDJan3AA
提取码:call
同时感谢站上的大哥提供的省市区信息,上面的不知道是哪一年的,若有需要请访问大哥的库,链接如下:
三级联动的数据源:可以到我的库里面下载整理好的省市区县乡镇行政区划数据+坐标矢量边界地理围栏(sql、geojson、shp),这个库会长期维护,多级联动、echarts测试例子: https://xiangyuecn.gitee.io/areacity-jsspider-statsgov/
具体
一:创建jsp文件
1.我们创建一个jsp文件,就叫china.jsp吧:
这样就有了简单的样式啦!
二:JDBC请求数据库数据
jQuery包自取点:(记得引入哦)
链接:https://pan.baidu.com/s/1rYWsx653xIHX1r_r9NBEuw
提取码:call
三:省市区的pojo类
创建pojo类:Province,City,Area。(就是封装数据用的,大家懂的)
1.省:
2.市:
3.区:
四:JDBC连接数据库
JDBC驱动自取点:
链接:https://pan.baidu.com/s/1G1mfI_EL2NUBJvu75qxSLA
提取码:call
JDBC连接的工具类
(记得修改数据库名和密码哦)
import java.sql.*;
public class JDBCUtil {
private final static String URL = "jdbc:mysql://localhost:3306/china?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC";
private final static String USER = "root";//数据库账号
private final static String PASSWORD = "root";//数据库密码
private JDBCUtil() {
}
//加载驱动
static {
try {
Class.forName("com.mysql.cj.jdbc.Driver");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
}
public static Connection getConnection() throws SQLException {
Connection connection = DriverManager.getConnection(URL,USER,PASSWORD);
return connection;
}
public static void close(Connection connection, PreparedStatement preparedStatement, ResultSet resultSet){
if (resultSet != null