加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

DWR实现省市级联

发布时间：2020-12-16 00:45:56 所属栏目：百科 来源：网络整理
导读：项目部署为： 数据库SQL代码为： --省级 provincial [sql] view plain copy print ? create table provincial ( provincialID int , provincialName varchar (50), primary key (provincialID) )engine=INNODB default charset=gb2312; create table provinc

项目部署为：

数据库SQL代码为：

--省级 provincial

[sql] view plain copy print ?
  1. create table provincial (
  2. provincialID int,
  3. provincialName varchar(50),
  4. primary key (provincialID)
  5. )engine=INNODB default charset=gb2312;


--城市 city

[sql] view plain copy print ?
  1. create table city (
  2. cityID int not null,
  3. cityName varchar(50) not null,
  4. provincialID int not null,
  5. primary key (cityID)
  6. )engine=INNODB default charset=gb2312;

详细数据库代码如下链接：

http://download.csdn.net/detail/aigochina/4649480

下面的代码用于与数据库实现映射：
City.java类代码：(城市)

[java] view plain copy print ?
  1. public class City {
  2. private int cityID;
  3. public int getCityID() {
  4. return cityID;
  5. }
  6. public void setCityID(int cityID) {
  7. this.cityID = cityID;
  8. }
  9. public String getCityName() {
  10. return cityName;
  11. }
  12. public void setCityName(String cityName) {
  13. this.cityName = cityName;
  14. }
  15. public int getProvincialID() {
  16. return provincialID;
  17. }
  18. public void setProvincialID(int provincialID) {
  19. this.provincialID = provincialID;
  20. }
  21. private String cityName;
  22. private int provincialID;
  23. }


Province.java类代码：(省)

[java] view plain copy print ?
  1. public class Province {
  2. private int provincialID;
  3. public int getProvincialID() {
  4. return provincialID;
  5. }
  6. public void setProvincialID(int provincialID) {
  7. this.provincialID = provincialID;
  8. }
  9. public String getProvincialName() {
  10. return provincialName;
  11. }
  12. public void setProvincialName(String provincialName) {
  13. this.provincialName = provincialName;
  14. }
  15. private String provincialName;
  16. }


CityDao.java类代码：(实现与数据库操作)

[java] view plain copy print ?
  1. import java.sql.Connection;
  2. import java.sql.PreparedStatement;
  3. import java.sql.ResultSet;
  4. import java.sql.SQLException;
  5. import java.util.ArrayList;
  6. import java.util.List;
  8. public class CityDao {
  9. Connection conn=null;
  10. PreparedStatement pre=null;
  11. ResultSet res;
  12. //根据省份ID来获得相对应的城市信息
  13. public List<City> getCity(int provincialID){
  14. List<City> cityList=new ArrayList<City>();
  15. String sql="SELECT * FROM city WHERE provincialID=?";
  16. conn=new Basedao().getConnection();
  17. try {
  18. pre=conn.prepareStatement(sql);
  19. pre.setInt(1,provincialID);
  20. res=pre.executeQuery();
  21. while(res.next()){
  22. City city=new City();
  23. city.setCityID(res.getInt("cityID"));
  24. city.setCityName(res.getString("cityName"));
  25. city.setProvincialID(res.getInt("provincialID"));
  26. cityList.add(city);
  27. }
  28. } catch (SQLException e) {
  29. e.printStackTrace();
  30. }
  33. return cityList;
  34. }
  36. //获得所有的省份列表
  37. public List<Province> getProvince(){
  38. List<Province> proList=new ArrayList<Province>();
  39. String sql="SELECT * FROM provincial";
  40. conn=new ConnectDB().getConnection();
  41. try {
  42. pre=conn.prepareStatement(sql);
  43. res=pre.executeQuery();
  44. while(res.next()){
  45. Province pro=new Province();
  46. pro.setProvincialID(res.getInt("provincialID"));
  47. pro.setProvincialName(res.getString("provincialName"));
  48. proList.add(pro);
  49. }
  50. } catch (SQLException e) {
  51. e.printStackTrace();
  52. }
  54. return proList;
  55. }
  56. }


