最近在做一个物流的管理系统用于对以前学习的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框架发现真是一个不错的AJAX框架,特别是dwr.util工具对java发数据传输特别方便。这是我写的一个dwr和spring结合在页面下拉框产生联动效果的简单例子,请多指教!
dwr+ssh2项目整合,jar包全有,mycelipse开发,欢迎好评!
这个项目中,详细介绍了dwr3.0+SSH2的配置,包含全部jar包及sql文件
DWR技术 1. dwr.jar (现将dwr的jar包,到到项目的lib 目录下) 2. dwr.xml (在WEB-INF 目录下创建 dwr.xml 文件) 3. web.xml的配置 4. 页面的引入
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整合ssh+dwr整合ssh+dwr整合
dwr+spring+hibernate模板
dwr+hibernate实现的分页技术不错的应用
Spring+Dwr+Hibernate整合项目,包括所需要的包和数据库
dwr+spring集成配置 dwr采用annotation自动扫描的方式
Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。
ajax,spring,hibernate,dwr,实现二级联动
DWR+jquery2.x+easyUI1.3.x开发富客户端应用
源码分享-ibatis+dwr+jQuery,框架实现是建议的商城系统,但是很简易。
ajax+DWR+实战 ajax+DWR+实战 ajax+DWR+实战 ajax+DWR+实战
完整的ssh+dwr+josn的开发jar包
里面含有开发文档,数据库,静态页面,还有经典分页代码
利用dwr,整合extjs,spring,hibernate.是你学习dwr的参考指南