html代码:
<body>
<input type="button" name="getData" id="getData" value="dwrTest" onclick="dwrWork()">
<table id="table" name="table1">
<tr>
<td align="center">
name
</td>
<td align="center">
age
</td>
<td align="center">
address
</td>
</tr>
<tbody id="table1">
</tbody>
</table>
</body>
客户端js代码:
<script type='text/javascript' src='dwr/interface/test.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type="text/javascript">
function dwrWork(){
test.transferData(callback);
}
function callback(data){
dwr.util.removeAllRows("table1");//清除table所有数据表
var cellfuncs = [function(item){return item.name;},
function(item){return item.age;},
function(item){return item.address}
];//这里定义了每列显示数据,function参数名item可以自定义
dwr.util.addRows("table1",data,cellfuncs);//注意这里的table1为tbody的id,不能为table的id
}
</script>
服务端java代码:
@Component
@SuppressWarnings("unchecked")
public class Test1 {
public List transferData(){
List list = new ArrayList();
for(int i = 0;i<5;i++){
Map m = new HashMap();
m.put("name", "zl"+i);
m.put("age",""+i);
m.put("address", "cz");
list.add(m);
}
return list;
}
}
web.xml所需添加配置
//spring监听器
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
//dwrservlet调用
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<display-name>DWR Servlet</display-name>
<description>Direct Web Remoter Servlet</description>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<!-- This should NEVER be present in live -->
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
spring配置文件
//Spring配置文件applicationContext中添加
<context:component-scan base-package="cn.aronlulu.dwrdemo"/> //Spring监听启动时注解bean搜索路径
dwr配置文件
<dwr>
<allow>
<create creator="spring" javascript="test">
<param name="beanName" value="test1"/>
</create>
</allow>
</dwr>
个人感觉dwr的注解方式稍显繁琐(特别是启动时路径的搜索,不支持包路径搜索),故未采用全注解,还是写配置文件较为简洁。
分享到:
相关推荐
此外,Spring与各种数据库、缓存、消息队列等技术的集成,使得开发大型企业级应用变得更加便捷。 在"ext-dwr-spring集成Demo"中,EXT负责前端的用户交互和界面展示,DWR作为中间层,处理Ajax通信,使前后端能够实时...
集成DWR2和Spring2的关键在于配置和组件的绑定。首先,我们需要在Spring的配置文件(如`applicationContext.xml`)中定义DWR的相关bean,包括`DWRConfig`和`SpringContextLoader`。`DWRConfig`是DWR的核心配置,用于...
接下来,我们创建一个名为`DWRController`的Java类,该类将作为DWR与Spring的接口,用于处理来自前端的AJAX请求。例如,我们可以定义一个方法来获取下拉框的联动数据: ```java public class DWRController { @...
首先,我们需要在项目中集成DWR和Spring。DWR提供了一个易于使用的API,使得JavaScript可以直接调用Java方法。而Spring框架则负责管理我们的JavaBean和提供依赖注入,简化了服务层的开发。 1. **配置DWR**: 在`...
本篇文章将深入探讨“spring3mvc+hibernate4+spring-security3+dwr3整合架包”中的核心技术和概念,帮助开发者理解如何利用这些组件来创建强大的Java Web应用。 首先,Spring MVC(Model-View-Controller)是Spring...
EXT + DWR + Spring 是一个常见的前端与后端交互的集成解决方案,用于构建富客户端的Web应用程序。这个案例中,EXT 提供了丰富的用户界面组件,DWR (Direct Web Remoting) 实现了浏览器与服务器之间的异步通信,而...
将Spring与Dwr集成,可以实现强大的客户端与服务器端交互,特别是在处理文件上传和下载功能时,这种集成尤为重要。 文件上传功能在Web应用中非常常见,如用户上传个人头像、提交文档等。传统的HTTP协议不支持文件的...
本项目实例是关于"ext+json+dwr+spring+hibernate"的整合,这是一个常见的技术栈组合,用于创建功能丰富的Web应用程序。下面将详细解释这些技术及其整合方式。 1. **EXT**:EXT是一个基于JavaScript的富客户端框架...
2. **集成MyBatis**:在Spring配置文件中引入MyBatis的SqlSessionFactoryBean,配置数据源,并将Mapper接口与XML配置文件绑定,实现DAO层的注入。 3. **配置DWR**:添加DWR的依赖,配置dwr.xml文件以定义允许暴露给...
本教程将详细讲解这些技术的集成与应用。 1. Spring 框架: Spring 是一个全面的后端开发框架,提供了依赖注入(DI)和面向切面编程(AOP)等功能,使得开发者可以更专注于业务逻辑而不是底层的基础设施。Spring 还...
在EXT与DWR的集成中,Spring可以用来管理DWR的配置,例如通过Spring的bean来实例化DWR的Endpoint,这样可以将DWR的配置集成到整个应用的配置中,便于统一管理和测试。 在给定的文件名称列表中,"JavaSource"可能...
标题 "extjs dwr spring" 涉及到的是三个重要的技术组件,它们分别是ExtJS、Direct Web Remoting (DWR) 和Spring框架。这些技术常用于构建现代、交互式的Web应用程序。 **ExtJS** 是一个JavaScript库,专门用于创建...
"dwr+ext+struts2+spring+hibernate整合"就是一个典型的例子,它涵盖了前端展示、后端控制、业务逻辑处理、持久层操作等多个层面的技术。下面将分别详细介绍这些技术以及它们在整合中的作用。 1. DWR (Direct Web ...
《Spring+Ext+DWR整合应用详解:用户管理与实战》 在当今的Web开发领域,Spring、Ext和Direct Web Remoting (DWR) 是三种非常重要的技术,它们各自在不同的层面发挥着关键作用。Spring作为Java企业级应用的框架,...
在Spring MVC中,MyBatis可以通过Spring的事务管理器进行事务控制,提供了一种灵活的数据访问策略,可以很好地与业务逻辑层进行集成。 DWR则是一个JavaScript库,它允许在浏览器端与服务器端进行实时的Ajax通信。...
标题 "用SSH2+DWR做的表格" 描述了如何结合使用两个技术——Spring Security (SSH2) 和 Direct Web Remoting (DWR) 创建一个实时更新的表格展示系统。在这个场景中,SSH2主要负责应用的安全性和控制层的管理,而DWR...
- **Spring 整合说明**:如何将 DWR 与 Spring 框架结合使用,实现更灵活的依赖注入和事务管理。 - **Hibernate 整合说明**:介绍如何利用 Hibernate 进行持久层操作,同时结合 DWR 实现高效的 AJAX 数据交互。 -...
Spring MVC与Spring其他模块的无缝集成,如Spring Jdbc,使得数据访问和业务逻辑的处理更加便捷。 接下来是`DWR`,这是一个开源JavaScript库,它允许在Web浏览器和Java服务器之间进行实时的双向通信,类似于Ajax...