`
xyzroundo
  • 浏览: 509015 次
  • 性别: Icon_minigender_1
  • 来自: 惠州
社区版块
存档分类
最新评论

DWR的学习文档（Hello World,类型转换,Spring,Annotation)

    博客分类：
  • js
DWRSpringJavaJavaScriptAcegi 
阅读更多
來源：http://www.iteye.com/topic/40313 

DWR是作为远程调用的ajax框架，将服务端的java类，方法和浏览器的javascript的类，方法对应起来。现在官方最新的版本是DWR2.0，可以在http://getahead.ltd.uk/dwr/download下载到。 
我们真对DWR2.0做一些例子讲解一下它的特性： 
Hello World： 
新建一个web项目DWRStudy，在项目中构建路径中加入dwr.jar， 
新建类Hello如下： 
Java代码 
package org.li.dwr;   
  
package org.li.dwr;   
  
import java.util.Date;   
  
public class Hello   
{   
    public String getHelloWorld()   
    {   
        return "现在的时间为："+new Date();   
    }   
}  

package org.li.dwr;

package org.li.dwr;

import java.util.Date;

public class Hello
{
	public String getHelloWorld()
	{
		return "现在的时间为："+new Date();
	}
}
在WEB-INF目录下新建dwr.xml文件： 
Java代码 
<?xml version="1.0" encoding="UTF-8"?>   
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">   
<dwr>   
    <allow>   
    <!-- javascript的对象是jshello,create="new"是DWR自己创建类 -->   
        <create javascript="jshello" creator="new" scope="application">   
            <param name="class" value="org.li.dwr.Hello"></param>   
        </create>   
    </allow>   
</dwr>  

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
	<allow>
	<!-- javascript的对象是jshello,create="new"是DWR自己创建类 -->
		<create javascript="jshello" creator="new" scope="application">
			<param name="class" value="org.li.dwr.Hello"></param>
		</create>
	</allow>
</dwr>
在WebRoot目录里新建hello.js 
Java代码 
function load()//载入的时候调用   
{   
    var jbutton = document.getElementById("jbutton");   
    jbutton.onclick=function(event)//注册按钮点击事件   
    {   
        jbClick();   
    };   
}   
function jbClick()//按钮点击事件   
{   
    jshello.getHelloWorld(callback);//没有参数传递，只传递回调函数就行   
}   
function callback(msg)//回调函数   
{   
    DWRUtil.setValue('jdiv',msg);   
}  

function load()//载入的时候调用
{
	var jbutton = document.getElementById("jbutton");
	jbutton.onclick=function(event)//注册按钮点击事件
	{
		jbClick();
	};
}
function jbClick()//按钮点击事件
{
	jshello.getHelloWorld(callback);//没有参数传递，只传递回调函数就行
}
function callback(msg)//回调函数
{
	DWRUtil.setValue('jdiv',msg);
}
在WebRoot目录里新建HelloWorld.html 
Java代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<html>   
  <head>   
    <title>HelloWorld.html</title>   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
    <script type='text/javascript' src='dwr/interface/jshello.js'></script>   
    <script type='text/javascript' src='dwr/engine.js'></script>   
    <script type='text/javascript' src='dwr/util.js'></script>   
    <script type="text/javascript" src="hello.js"></script>   
  
  </head>   
     
  <body>   
    <input id="jbutton" type="button" value="得到Hello World"/>   
    <div id="jdiv"></div>   
    <script>load()</script>   
  </body>   
</html>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>HelloWorld.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type='text/javascript' src='dwr/interface/jshello.js'></script>
	<script type='text/javascript' src='dwr/engine.js'></script>
	<script type='text/javascript' src='dwr/util.js'></script>
    <script type="text/javascript" src="hello.js"></script>

  </head>
  
  <body>
   	<input id="jbutton" type="button" value="得到Hello World"/>
	<div id="jdiv"></div>
	<script>load()</script>
  </body>
</html>

在web.xml中加入一个dwr的servlet： 
Java代码 
<servlet>   
        <servlet-name>dwr-invoker</servlet-name>   
        <servlet-class>   
            org.directwebremoting.servlet.DwrServlet   
        </servlet-class>   
        <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>  

<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<servlet-class>
			org.directwebremoting.servlet.DwrServlet
		</servlet-class>
		<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>

在运行一下服务器在浏览器里输入http://localhost:8080/DWRStudy/HelloWorld.html，然后点一下按钮下面就会显示服务端的系统时间了，而浏览器页面并没有被刷新。 
下面解释一下： 
1. 新建的Hello类中有一个getHelloWorld方法这个方法就是作为远程调用的服务端方法，这个Hello类也就是远程调用的类。方法的返回值为服务端当前的时间 
2. dwr.xml是DWR用来配置服务端类和浏览器端javascript类之间的映射。可以下载dtd看一下，在<allow></allow>里类配置映射类如：<create javascript="jshello" creator="new" scope="application"> 
<param name="class" value="org.li.dwr.Hello"></param> 
</create> 
javascript="jshello"是在浏览器端的javascript的映射的类名，（不要用javascript里的关键字）creator="new"是表示这个类是dwr自己创建的，如果creator="new"那么就必须有下面的<param name=”class” value=”类的全路径”></param>，creator还可为spring(与spring集成的时候),script(与apache的一个框架BSF集成的时候用),后来又加入了struts,jsf,ejb3.现在是个HelloWorld让大家体验一下，具体后面会细讲。最后的scope=”application”是说这个pojo类的范围，和jsp是一样的。 
3. 创建hello.js和HelloWorld.html都是看自己是怎么发挥了，注意的是在HelloWorld.html中导入js文件的时候注意顺序和路径命名规律，自己发挥的这个hello.js一定放在后面，因为要调用其它js文件中的函数。由于在HelloWorld.html里写入了<script>load()</script>所以在html加载的时候会调用hello.js里的load方法(注意这几个js文件里的函数最好不要重名)在load里面做的事情就是注册一下id为jbutton的按钮的点击事件。当我们点击id为jbutton的按钮的时候就开始用与服务器端的类相对应的javascript类了（jshello），直接调用jshello类的getHelloWorld方法，可以向函数传递参数，不过要在最后加一个回调函数。而我们的服务端的类没有参数就直接传回调函数了。在回调函数的形参msg是服务端Hello类中getHelloWorld方法返回值。在回调函数里面调用了DWR的工具类DWRUtil类的setValue方法设置id为jdiv的值。另外我们把doucment.getElementById(“jbutton”);换与$(“jbutton”)也可以得到同样的效果，这就有点像prototype了。 
4. 在web.xml里加入DWRServlet的配置一是为了远程调用，二是自动生成了<script type='text/javascript' src='dwr/interface/jshello.js'></script> 
<script type='text/javascript' src='dwr/engine.js'></script> 
<script type='text/javascript' src='dwr/util.js'></script>文件。 
上个HelloWorld例子只是返回了一个字符串，当然我们显示字符串很容易，可是如果返回一个对象怎么办呢？，DWR为我们将java类和javascript的DOM对象，不过这得需要我们在dwr.xml里配置。 
再看一个综合的例子： 
新建类User 
Java代码 
package org.li.dwr;   
  
import java.io.FileInputStream;   
import java.io.FileNotFoundException;   
import java.io.IOException;   
import java.util.ArrayList;   
import java.util.List;   
import java.util.Properties;   
  
public class User   
{   
    private String welcome;   
    private String username;   
    private String address;   
    private List<Book> books;   
    private int age;   
    public String getAddress()   
    {   
        return address;   
    }   
    public void setAddress(String address)   
    {   
        this.address = address;   
    }   
    public int getAge()   
    {   
        return age;   
    }   
    public void setAge(int age)   
    {   
        this.age = age;   
    }   
    public String getUsername()   
    {   
        return username;   
    }   
    public void setUsername(String username)   
    {   
        this.username = username;   
    }   
    public String getWelcome()   
    {   
        return welcome;   
    }   
    public void setWelcome(String welcome)   
    {   
        this.welcome = welcome;   
    }   
    public List<Book> getBooks()   
    {   
        return books;   
    }   
    public void setBooks(List<Book> books)   
    {   
        this.books = books;   
    }   
    public List<Book> getBook()   
    {   
        this.books = new ArrayList<Book>();   
        Book javaBook = new Book();   
        Book vcBook = new Book();   
        javaBook.setAuthor("孙鑫");   
        vcBook.setAuthor("孙鑫");   
        javaBook.setName("java Web开发详解");   
        vcBook.setName("vc++深入详解");   
        this.books.add(javaBook);   
        this.books.add(vcBook);   
        return this.books;   
    }   
    public User getUser(String welcome)   
    {   
        this.welcome=welcome;   
        try  
        {   
            FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties");   
            Properties pp = new Properties();   
            pp.load(fis);   
            this.username=pp.getProperty("username");   
            this.age=Integer.valueOf(pp.getProperty("age"));   
            this.address=pp.getProperty("address");   
            fis.close();   
        }   
        catch (FileNotFoundException e)   
        {   
            // TODO Auto-generated catch block   
            e.printStackTrace();   
        }   
        catch (IOException e)   
        {   
            // TODO Auto-generated catch block   
            e.printStackTrace();   
        }   
        return this;   
    }   
}  

package org.li.dwr;

import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Properties;

public class User
{
	private String welcome;
	private String username;
	private String address;
	private List<Book> books;
	private int age;
	public String getAddress()
	{
		return address;
	}
	public void setAddress(String address)
	{
		this.address = address;
	}
	public int getAge()
	{
		return age;
	}
	public void setAge(int age)
	{
		this.age = age;
	}
	public String getUsername()
	{
		return username;
	}
	public void setUsername(String username)
	{
		this.username = username;
	}
	public String getWelcome()
	{
		return welcome;
	}
	public void setWelcome(String welcome)
	{
		this.welcome = welcome;
	}
	public List<Book> getBooks()
	{
		return books;
	}
	public void setBooks(List<Book> books)
	{
		this.books = books;
	}
	public List<Book> getBook()
	{
		this.books = new ArrayList<Book>();
		Book javaBook = new Book();
		Book vcBook = new Book();
		javaBook.setAuthor("孙鑫");
		vcBook.setAuthor("孙鑫");
		javaBook.setName("java Web开发详解");
		vcBook.setName("vc++深入详解");
		this.books.add(javaBook);
		this.books.add(vcBook);
		return this.books;
	}
	public User getUser(String welcome)
	{
		this.welcome=welcome;
		try
		{
			FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties");
			Properties pp = new Properties();
			pp.load(fis);
			this.username=pp.getProperty("username");
			this.age=Integer.valueOf(pp.getProperty("age"));
			this.address=pp.getProperty("address");
			fis.close();
		}
		catch (FileNotFoundException e)
		{
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		catch (IOException e)
		{
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return this;
	}
}

新建Book类： 
Java代码 
package org.li.dwr;   
  
public class Book   
{   
    private String name;   
    private String author;   
    public String getAuthor()   
    {   
        return author;   
    }   
    public void setAuthor(String author)   
    {   
        this.author = author;   
    }   
    public String getName()   
    {   
        return name;   
    }   
    public void setName(String name)   
    {   
        this.name = name;   
    }   
}  

package org.li.dwr;

public class Book
{
	private String name;
	private String author;
	public String getAuthor()
	{
		return author;
	}
	public void setAuthor(String author)
	{
		this.author = author;
	}
	public String getName()
	{
		return name;
	}
	public void setName(String name)
	{
		this.name = name;
	}
}
新建DWRLog类 
Java代码 
package org.li.dwr.log;   
  
import java.lang.reflect.Method;   
  
import org.directwebremoting.AjaxFilterChain;   
  
public class DWRLog implements org.directwebremoting.AjaxFilter   
{   
  
    public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception   
    {   
        System.out.println("过滤器Log输出:..对象："+obj.getClass().getName()+"方法："+method.getName());   
        return chain.doFilter(obj, method,params);   
    }   
       
}  

package org.li.dwr.log;

import java.lang.reflect.Method;

import org.directwebremoting.AjaxFilterChain;

public class DWRLog implements org.directwebremoting.AjaxFilter
{

	public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
	{
		System.out.println("过滤器Log输出:..对象："+obj.getClass().getName()+"方法："+method.getName());
		return chain.doFilter(obj, method,params);
	}
	
}
新建D:\\workspace\\DWRStudy\\src\\user.properties 
username=javafish 
age=21 
address=北京市海淀区 
然后在dwr.xml里加入 
Java代码 
<create javascript="jsuser" creator="new">   
            <param name="class" value="org.li.dwr.User"></param>   
            <!-- 过滤允许调用的方法 -->   
            <include method="getUser"/>   
            <include method="getBook"/>   
            <!-- 配置自己的过滤器 -->   
            <filter class="org.li.dwr.log.DWRLog"></filter>   
        </create>   
        <!-- 需要转换的类 -->   
        <convert match="org.li.dwr.User" converter="bean"></convert>   
        <convert match="org.li.dwr.Book" converter="bean"></convert>  

<create javascript="jsuser" creator="new">
			<param name="class" value="org.li.dwr.User"></param>
			<!-- 过滤允许调用的方法 -->
			<include method="getUser"/>
			<include method="getBook"/>
			<!-- 配置自己的过滤器 -->
			<filter class="org.li.dwr.log.DWRLog"></filter>
		</create>
		<!-- 需要转换的类 -->
		<convert match="org.li.dwr.User" converter="bean"></convert>
		<convert match="org.li.dwr.Book" converter="bean"></convert>
新建UserInfo.html 
Java代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<html>   
  <head>   
    <title>UserInfo.html</title>   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
    <script type='text/javascript' src='dwr/interface/jsuser.js'></script>   
    <script type='text/javascript' src='dwr/engine.js'></script>   
    <script type='text/javascript' src='dwr/util.js'></script>   
    <script type="text/javascript" src="userInfo.js"></script>   
  
  </head>   
     
  <body>   
    请输入你的名字：   
    <input id="name" type="text"/>   
    <input id="jbutton" type="button" value="得到javafish的信息"/>   
    <input id="sbutton" type="button" value="得到javafish的书"/>   
    <div id="result"></div>   
    <script>load()</script>   
  </body>   
</html>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>UserInfo.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type='text/javascript' src='dwr/interface/jsuser.js'></script>
	<script type='text/javascript' src='dwr/engine.js'></script>
	<script type='text/javascript' src='dwr/util.js'></script>
    <script type="text/javascript" src="userInfo.js"></script>

  </head>
  
  <body>
  	请输入你的名字：
  	<input id="name" type="text"/>
    <input id="jbutton" type="button" value="得到javafish的信息"/>
	<input id="sbutton" type="button" value="得到javafish的书"/>
	<div id="result"></div>
	<script>load()</script>
  </body>
</html>
新建userInfo.js 
Java代码 
function load()   
{   
    var jbutton = $("jbutton");   
    jbutton.onclick=function(event)   
    {   
        bOnClick();   
    };   
    var sbutton = $("sbutton");   
    sbutton.onclick=function(event)   
    {   
        sOnClick();   
    };   
}   
function bOnClick()   
{   
    jsuser.getUser($("name").value,callback);   
}   
function callback(msg)   
{   
    var user = msg;   
    DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address+user.books[0].author);   
}   
  
  
function sOnClick()   
{   
    jsuser.getBook(callbackBooks);   
}   
function callbackBooks(msg)   
{   
    alert(msg);   
    DWRUtil.setValue('result',msg);   
}  

function load()
{
	var jbutton = $("jbutton");
	jbutton.onclick=function(event)
	{
		bOnClick();
	};
	var sbutton = $("sbutton");
	sbutton.onclick=function(event)
	{
		sOnClick();
	};
}
function bOnClick()
{
	jsuser.getUser($("name").value,callback);
}
function callback(msg)
{
	var user = msg;
	DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address+user.books[0].author);
}


function sOnClick()
{
	jsuser.getBook(callbackBooks);
}
function callbackBooks(msg)
{
	alert(msg);
	DWRUtil.setValue('result',msg);
}
运行服务器输入http://localhost:8080/DWRStudy/UserInfo.html，可看到运行结果 
这个例子需要解释的就是dwr.xml了 
在这里用到了两个java类，User、Book，方法呢就是User.getUser和User.getBook，而Book类呢由于我们没有在javascript中调用，所以就不用配置Book的create了。 
大家可能会奇怪为什么会多出来两个<convert match="org.li.dwr.User" converter="bean"></convert> 
<convert match="org.li.dwr.Book" converter="bean"></convert> 
呢，是因为在调用getBook和getUser的时候会返回给javascript有关User和Book的对象或数据，这里的用<convert match=”类” converter=”bean”/>做一下转换，否则javascript将不会得到有效的数据。 
下面讨论一下DWR的安全性，由于我们将javaBean整体都对外暴露了，所以说会有非常多的安全问题，真对这些DWR也作了一些的措施就是上面例子中dwr.xml的配置： 
<include method="getUser"/> 
<include method="getBook"/> 
<filter class="org.li.dwr.log.DWRLog"></filter> 
这样配置的话就只暴露了User类的两个方法getUser,getBook。就相对安全多了，相反还有<exclude>的配置它们是类似的。对于安全我们也可以用DWR的过滤器来实现，这里我用过滤器实现的是一个日志记录。过滤器类只需要实现AjaxFilter接口就可以了，不过注意的是这个过滤器不是HttpServelt的过滤器而是DWR自己内部实现的（有兴趣可以查看一下源代码）。 
真对DWR的安全性上来说，官方也不敢保证，官方只是说自己可以看一下源代码因地施宜。 
不过DWR可以和acegi集成，让acegi来管理安全问题。由于acegi我还没有完全搞定关于DWR和acegi的集成，先放一放日后补充。 
下面对DWR.xml的配置具体补充一下： 
首先是<init></init>里面有<converter>和<create>是配置在初始化的时候需要创建和转化的类。 
然后是<allow></allow>里面有<converter>和<create>这个地方就是正式的配置了，creator里有param,filter,include,exclude,auth，除了auth我们都接触过了，而auth是集成J2EE的安全认证用的，这个可能和acegi的集成有关吧（？）。<converter>呢，它的converter有很多 
?  Array Converter 
?  Bean and Object Converters 
?  Collection Converter 
?  Enum Converter 
?  DOM Objects 
这些都是转换的时候配置的 
还有就是<signatures></signatures>的配置了，申明一些不java用反射不可得到的参数类型。 
我在上面例子上用的getBook来本来想用signatures实现List<Book>的转换可是没有成功（不用配置就可以） 
主要是真对jdk1.4以下的，我本机用的是jdk6,所以屡试不爽最后在官方DWR2的特性中看到如果你用的是DWR2和JDK5以上的话就不用配置了DWR会自动转换。 
下面讲一下DWR与Spring的集成： 
还是上面那个例子用Spring搞定大部分和上面一样 
新建类User（包换了） 
Java代码 
package org.li.dwr.spring;   
  
import java.util.List;   
  
import org.li.dwr.Book;   
  
public class User   
{   
    private String welcome;   
    private String username;   
    private String address;   
    private List<Book> books;   
    private int age;   
    public String getAddress()   
    {   
        return address;   
    }   
    public void setAddress(String address)   
    {   
        this.address = address;   
    }   
    public int getAge()   
    {   
        return age;   
    }   
    public void setAge(int age)   
    {   
        this.age = age;   
    }   
    public String getUsername()   
    {   
        return username;   
    }   
    public void setUsername(String username)   
    {   
        this.username = username;   
    }   
    public String getWelcome()   
    {   
        return welcome;   
    }   
    public void setWelcome(String welcome)   
    {   
        this.welcome = welcome;   
    }   
    public List<Book> getBooks()   
    {   
        return books;   
    }   
    public void setBooks(List<Book> books)   
    {   
        this.books = books;   
    }   
    public User getUser(String welcome)   
    {   
        this.welcome=welcome;   
        return this;   
    }   
}  

package org.li.dwr.spring;

import java.util.List;

import org.li.dwr.Book;

public class User
{
	private String welcome;
	private String username;
	private String address;
	private List<Book> books;
	private int age;
	public String getAddress()
	{
		return address;
	}
	public void setAddress(String address)
	{
		this.address = address;
	}
	public int getAge()
	{
		return age;
	}
	public void setAge(int age)
	{
		this.age = age;
	}
	public String getUsername()
	{
		return username;
	}
	public void setUsername(String username)
	{
		this.username = username;
	}
	public String getWelcome()
	{
		return welcome;
	}
	public void setWelcome(String welcome)
	{
		this.welcome = welcome;
	}
	public List<Book> getBooks()
	{
		return books;
	}
	public void setBooks(List<Book> books)
	{
		this.books = books;
	}
	public User getUser(String welcome)
	{
		this.welcome=welcome;
		return this;
	}
}
Book还是以前那个 
在src下新建application.xml文件（spring的配置文件） 
Java代码 
<?xml version="1.0" encoding="UTF-8"?>   
<!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">   
  
<beans>   
    <bean id="user" class="org.li.dwr.spring.User">   
        <property name="username">   
            <value>javafish</value>   
        </property>   
        <property name="age">   
            <value>21</value>   
        </property>   
        <property name="address">   
            <value>北京市海淀区</value>   
        </property>   
    </bean>   
</beans>  

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">

<beans>
	<bean id="user" class="org.li.dwr.spring.User">
		<property name="username">
			<value>javafish</value>
		</property>
		<property name="age">
			<value>21</value>
		</property>
		<property name="address">
			<value>北京市海淀区</value>
		</property>
	</bean>
</beans>

在dwr.xml加入： 
Java代码 
<create javascript="springUser" creator="spring">   
            <param name="beanName" value="user"></param>   
            <!-- 指定Spring配置文件的位置，如果没设置DWR会根据web.xml找到主配置文件，不过速度上就慢了 -->   
            <param name="location" value="applicationContext.xml"></param>   
        </create><convert match="org.li.dwr.spring.User" converter="bean"></convert>  

<create javascript="springUser" creator="spring">
			<param name="beanName" value="user"></param>
			<!-- 指定Spring配置文件的位置，如果没设置DWR会根据web.xml找到主配置文件，不过速度上就慢了 -->
			<param name="location" value="applicationContext.xml"></param>
		</create><convert match="org.li.dwr.spring.User" converter="bean"></convert>
新建springUserInfo.html 
Java代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<html>   
  <head>   
    <title>UserInfo.html</title>   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
    <script type='text/javascript' src='dwr/interface/springUser.js'></script>   
    <script type='text/javascript' src='dwr/engine.js'></script>   
    <script type='text/javascript' src='dwr/util.js'></script>   
    <script type="text/javascript" src="springuserInfo.js"></script>   
  
  </head>   
     
  <body>   
    请输入你的名字：   
    <input id="name" type="text"/>   
    <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>   
    <div id="result"></div>   
    <script>load()</script>   
  </body>   
</html>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>UserInfo.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type='text/javascript' src='dwr/interface/springUser.js'></script>
	<script type='text/javascript' src='dwr/engine.js'></script>
	<script type='text/javascript' src='dwr/util.js'></script>
    <script type="text/javascript" src="springuserInfo.js"></script>

  </head>
  
  <body>
  	请输入你的名字：
  	<input id="name" type="text"/>
    <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
	<div id="result"></div>
	<script>load()</script>
  </body>
</html>
新建springUserInfo.js 
Java代码 
function load()   
{   
    var jbutton = $("jbutton");   
    jbutton.onclick=function(event)   
    {   
        bOnClick();   
    };   
    var sbutton = $("sbutton");   
    sbutton.onclick=function(event)   
    {   
        sOnClick();   
    };   
}   
function bOnClick()   
{   
    springUser.getUser($("name").value,callback);   
}   
function callback(msg)   
{   
    var user = msg;   
    DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address);   
}  

function load()
{
	var jbutton = $("jbutton");
	jbutton.onclick=function(event)
	{
		bOnClick();
	};
	var sbutton = $("sbutton");
	sbutton.onclick=function(event)
	{
		sOnClick();
	};
}
function bOnClick()
{
	springUser.getUser($("name").value,callback);
}
function callback(msg)
{
	var user = msg;
	DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address);
}
在web.xml中加入 
<context-param> 
<param-name>contextConfigLocation</param-name> 
<param-value>/WEB-INF/classes/applicationContext.xml</param-value> 
</context-param> 
<listener> 
<listener-class> 
org.springframework.web.context.ContextLoaderListener 
</listener-class> 
</listener> 
运行服务器输入http://localhost:8080/DWRStudy/springUserInfo.html，可以看到运行结果 
主要的区别是dwr.xml的配置，需要在creator=spring,然后里面的<param>的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路径（如果不指定DWR可以根据web.xml自动找到spring的主配置文件）。 
DWR的Annotation配置 
还是上面spring那个例子的功能再来一遍(new 的配置太简单)，这样的话项目中的dwr.xml对于这个例子就没有作用了 
新建User类（包名换了） 
Java代码 
package org.li.dwr.spring.annotation;   
  
import java.util.List;   
  
import org.directwebremoting.annotations.Convert;   
import org.directwebremoting.annotations.Create;   
import org.directwebremoting.annotations.Param;   
import org.directwebremoting.annotations.RemoteMethod;   
import org.directwebremoting.annotations.RemoteProperty;   
import org.directwebremoting.convert.BeanConverter;   
import org.directwebremoting.spring.SpringCreator;   
import org.li.dwr.Book;   
  
@Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})   
@Convert(converter=BeanConverter.class)   
public class User   
{   
    private String welcome;   
    private String username;   
    @RemoteProperty  
    private String address;   
    private List<Book> books;   
    private int age;   
    public String getAddress()   
    {   
        return address;   
    }   
    public void setAddress(String address)   
    {   
        this.address = address;   
    }   
    public int getAge()   
    {   
        return age;   
    }   
    public void setAge(int age)   
    {   
        this.age = age;   
    }   
    public String getUsername()   
    {   
        return username;   
    }   
    public void setUsername(String username)   
    {   
        this.username = username;   
    }   
    public String getWelcome()   
    {   
        return welcome;   
    }   
    public void setWelcome(String welcome)   
    {   
        this.welcome = welcome;   
    }   
    public List<Book> getBooks()   
    {   
        return books;   
    }   
    public void setBooks(List<Book> books)   
    {   
        this.books = books;   
    }   
    @RemoteMethod  
    public User getUser(String welcome)   
    {   
        this.welcome=welcome;   
        return this;   
    }   
}  

package org.li.dwr.spring.annotation;

import java.util.List;

import org.directwebremoting.annotations.Convert;
import org.directwebremoting.annotations.Create;
import org.directwebremoting.annotations.Param;
import org.directwebremoting.annotations.RemoteMethod;
import org.directwebremoting.annotations.RemoteProperty;
import org.directwebremoting.convert.BeanConverter;
import org.directwebremoting.spring.SpringCreator;
import org.li.dwr.Book;

@Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
@Convert(converter=BeanConverter.class)
public class User
{
	private String welcome;
	private String username;
	@RemoteProperty
	private String address;
	private List<Book> books;
	private int age;
	public String getAddress()
	{
		return address;
	}
	public void setAddress(String address)
	{
		this.address = address;
	}
	public int getAge()
	{
		return age;
	}
	public void setAge(int age)
	{
		this.age = age;
	}
	public String getUsername()
	{
		return username;
	}
	public void setUsername(String username)
	{
		this.username = username;
	}
	public String getWelcome()
	{
		return welcome;
	}
	public void setWelcome(String welcome)
	{
		this.welcome = welcome;
	}
	public List<Book> getBooks()
	{
		return books;
	}
	public void setBooks(List<Book> books)
	{
		this.books = books;
	}
	@RemoteMethod
	public User getUser(String welcome)
	{
		this.welcome=welcome;
		return this;
	}
}

新建过滤器类DWRAnLog 
Java代码 
package org.li.dwr.log.annotation;   
  
import java.lang.reflect.Method;   
  
import org.directwebremoting.AjaxFilter;   
import org.directwebremoting.AjaxFilterChain;   
import org.directwebremoting.annotations.Filter;   
import org.directwebremoting.filter.SpringTransactionAjaxFilter;   
@Filter(type=SpringTransactionAjaxFilter.class)   
public class DWRAnLog implements AjaxFilter   
{   
  
    public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception   
    {   
        System.out.println("annotation过滤器Log输出:..对象："+obj.getClass().getName()+"方法："+method.getName());   
        return chain.doFilter(obj, method, params);   
    }   
  
}  

package org.li.dwr.log.annotation;

import java.lang.reflect.Method;

import org.directwebremoting.AjaxFilter;
import org.directwebremoting.AjaxFilterChain;
import org.directwebremoting.annotations.Filter;
import org.directwebremoting.filter.SpringTransactionAjaxFilter;
@Filter(type=SpringTransactionAjaxFilter.class)
public class DWRAnLog implements AjaxFilter
{

	public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
	{
		System.out.println("annotation过滤器Log输出:..对象："+obj.getClass().getName()+"方法："+method.getName());
		return chain.doFilter(obj, method, params);
	}

}
在spring的applicationContext.xml里加入 
Java代码 
<bean id="anuser" class="org.li.dwr.spring.annotation.User">   
        <property name="username">   
            <value>javafish</value>   
        </property>   
        <property name="age">   
            <value>21</value>   
        </property>   
        <property name="address">   
            <value>北京市海淀区</value>   
        </property>   
    </bean>  

<bean id="anuser" class="org.li.dwr.spring.annotation.User">
		<property name="username">
			<value>javafish</value>
		</property>
		<property name="age">
			<value>21</value>
		</property>
		<property name="address">
			<value>北京市海淀区</value>
		</property>
	</bean>
新建AnSpringUserInfoHtml.html 
Java代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<html>   
  <head>   
    <title>UserInfo.html</title>   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
    <script type='text/javascript' src='dwr/interface/anspringuser.js'></script>   
    <script type='text/javascript' src='dwr/engine.js'></script>   
    <script type='text/javascript' src='dwr/util.js'></script>   
    <script type="text/javascript" src="anspringuserInfo.js"></script>   
  
  </head>   
     
  <body>   
    请输入你的名字：   
    <input id="name" type="text"/>   
    <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>   
    <div id="result"></div>   
    <script>load()</script>   
  </body>   
</html>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>UserInfo.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type='text/javascript' src='dwr/interface/anspringuser.js'></script>
	<script type='text/javascript' src='dwr/engine.js'></script>
	<script type='text/javascript' src='dwr/util.js'></script>
    <script type="text/javascript" src="anspringuserInfo.js"></script>

  </head>
  
  <body>
  	请输入你的名字：
  	<input id="name" type="text"/>
    <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
	<div id="result"></div>
	<script>load()</script>
  </body>
</html>
新建anspringuserInfo.js 
Java代码 
function load()   
{   
    var jbutton = $("jbutton");   
    jbutton.onclick=function(event)   
    {   
        bOnClick();   
    };   
}   
function bOnClick()   
{   
    alert("haha");   
    anspringuser.getUser($("name").value,callback);   
}   
function callback(msg)   
{   
    var user = msg;   
    DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address);   
}  

function load()
{
	var jbutton = $("jbutton");
	jbutton.onclick=function(event)
	{
		bOnClick();
	};
}
function bOnClick()
{
	alert("haha");
	anspringuser.getUser($("name").value,callback);
}
function callback(msg)
{
	var user = msg;
	DWRUtil.setValue('result',"欢迎你！"+user.welcome+"   姓名："+user.username+",年龄："+user.age+"，住址："+user.address);
}
在web.xml中 
的DWR的servlet的初始化参数里加入 
Java代码 
<init-param>   
       <param-name>classes</param-name>   
       <param-value>   
            org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User   
       </param-value>   
    </init-param>  

<init-param>
       <param-name>classes</param-name>
       <param-value>
       		org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User
       </param-value>
	</init-param>
运行服务器输入http://localhost:8080/DWRStudy/AnSpringUserInfo.html，成功了 
用Annotation的配置和dwr.xml的意思基本一样，这里就不多做介绍了。 
Util.js的函数库 
$()和prototype.js一样相当于document.getElementById 

(Set)getValue（）(设置)得到元素的值一般是（设置）得到元素的innerHTML。 
getText()得到元素的文本值 
(set)getValues()（设置）得到元素下的元素，以array为对象载体。 
这里都是一些最常用的函数，具体可以看一下util.js文件。
分享到：
| 二叉树创建及遍历算法(递归及非递归)(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Dwr2的HelloWorld

    **DWR2的HelloWorld详解** DWR (Direct Web Remoting) 是一个开源JavaScript库，它允许在浏览器和服务器之间进行直接的、实时的通信，从而实现Web应用程序的富客户端功能。DWR2是其第二个主要版本，相较于早期版本...

    DWR学习笔记-HelloWorld篇

    【标题】：“DWR学习笔记-HelloWorld篇” 在IT领域，DWR（Direct Web Remoting）是一个开源的Java框架，它允许JavaScript在浏览器端直接调用服务器端的Java方法，实现了网页与服务器的实时交互，类似于Ajax技术，但...

    java dwr简单例子helloworld

    这个"java dwr简单例子helloworld"是一个基础教程，旨在通过一个简单的HelloWorld示例，让你了解DWR的工作原理和基本用法。 首先，DWR的核心思想是提供一种安全且高效的方式，让JavaScript能够与服务器端的Java对象...

    dwr.jar编写helloworld

    当应用启动时，DWR引擎会处理这些配置并生成必要的JavaScript代码，用户可以通过`/dwr/interface/HelloWorld.js`访问这个文件。 5. **编写HTML和JavaScript**：在HTML页面中，我们需要引入DWR的主脚本文件（如/dwr/...

    dwr3.0的HELLOWORLD创建过程

    ### dwr3.0的HELLOWORLD创建过程详解 #### 一、准备工作：环境搭建与配置 ##### 1. 创建Web工程 - **步骤一**：新建一个Web应用程序工程。 - **步骤二**：导入DWR 3.0的相关jar包。确保包括`dwr-x.x.x.jar`在内的...

    第一个DWR HelloWorld例子（附：详细说明）

    在这个"第一个DWR HelloWorld例子"中，我们将深入理解DWR的基本原理和操作流程，通过实践来学习如何搭建一个简单的DWR应用。 1. **DWR的基本概念** DWR的核心思想是创建一个安全的、高效的、易于使用的AJAX框架。...

    dwr+demo+helloworld

    在这个"Dwr+Demo+helloworld"示例中，我们将探讨如何利用DWR轻松实现JavaScript与Java之间的交互，创建一个简单的"Hello, World!"应用程序。 首先，我们需要了解DWR的基本概念。DWR的核心功能是提供一个代理层，...

    DWR之helloworld

    本文将详细介绍如何在你的项目中设置DWR并创建一个简单的"Hello World"示例。 首先，你需要从DWR官方网站 (&lt;http://getahead.ltd.uk/dwr/&gt;) 下载最新版本的dwr.jar文件。这个JAR包包含了DWR的核心库，你需要将其...

    dwr_helloWorld

    标题 "dwr_helloWorld" 指向的可能是一个关于Direct Web Remoting (DWR)框架的简单示例，用于在Web应用中实现JavaScript与服务器端Java代码的交互。DWR允许开发者实现实时的、动态的AJAX功能，使得Web界面能够更流畅...

    DWR入门教程之HelloWorld

    在本“DWR入门教程之HelloWorld”中，我们将逐步学习如何搭建一个简单的DWR应用，体验其基本功能。首先，我们需要了解以下关键组件： 1. **配置DWR**: 在Web应用程序的`web.xml`文件中，我们需要添加DWR的Servlet...

    DWR HELLO WORLD的示例

    这个"HELLO WORLD"示例是了解DWR基本工作原理的绝佳起点。下面将详细解释DWR的基本概念以及如何通过这个示例来实现"HELLO WORLD"。 首先，我们需要理解DWR的核心功能：它提供了一个自动处理JSON和JavaScript对象...

    DWR中文文档DWR

    DWR（Direct Web Remoting）是一种Java库，它允许JavaScript在客户端与服务器...通过深入学习这份DWR中文文档，开发者不仅可以掌握DWR的基本用法，还能了解到如何在实际项目中有效利用DWR提升Web应用的性能和用户体验。

    Dwr3+Spring3 全注解 annotation 方式

    在IT行业中，DWR（Direct Web Remoting）和Spring框架是两种常见的Web开发技术。DWR允许在浏览器和服务器之间进行实时的JavaScript到Java的调用，极大地增强了Web应用程序的交互性。而Spring框架则是一个全面的企业...

    Dwr helloworld小例子

    在“Dwr helloworld小例子”中，我们可以通过一个简单的项目来学习DWR的基本用法。MyEclipse是一款强大的集成开发环境，特别适合于Java和Web应用的开发，它内置了对DWR的支持。 首先，我们需要在MyEclipse中创建一...

    spring使用annotation整合dwr笔记

    ### Spring使用Annotation整合DWR知识点解析 #### 一、概览 在现代Web开发中，Direct Web Remoting（简称DWR）是一种简化Ajax应用开发的技术，它允许JavaScript直接调用服务器端的Java方法，而无需编写复杂的XML...

    配置整合DWR3.0和Spring2.5使用annotation注解

    在本文中，我们将探讨如何将Direct Web Remoting (DWR) 3.0与Spring 2.5框架整合，并利用注解（Annotation）进行配置。DWR是一个允许JavaScript与Java服务器端进行交互的库，而Spring 2.5引入了对注解的强大支持，...

    dwr的helloworld入门例子

    DWR的"Hello, World"入门例子是学习其基本用法的一个常见起点。在这个例子中，我们将深入探讨DWR的核心概念和技术，以及如何设置和运行一个简单的DWR应用。 1. **DWR概述**： DWR的核心功能在于提供一种安全、高效...

Magicbox
Global site tag (gtag.js) - Google Analytics