`

DWR+SSH的下拉框联动

阅读更多

最近在做一个物流的管理系统用于对以前学习的SSH和其他的知识复习巩固一下,顺便了解一下SHH和DWR的最新功能:

该实现是没有封装的,可以增加同类的js和配置后,可以无限的联动下去

 

1.SHH和DWR的框架搭建就不在详细描述,大家可以在google找到N多!

2.hibernate的实体及配置:
在cn.com.pumkinchina.mapping下建类
public class Province {
 
  //省ID
  private Long provinceid;
 
 //省名
 private String provincename;

 //get和set方法省略

}

public class City {
 
 //市ID
 private Long cityid;
 
 //市名称
 private String cityname;
 
 。。。 。。。

 //get和set方法省略
}

在同一位置创建映射文件
Province.hbm.xml
<hibernate-mapping>
 <class name="cn.com.pumkinchina.mapping.Province" table="C_Province">
  <id name="provinceid">
   <generator class="native" />
  </id>
  <property name="provincename"/>
</hibernate-mapping>

City.hbm.xml
<hibernate-mapping>
 <class name="cn.com.pumkinchina.mapping.City" table="C_Province">
  <id name="cityid">
   <generator class="native" />
  </id>
  <property name="cityname"/>
</hibernate-mapping>

2.查询逻辑
在cn.com.pumkinchina.service.dwr包下建立
public class ProvinceAndCityLiandong {
 
 //获得省的列表
 public List<Province> getProvinceList() {
  
  return provinceService.getAll();
 }
 
 //根据省的id查询市的列表
 public List<City> getCityList(String provinceid) {
  
  if(provinceid == null || provinceid.trim().length()==0) {
   return cityService.getCityAll();
  }
  
  return cityService.getCityrForProvince(provinceid);
 }
 
 /**
  * IOC
  */
 private ProvinceService provinceService;
 
 private CityService cityService;

 //省略set的设置器注入方法
}

3.在config包下建立spring关于dwr服务的配置文件applicationContext-dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
 xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">

 <bean id="ProvinceAndCityService" class="cn.com.pumkinchina.service.dwr.ProvinceAndCityLiandong" >
  <property name="provinceService" ref="ProvinceService" />
  <property name="cityService" value="CityService" />
 </bean> 
</beans>

4.WEB-INF下建立dwr.xml
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://directwebremoting.org/schema/dwr30.dtd">
<dwr>
 <allow>
  <convert converter="bean" match="cn.com.pumkinchina.mapping.Province">
   <param name="include" value="provinceid,provincename" />
  </convert>
  <convert converter="bean" match="cn.com.pumkinchina.mapping.City">
   <param name="include" value="cityid,cityname" />
  </convert>
  <create creator="spring" javascript="ProvinceAndCityScript">
   <param name="beanName" value="ProvinceAndCityService"/>
   <include method="getProvinceList"/>
   <include method="getCityList"/>
  </create>
 </allow>
</dwr>

5.jsp:test.jsp
<%@ page contentType="text/html;charset=utf-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>框架页面</title>
  <script type="text/javascript" src="<%=basePath%>dwr/interface/ProvinceAndCityScript.js"></script>
  <script type="text/javascript" src="<%=basePath%>dwr/engine.js"></script>
  <script type="text/javascript" src="<%=basePath%>dwr/util.js"></script>
  <script type="text/javascript" src="<%=basePath%>jquery/jquery.js"></script>  
  <script type="text/javascript">
  
  $(function(){
   dwr.engine.setAsync(false);
   getProvinceList();
   getCityList();
  });

  function getProvinceList() {
   ProvinceAndCityScript.getProvinceList({
    callback:function(provincelist){
     dwr.util.removeAllOptions("province");
     dwr.util.addOptions("province",[{name:"请选择...",value:"0" }],"value","name");
     dwr.util.addOptions("province",provincelist,"provinceid","provincename");
    },
    timeout:5000
   });
  }

  function getCityList() {
   ProvinceAndCityScript.getCityList(dwr.util.getValue("province"),{
    callback:function(citylist){
     dwr.util.removeAllOptions("city");
     dwr.util.addOptions("city",[{name:"请选择...",value:"0" }],"value","name");
     dwr.util.addOptions("city",citylist,"cityid","cityname");
    },
    timeout:5000
   });
  }

  </script>
 </head>
 <body>
 <select id="province" onchange="getCityList()"></select> 
 <select id="city"></select>
 </body>
</html>

 

 

 

分享到:
评论

相关推荐

    DWR+Spring下拉框联动实例

    **DWR+Spring 下拉框联动实例** DWR(Direct Web Remoting)是一个开源的Java框架,它使得JavaScript和服务器端的Java代码可以进行实时交互,实现AJAX(Asynchronous JavaScript and XML)功能,而无需编写复杂的...

    dwr+ssh项目

    在DWR+SSH项目中,它们协同工作以实现更复杂的功能: 1. **Struts2** - 负责处理HTTP请求,提供控制器逻辑,将请求转发给相应的Action。在web.xml中,需要配置Struts2的核心过滤器。 2. **Hibernate** - 作为持久...

    dwr3.0+SSH2

    【标题】"dwr3.0+SSH2"是一个基于Java技术的Web应用程序开发框架的组合,其中DWR(Direct Web Remoting)是用于在浏览器和服务器之间进行实时通信的库,而SSH2则通常指的是Struts2、Spring和Hibernate这三大开源框架...

    dwr+ssh2项目整合.zip

    【标题】"dwr+ssh2项目整合.zip"所涉及的知识点主要集中在两个核心框架的集成上:Direct Web Remoting (DWR) 和 Spring Security (SSH2,原名为Spring Security的2.x版本)。这两个技术在Java Web开发中用于实现不同...

    DWR+Struts+spring+hibernate的订货系统

    DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...

    DWR+SSH应用的相关配置代码说明

    导入dwr.jar包到lib下,在webroot/WEB-INF下创建dwr.xml文件以及导入dwr20.dtd文件, ------------1)DWR.xml &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "WEB-INF/dwr20.dtd...

    SSH+Dwr+Ajax框架实现的OA办公自动化系统

    SSH+Dwr+Ajax框架是构建现代Web应用的一种高效组合,尤其在OA(Office Automation)办公自动化系统中,它们能够实现高效的数据交互和用户界面的动态更新。下面将详细讲解这三个关键技术及其在OA系统中的应用。 **...

    DWR级联菜单下拉框

    在这个项目中,我们关注的是如何利用DWR实现一个三级联动的下拉菜单。这种交互式菜单在用户界面设计中常见,用于在多个选项之间建立关联,如省份-城市-区县的选择,以提供更加精细化的筛选。 首先,我们需要理解DWR...

    Spring+DWR+ibatis+jQuery+easyUI的框架例子

    Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。

    spring+hibernate+dwr+mysql实现二级联动

    ajax,spring,hibernate,dwr,实现二级联动

    DWR+extjs+spring+hibernate

    总结起来,"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集,它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术,可以显著提升开发者的技能水平...

    dwr+spring+hibernate模板.zip

    《DWR+Spring+Hibernate整合应用详解》 在IT领域,DWR(Direct Web Remoting)、Spring和Hibernate是三个至关重要的技术组件,它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...

    DWR+jquery2.x+easyUI1.3.x开发富客户端应用

    1. **SSH+jQuery+DWR+EasyUI 实战**:本文档通过一系列的实战案例展示了如何将 Struts2、Spring3、Hibernate4 与 DWR、jquery2.x 和 easyUI1.3.x 结合起来开发实际的应用。 2. **实战案例详解**: - SSH 架构集成...

    Spring+Dwr+Hibernate整合项目

    总结,Spring+Dwr+Hibernate的整合项目提供了一种高效的方式,用于开发具备实时交互特性的Web应用。通过Spring的管理能力、Hibernate的ORM功能以及DWR的双向通信支持,开发者可以构建出高性能、易于维护的企业级应用...

    dwr+hibernate实现的分页技术

    ### dwr+hibernate实现的分页技术详解 在当今快速发展的互联网环境中,网站和应用程序需要处理大量的数据。为了提高用户体验并优化服务器资源利用,分页技术成为了必不可少的一部分。本文将详细介绍如何通过结合dwr...

    源码分享-ibatis+dwr+jQuery

    【标题】"源码分享-ibatis+dwr+jQuery"是一个关于使用这三种技术构建的简单商城系统的源码集合。Ibatis、Direct Web Remoting (DWR) 和 jQuery 是Web开发中的关键组件,它们共同作用于提升应用程序的性能和用户体验...

    ssh整合例子(spring3 + struts2 + hibernate4+dwr+ext+json)

    内含 ext+dwr+freemark+jasperreort+ireport+echance+oscache+velocite等技术 展示例子:http://zz563143188.iteye.com/blog/1462413 若要下载chm格式请到http://user.qzone.qq.com/563143188 程序源码下载地址10MB...

    dwr+spring集成配置

    **DWR(Direct Web Remoting)与Spring框架的集成配置** DWR(Direct Web Remoting)是一个开源的Java库,允许在Web应用程序中实现Ajax功能,使得JavaScript可以直接调用服务器端的Java方法,实现了浏览器与服务器...

    web开发实例(DWR+Struts2)

    【标题】"Web开发实例(DWR+Struts2)"揭示了一个综合性的Web应用程序开发案例,其中结合了Direct Web Remoting (DWR) 和Struts2框架。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,从而...

Global site tag (gtag.js) - Google Analytics