最近在做一个物流的管理系统用于对以前学习的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(Direct Web Remoting)是一个开源的Java框架,它使得JavaScript和服务器端的Java代码可以进行实时交互,实现AJAX(Asynchronous JavaScript and XML)功能,而无需编写复杂的...
在DWR+SSH项目中,它们协同工作以实现更复杂的功能: 1. **Struts2** - 负责处理HTTP请求,提供控制器逻辑,将请求转发给相应的Action。在web.xml中,需要配置Struts2的核心过滤器。 2. **Hibernate** - 作为持久...
【标题】"dwr3.0+SSH2"是一个基于Java技术的Web应用程序开发框架的组合,其中DWR(Direct Web Remoting)是用于在浏览器和服务器之间进行实时通信的库,而SSH2则通常指的是Struts2、Spring和Hibernate这三大开源框架...
【标题】"dwr+ssh2项目整合.zip"所涉及的知识点主要集中在两个核心框架的集成上:Direct Web Remoting (DWR) 和 Spring Security (SSH2,原名为Spring Security的2.x版本)。这两个技术在Java Web开发中用于实现不同...
DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...
导入dwr.jar包到lib下,在webroot/WEB-INF下创建dwr.xml文件以及导入dwr20.dtd文件, ------------1)DWR.xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "WEB-INF/dwr20.dtd...
SSH+Dwr+Ajax框架是构建现代Web应用的一种高效组合,尤其在OA(Office Automation)办公自动化系统中,它们能够实现高效的数据交互和用户界面的动态更新。下面将详细讲解这三个关键技术及其在OA系统中的应用。 **...
在这个项目中,我们关注的是如何利用DWR实现一个三级联动的下拉菜单。这种交互式菜单在用户界面设计中常见,用于在多个选项之间建立关联,如省份-城市-区县的选择,以提供更加精细化的筛选。 首先,我们需要理解DWR...
Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。
ajax,spring,hibernate,dwr,实现二级联动
总结起来,"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集,它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术,可以显著提升开发者的技能水平...
《DWR+Spring+Hibernate整合应用详解》 在IT领域,DWR(Direct Web Remoting)、Spring和Hibernate是三个至关重要的技术组件,它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...
1. **SSH+jQuery+DWR+EasyUI 实战**:本文档通过一系列的实战案例展示了如何将 Struts2、Spring3、Hibernate4 与 DWR、jquery2.x 和 easyUI1.3.x 结合起来开发实际的应用。 2. **实战案例详解**: - SSH 架构集成...
总结,Spring+Dwr+Hibernate的整合项目提供了一种高效的方式,用于开发具备实时交互特性的Web应用。通过Spring的管理能力、Hibernate的ORM功能以及DWR的双向通信支持,开发者可以构建出高性能、易于维护的企业级应用...
### dwr+hibernate实现的分页技术详解 在当今快速发展的互联网环境中,网站和应用程序需要处理大量的数据。为了提高用户体验并优化服务器资源利用,分页技术成为了必不可少的一部分。本文将详细介绍如何通过结合dwr...
【标题】"源码分享-ibatis+dwr+jQuery"是一个关于使用这三种技术构建的简单商城系统的源码集合。Ibatis、Direct Web Remoting (DWR) 和 jQuery 是Web开发中的关键组件,它们共同作用于提升应用程序的性能和用户体验...
内含 ext+dwr+freemark+jasperreort+ireport+echance+oscache+velocite等技术 展示例子:http://zz563143188.iteye.com/blog/1462413 若要下载chm格式请到http://user.qzone.qq.com/563143188 程序源码下载地址10MB...
**DWR(Direct Web Remoting)与Spring框架的集成配置** DWR(Direct Web Remoting)是一个开源的Java库,允许在Web应用程序中实现Ajax功能,使得JavaScript可以直接调用服务器端的Java方法,实现了浏览器与服务器...
【标题】"Web开发实例(DWR+Struts2)"揭示了一个综合性的Web应用程序开发案例,其中结合了Direct Web Remoting (DWR) 和Struts2框架。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,从而...