1、在web.xml添加一段代码,解决上一篇第一访问时的错:DefaultContainer can't find a classes。修改结果如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!-- 新增的dwr配置 -->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<description></description>
<!-- 调试模式 -->
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<!-- 解决错误:DefaultContainer can't find a classes -->
<!-- 原因:DwrServlet初始化的时候会去检查注释的类,找不到就抱错. -->
<init-param>
<param-name>classes</param-name>
<param-value>java.lang.Object</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2、现在我们传递使用javabean, 首先建个javabean:
package com.xx;
import java.io.Serializable;
public class UserBean implements Serializable {
private String name;
private String pwd;
public UserBean() {
}
public UserBean(String name, String pwd) {
this.name = name;
this.pwd = pwd;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPwd() {
return pwd;
}
public void setPwd(String pwd) {
this.pwd = pwd;
}
}
然后修改Test类里的hello方法:
package com.xx;
public class Test {
public UserBean hello(UserBean user) {
//return "您好!" + user.getName() + ", 您的密码是: " + user.getPwd();
return user;
}
}
3、传递javabean需要在dwr.xml配置文件中做一些修改:
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://www.getahead.ltd.uk/dwr//dwr20.dtd">
<dwr>
<allow>
<!--
creator="new/spring/none/scripts" 业务组件的创建类型
javascript="Hello" 表示JS可以用Hello来调用com.xx.Test里的内容
前台页面JS引用此组件的名称,名称需要唯一
scope="session/request/application/page" 组件的生命周期
-->
<create creator="new" javascript="Hello">
<!-- param配置业务组件的创建参数: name名称;value类全名称 -->
<param name="class" value="com.xx.Test" />
<!-- include授权方式.保护业务组件方法的可见性: method可以访问的方法名(默认所有都可以) -->
<!-- exclude排除方式. -->
<!-- auth EJB角色访问控制方式: method可以访问的方法名;role访问角色 -->
</create>
<!-- converter配置数据类型的转换器,一般是bean,因为基本类型的转换器DWR默认设置 -->
<!-- match使用此转换器的java对象全名称 -->
<convert match="com.xx.UserBean" converter="bean" />
</allow>
<!-- <signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断. -->
<!-- <signatures>
<![CDATA[
import java.util.List;
import com.xx.Test;
import com.xx.UserBean;
Test.hello(List<UserBean>);
]]>
</signatures> -->
</dwr>
4、JSP也改下,有用户名和密码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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>
<base href="<%=basePath%>">
<title>dwr : hello word</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type='text/javascript' src='<%=basePath%>dwr/interface/Hello.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%>hello.js'></script>
</head>
<body>
<input id="user_name" type="text" />
<input id="user_pwd" type="password" />
<input type='button' value='提交' onclick='hello();' />
<div id="result"></div>
</body>
</html>
5、最后就是交互的hello.js文件修改:
function hello() {
var user_name = $('user_name').value; // document.getElementById("user_name").value
// 或者 DWRUtil.getValue("user_name") 直接取值
var user_pwd = DWRUtil.getValue("user_pwd");
var user = {name:user_name, pwd:user_pwd };
Hello.hello(user, callback);
}
// 回调函数
function callback(msg) {
//DWRUtil.setValue('result', msg);
for(var property in msg){
alert("property:"+property);
alert(property+"的值是:"+msg[property]);
}
// 知道属性名的情况下直接msg.name
}
/* DWRUtil.getText("id"),返回一个select下拉菜单中的text值.仅适用于select类型的元素.
* DWRUtil.onReturn(event, submitFunction) 定义在输入框中按回车的响应,可以防止执行submit.
*/
6、OK.部署,启动服务器,访问!
1、要注意DWR异步机制带来的数据可能不同步问题
2、返回结果只能是一个值所以要详细设计返回结果类型
3、要注意Java引用传递和JavaScript值传递的差异
4、连续多次后台请求尽量采用批量调用(一个批量方法调用以DWREngine.beginBatch()开始WREngine.endBatch()结束.当DWREngine.endBatch()被调用时就说明开始调用批量方法,DWR就将这些方法打包在一起作为一次请求发送给服务器.)
5、尽量将JavaScript的逻辑处理代码抽取成一个独立的文件
- 大小: 28.2 KB
分享到:
相关推荐
标题 "dwr入门 -- 03 -- 结合Spring" 指向的是一个关于Direct Web Remoting (DWR)框架如何与Spring框架整合的教程。DWR是一个Java库,允许在浏览器和服务器之间进行实时、双向通信,使得JavaScript可以直接调用Java...
**DWR(Direct Web Remoting)入门教程 -- Hello World** DWR(Direct Web Remoting)是一种JavaScript库,它允许在浏览器和服务器之间进行实时、安全的双向通信,从而实现Web应用中的Ajax功能。通过DWR,开发者...
该示例资源主要解决如下两个问题,其一就是解决SpringBoot集成DWR3.0.2-RELEASE版本,无配置文件快速简洁完成集成工作,省去dwr.xml等DWR框架初始化需要的配置文件;其二就是解决了集成后的SpringBoot项目在开发环境...
这个“DWR入门程序---计算输入的两个数之和.rar”压缩包文件很可能是为了演示如何使用DWR来实现在网页上动态计算两个数的和。下面将详细解释DWR的基本概念、工作原理以及如何利用它来实现这个简单的功能。 1. **DWR...
这个不是我的原创,原文件出至这里:...原资源包含了,源代码和API Doc,只是美中不足的是没有整理成可用的zip文档,我这特分离了一下,并重新打好包了,初步测试了一下能用。
DWR入门涉及以下几个关键知识点: 1. **配置DWR**:首先,你需要在项目中集成DWR,这通常包括在`web.xml`中配置DWR的Servlet,以及在项目的类路径下创建`dwr.xml`配置文件,用于声明暴露给JavaScript的Java类和方法...
DWR(Direct Web Remoting)是一种Java库,用于在Web应用程序中实现实时的、双向的JavaScript和服务器端代码交互。这个技术允许开发者在客户端浏览器上执行服务器端的方法,就像它们是本地JavaScript函数一样,极大...
DWR (AJax)框架使用配置说明 说明:压缩包里分别有:dwr.jar , dwr-version.properties , 和使用说明。 快速的介绍dwr+ssh和mvc(new)结构下的定制与使用;
在实际应用中,要使用这个修改版的DWR,开发者需要将源码编译为新的jar包,并将其引入到Spring Boot项目的依赖管理中。此外,还需要确保DWR的配置文件(如dwr.xml)正确设置,以匹配修改后的资源加载逻辑。 总之,...
使用DWR时,开发者需要在服务器端配置DWR引擎,定义哪些Java对象和方法可以被客户端JavaScript访问。这通常通过创建一个名为`dwr.xml`的配置文件来完成。配置文件会指定类路径、安全设置、以及任何自定义转换器或...
在本教程中,我们将学习如何使用DWR 3.0进行快速入门,通过一个简单的“Hello, World”实例来理解其工作流程。 首先,我们需要创建一个Web工程,并导入DWR 3.0的相关库。这通常包括DWR的核心JAR包和可能需要的日志...
Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr...
这样,DWR的配置和使用变得非常简洁,只需在Spring的配置文件中添加相应的bean定义即可。 接下来,我们关注一下DWR的使用流程。在创建一个DWR友好的Web应用时,通常包括以下步骤: 1. **配置DWR**:在Web应用的`...
标题 "dwr-1.1.3-src.zip" 指示的是 Direct Web Remoting (DWR) 的源代码版本1.1.3的压缩包。DWR 是一个开源Java库,它允许JavaScript在Web浏览器中与服务器端的Java对象进行交互,实现Ajax功能。描述中的内容同样...
Direct Web Remoting (DWR) 是一个开源Java库,它允许在Web应用程序中轻松地进行JavaScript和服务器端Java代码之间的交互。DWR使得AJAX(Asynchronous JavaScript and XML)开发更为简便,允许开发者在不刷新整个...
这个资源包包含了DWR的jar文件和源代码,可以帮助开发者深入了解并使用DWR框架。 1. **DWR.jar**: 这是DWR的核心库文件,包含了运行DWR所需的所有类和资源。当你在项目中引入dwr.jar,你可以使用DWR提供的API来...
最新dwr3.0的包,有需要的朋友就下载吧