dwr spring整合
2010-02-04 10:58
399 查看
Ajax,它使浏览器可以为用户提供更为自然的浏览体验,对于j2EE WEB开发人员来说,使用DWR框架可以很简单的使用Ajax技术.
本文以一个DWR+SPRING的实例来说明DWR的使用
1、将dwr.jar放到应用的/WEB-INF/lib目录下
2、配置web.xml,增加如下代码:
代码
<!--初始化WebApplicationContext-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/applicationContext.xml,/WEB-INF/action-servlet.xml</param-value>
</context-param>
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<!--配置DWR拦截器-->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
3、增中dwr.xml文件
文件内容:
代码
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
<create creator="spring" javascript="DWRUser">
<param name="beanName" value="DWRUser"/>
</create>
</allow>
</dwr>
creator属性的值可以是new,struts,spring......因为此处是整合spring来做的,所以设置成“spring”,javascript="DWRUser" 表示实例转换成javascript语言后以DWRUser命名,前台页面可以通过代码(<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>)来调用。param元素的name属性值可以是class,beanName等,此处用beanName,value得值是定义在applicationContext.xml中某个bean的id值。
4、创建一个实体bean供DWR转换成js
代码
package com.note.dwr;
import com.note.bussies.service.IUserService;
public class User {
private IUserService ius;
public IUserService getIus() {
return ius;
}
public void setIus(IUserService ius) {
this.ius = ius;
}
public User(){
}
public boolean isExist(String username) {
Users user = this.ius.getUserByName(username);
return (null == user) ? false : true;
}
}
5、在applicationContext.xml中配置第4步写的bean
代码
......
<bean id="DWRUser" class="com.note.dwr.User">
<property name="ius">
<ref bean="UserService" />
</property>
</bean>
......
6、在视图页面中调用
先导入以下文,每个文件的功能这里不再详述
代码
<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>
<script type='text/javascript' src='../../dwr/engine.js'></script>
<script type='text/javascript' src='../../dwr/util.js'></script>
因为我的视图文件是放在/view/user/下,所以这里用了../../返回到根
具体调用:
代码
<script type='text/javascript'>
function regUserChked(){
var username=$("username").value;
DWRUser.isExist(username,showData);//showData回调函数
}
function showData(data){
if(data){
DWRUtil.setValue("userMsg","该用户名已经被注册,请更换您的用户名!");
}else{
DWRUtil.setValue("userMsg","恭喜您,该用户名尚未被注册!");
}
}
</script>
input type="text" name="username" value="" onblur="regUserChked()" /><div id="userMsg"></div>
本文以一个DWR+SPRING的实例来说明DWR的使用
1、将dwr.jar放到应用的/WEB-INF/lib目录下
2、配置web.xml,增加如下代码:
代码
<!--初始化WebApplicationContext-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/applicationContext.xml,/WEB-INF/action-servlet.xml</param-value>
</context-param>
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<!--配置DWR拦截器-->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
3、增中dwr.xml文件
文件内容:
代码
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
<create creator="spring" javascript="DWRUser">
<param name="beanName" value="DWRUser"/>
</create>
</allow>
</dwr>
creator属性的值可以是new,struts,spring......因为此处是整合spring来做的,所以设置成“spring”,javascript="DWRUser" 表示实例转换成javascript语言后以DWRUser命名,前台页面可以通过代码(<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>)来调用。param元素的name属性值可以是class,beanName等,此处用beanName,value得值是定义在applicationContext.xml中某个bean的id值。
4、创建一个实体bean供DWR转换成js
代码
package com.note.dwr;
import com.note.bussies.service.IUserService;
public class User {
private IUserService ius;
public IUserService getIus() {
return ius;
}
public void setIus(IUserService ius) {
this.ius = ius;
}
public User(){
}
public boolean isExist(String username) {
Users user = this.ius.getUserByName(username);
return (null == user) ? false : true;
}
}
5、在applicationContext.xml中配置第4步写的bean
代码
......
<bean id="DWRUser" class="com.note.dwr.User">
<property name="ius">
<ref bean="UserService" />
</property>
</bean>
......
6、在视图页面中调用
先导入以下文,每个文件的功能这里不再详述
代码
<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>
<script type='text/javascript' src='../../dwr/engine.js'></script>
<script type='text/javascript' src='../../dwr/util.js'></script>
因为我的视图文件是放在/view/user/下,所以这里用了../../返回到根
具体调用:
代码
<script type='text/javascript'>
function regUserChked(){
var username=$("username").value;
DWRUser.isExist(username,showData);//showData回调函数
}
function showData(data){
if(data){
DWRUtil.setValue("userMsg","该用户名已经被注册,请更换您的用户名!");
}else{
DWRUtil.setValue("userMsg","恭喜您,该用户名尚未被注册!");
}
}
</script>
input type="text" name="username" value="" onblur="regUserChked()" /><div id="userMsg"></div>
相关文章推荐
- 『转』整合SSH和DWR(1)spring+struts
- DWR的安装使用和与spring的整合
- 《Lucene、webservice、(svn_ant_maven)、DWR、Freemarker、POI视频教程》更新了Spring、JAXWs的整合并且完成了一个小项目
- Spring+hibernate+DWR整合
- Spring整合dwr实例解析
- dwr框架与Spring整合
- Spring 整合dwr实例及详细步骤
- DWR+SPRING整合
- Ajax------------- spring+dwr整合
- Ajax------------- spring+dwr整合--json作为数据交换
- Spring整合DWR
- 《疯狂Ajax讲义-Prototype/Aquery+DWR+Spring+Hibernate整合开发》--电子工业出版社
- dwr spring整合
- dwr基础配置和与spring整合配置
- 多spring配置文件整合DWR
- 集成SSH 和 DWR(三) 整合Spring和DWR
- Ajax框架之DWR学习(DWR 和Spring整合)-yellowcong
- Extjs实战(Extjs+Spring+Hibernate+dwr)章一:各框架的整合
- dwr和spring的整合
- dwr 与spring 完美整合