ConnectDB.java代码（用于实现数据库连接）

[java] view plain copy print ?
  1. public class ConnectDB {
  2. public Connection conn=null;
  3. private String url="jdbc:mysql://localhost:3306/test";
  4. private String user="root";
  5. private String password="lovemu";
  6. public Connection getConnection(){
  7. try {
  8. Class.forName("com.mysql.jdbc.Driver");
  9. conn=DriverManager.getConnection(url,user,password);
  10. } catch (ClassNotFoundException e) {
  11. e.printStackTrace();
  12. } catch (SQLException e) {
  13. e.printStackTrace();
  14. }
  15. return conn;
  16. }
  17. }


dwr.xml代码如下：

[html] view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">
  3. <dwr>
  4. <allow>
  5. <create creator="new" javascript="province">
  6. <param name="class" value="dao.CityDao"></param>
  7. </create>
  8. <convert converter="bean" match="dao.Province"></convert>
  9. <convert converter="bean" match="dao.City"></convert>
  10. </allow>
  11. </dwr>

实现省市级联的页面代码：

[html] view plain copy print ?
  1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9. <head>
  10. <base href="<%=basePath%>">
  12. <title>My JSP 'index.jsp' starting page</title>
  13. <meta http-equiv="pragma" content="no-cache">
  14. <meta http-equiv="cache-control" content="no-cache">
  15. <meta http-equiv="expires" content="0">
  16. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  17. <meta http-equiv="description" content="This is my page">
  18. <script type='text/javascript' src='/DWR/dwr/engine.js'></script>
  19. <script type='text/javascript' src='/DWR/dwr/interface/province.js'></script>
  20. <script type='text/javascript' src='/DWR/dwr/util.js'></script>
  22. </head>
  23. <body onload="getPro();">
  24. 所在地：<select onchange="getCity();" id="provicial" name="province"></select><select id="city" name="city"></select>
  26. </body>
  27. <script type="text/javascript">
  29. //获得省份列表
  30. function getPro() {
  31. province.getProvince(callPro);
  32. }
  33. //城市返回函数
  34. function callPro(data) {
  35. var provical = document.getElementById("provicial");
  36. provical.innerHTML = "";//如果有值就清空
  37. provical.add(new Option('请选择',''));
  38. for ( var i = 0; i < data.length; i++) {//循环添加省份下拉列表
  39. provicial.add(new Option(data[i].provincialName,
  40. data[i].provincialID));
  41. }
  42. }
  43. //根据省份ID获取相对应的城市列表
  44. function getCity() {
  45. var city = document.getElementById("provicial").value;
  46. //获得省份下拉列表的值
  47. province.getCity(city,callCity);
  48. }
  49. function callCity(data) {
  50. var city = document.getElementById("city");//将城市下拉列表清空
  51. city.innerHTML = "";
  52. city.add(new Option('请选择',''));
  53. for ( var i = 0; i < data.length; i++) {//循环添加城市下拉列表
  54. city.add(new Option(data[i].cityName,data[i].cityID));
  55. }
  56. }
  57. </script>
  58. </html>

其中所引用的js代码

[javascript] view plain copy print ?
  1. <script type='text/javascript' src='/DWR/dwr/engine.js'></script>
  2. <script type='text/javascript' src='/DWR/dwr/interface/province.js'></script>
[javascript] view plain copy print ?
  1. <script type='text/javascript' src='/DWR/dwr/util.js'></script>

来自以下页面：

运行后,在浏览器地址栏输入：http://localhost:8080/DWR/dwr

页面如下：

点击黄颜色部分，进入页面：

上面的javascrip代码即为红色框内的内容。

最后，运行项目，运行结果为：

以上内容转自网络：http://www.52php.cn/article/p-xulcmrly-qz.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
    相关内容
      推荐文章
        站长推荐
        热点阅读

          【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

          建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

          Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同