- 浏览: 3575202 次
- 性别:
- 来自: 杭州
-
文章分类
- 全部博客 (1491)
- Hibernate (28)
- spring (37)
- struts2 (19)
- jsp (12)
- servlet (2)
- mysql (24)
- tomcat (3)
- weblogic (1)
- ajax (36)
- jquery (47)
- html (43)
- JS (32)
- ibatis (0)
- DWR (3)
- EXTJS (43)
- Linux (15)
- Maven (3)
- python (8)
- 其他 (8)
- JAVASE (6)
- java javase string (0)
- JAVA 语法 (3)
- juddiv3 (15)
- Mule (1)
- jquery easyui (2)
- mule esb (1)
- java (644)
- log4j (4)
- weka (12)
- android (257)
- web services (4)
- PHP (1)
- 算法 (18)
- 数据结构 算法 (7)
- 数据挖掘 (4)
- 期刊 (6)
- 面试 (5)
- C++ (1)
- 论文 (10)
- 工作 (1)
- 数据结构 (6)
- JAVA配置 (1)
- JAVA垃圾回收 (2)
- SVM (13)
- web st (1)
- jvm (7)
- weka libsvm (1)
- weka屈伟 (1)
- job (2)
- 排序 算法 面试 (3)
- spss (2)
- 搜索引擎 (6)
- java 爬虫 (6)
- 分布式 (1)
- data ming (1)
- eclipse (6)
- 正则表达式 (1)
- 分词器 (2)
- 张孝祥 (1)
- solr (3)
- nutch (1)
- 爬虫 (4)
- lucene (3)
- 狗日的腾讯 (1)
- 我的收藏网址 (13)
- 网络 (1)
- java 数据结构 (22)
- ACM (7)
- jboss (0)
- 大纸 (10)
- maven2 (0)
- elipse (0)
- SVN使用 (2)
- office (1)
- .net (14)
- extjs4 (2)
- zhaopin (0)
- C (2)
- spring mvc (5)
- JPA (9)
- iphone (3)
- css (3)
- 前端框架 (2)
- jui (1)
- dwz (1)
- joomla (1)
- im (1)
- web (2)
- 1 (0)
- 移动UI (1)
- java (1)
- jsoup (1)
- 管理模板 (2)
- javajava (1)
- kali (7)
- 单片机 (1)
- 嵌入式 (1)
- mybatis (2)
- layui (7)
- asp (12)
- asp.net (1)
- sql (1)
- c# (4)
- andorid (1)
- 地价 (1)
- yihuo (1)
- oracle (1)
最新评论
-
endual:
https://blog.csdn.net/chenxbxh2 ...
IE6 bug -
ice86rain:
你好,ES跑起来了吗?我的在tomcat启动时卡在这里Hibe ...
ES架构技术介绍 -
TopLongMan:
...
java public ,protect,friendly,private的方法权限(转) -
贝塔ZQ:
java实现操作word中的表格内容,用插件实现的话,可以试试 ...
java 读取 doc poi读取word中的表格(转) -
ysj570440569:
Maven多模块spring + springMVC + JP ...
Spring+SpringMVC+JPA
ItEye-最棒的软件开发交流社区
-
论坛首页 → Web前端技术版 → DWR →
DWR的学习文档(Hello World,类型转换,Spring,Annotation)
全部 JavaScript EXT AJAX UI CSS prototype dojo YUI DWR GWT JQuery JavaFX Web综合
« 上一页 1 2 3 4 下一页 »
浏览 37912 次
锁定老帖子 主题:DWR的学习文档(Hello World,类型转换,Spring,Annotation)
该帖已经被评为良好帖
作者 正文
* likunkun
* 等级: 二星会员
* likunkun的博客
* 性别: [男]
* 文章: 24
* 积分: 165
* 来自: 北京
*
发表时间:2006-12-22
收藏Spinner
< > 猎头职位: 北京: JavaEye招聘Ruby工程师
相关文章:
* 求教关于dwr客户端获取服务端返回对象为null的问题,郁闷了一天了~!~!
* 马不停蹄,接着DWR学习jsTemplate
* 让Dwr和Spring-MVC通过Annotation方式共同工作
推荐群组: EXT
更多相关推荐
Email:javafish@sunxin.org
DWR是作为远程调用的ajax框架,将服务端的java类,方法和浏览器的javascript的类,方法对应起来。现在官方最新的版本是DWR2.0,可以在http://getahead.ltd.uk/dwr/download下载到。
我们真对DWR2.0做一些例子讲解一下它的特性:
Hello World:
新建一个web项目DWRStudy,在项目中构建路径中加入dwr.jar,
新建类Hello如下:
Java代码 收藏代码
1. package org.li.dwr;
2.
3. package org.li.dwr;
4.
5. import java.util.Date;
6.
7. public class Hello
8. {
9. public String getHelloWorld()
10. {
11. return "现在的时间为:"+new Date();
12. }
13. }
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代码 收藏代码
1. <?xml version="1.0" encoding="UTF-8"?>
2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
3. <dwr>
4. <allow>
5. <!-- javascript的对象是jshello,create="new"是DWR自己创建类 -->
6. <create javascript="jshello" creator="new" scope="application">
7. <param name="class" value="org.li.dwr.Hello"></param>
8. </create>
9. </allow>
10. </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代码 收藏代码
1. function load()//载入的时候调用
2. {
3. var jbutton = document.getElementById("jbutton");
4. jbutton.onclick=function(event)//注册按钮点击事件
5. {
6. jbClick();
7. };
8. }
9. function jbClick()//按钮点击事件
10. {
11. jshello.getHelloWorld(callback);//没有参数传递,只传递回调函数就行
12. }
13. function callback(msg)//回调函数
14. {
15. DWRUtil.setValue('jdiv',msg);
16. }
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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>HelloWorld.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/jshello.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="hello.js"></script>
10.
11. </head>
12.
13. <body>
14. <input id="jbutton" type="button" value="得到Hello World"/>
15. <div id="jdiv"></div>
16. <script>load()</script>
17. </body>
18. </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代码 收藏代码
1. <servlet>
2. <servlet-name>dwr-invoker</servlet-name>
3. <servlet-class>
4. org.directwebremoting.servlet.DwrServlet
5. </servlet-class>
6. <init-param>
7. <param-name>debug</param-name>
8. <param-value>true</param-value>
9. </init-param>
10. <load-on-startup>1</load-on-startup>
11. </servlet>
12.
13. <servlet-mapping>
14. <servlet-name>dwr-invoker</servlet-name>
15. <url-pattern>/dwr/*</url-pattern>
16. </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代码 收藏代码
1. package org.li.dwr;
2.
3. import java.io.FileInputStream;
4. import java.io.FileNotFoundException;
5. import java.io.IOException;
6. import java.util.ArrayList;
7. import java.util.List;
8. import java.util.Properties;
9.
10. public class User
11. {
12. private String welcome;
13. private String username;
14. private String address;
15. private List<Book> books;
16. private int age;
17. public String getAddress()
18. {
19. return address;
20. }
21. public void setAddress(String address)
22. {
23. this.address = address;
24. }
25. public int getAge()
26. {
27. return age;
28. }
29. public void setAge(int age)
30. {
31. this.age = age;
32. }
33. public String getUsername()
34. {
35. return username;
36. }
37. public void setUsername(String username)
38. {
39. this.username = username;
40. }
41. public String getWelcome()
42. {
43. return welcome;
44. }
45. public void setWelcome(String welcome)
46. {
47. this.welcome = welcome;
48. }
49. public List<Book> getBooks()
50. {
51. return books;
52. }
53. public void setBooks(List<Book> books)
54. {
55. this.books = books;
56. }
57. public List<Book> getBook()
58. {
59. this.books = new ArrayList<Book>();
60. Book javaBook = new Book();
61. Book vcBook = new Book();
62. javaBook.setAuthor("孙鑫");
63. vcBook.setAuthor("孙鑫");
64. javaBook.setName("java Web开发详解");
65. vcBook.setName("vc++深入详解");
66. this.books.add(javaBook);
67. this.books.add(vcBook);
68. return this.books;
69. }
70. public User getUser(String welcome)
71. {
72. this.welcome=welcome;
73. try
74. {
75. FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties");
76. Properties pp = new Properties();
77. pp.load(fis);
78. this.username=pp.getProperty("username");
79. this.age=Integer.valueOf(pp.getProperty("age"));
80. this.address=pp.getProperty("address");
81. fis.close();
82. }
83. catch (FileNotFoundException e)
84. {
85. // TODO Auto-generated catch block
86. e.printStackTrace();
87. }
88. catch (IOException e)
89. {
90. // TODO Auto-generated catch block
91. e.printStackTrace();
92. }
93. return this;
94. }
95. }
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代码 收藏代码
1. package org.li.dwr;
2.
3. public class Book
4. {
5. private String name;
6. private String author;
7. public String getAuthor()
8. {
9. return author;
10. }
11. public void setAuthor(String author)
12. {
13. this.author = author;
14. }
15. public String getName()
16. {
17. return name;
18. }
19. public void setName(String name)
20. {
21. this.name = name;
22. }
23. }
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代码 收藏代码
1. package org.li.dwr.log;
2.
3. import java.lang.reflect.Method;
4.
5. import org.directwebremoting.AjaxFilterChain;
6.
7. public class DWRLog implements org.directwebremoting.AjaxFilter
8. {
9.
10. public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
11. {
12. System.out.println("过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName());
13. return chain.doFilter(obj, method,params);
14. }
15.
16. }
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代码 收藏代码
1. <create javascript="jsuser" creator="new">
2. <param name="class" value="org.li.dwr.User"></param>
3. <!-- 过滤允许调用的方法 -->
4. <include method="getUser"/>
5. <include method="getBook"/>
6. <!-- 配置自己的过滤器 -->
7. <filter class="org.li.dwr.log.DWRLog"></filter>
8. </create>
9. <!-- 需要转换的类 -->
10. <convert match="org.li.dwr.User" converter="bean"></convert>
11. <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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/jsuser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="userInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish的信息"/>
17. <input id="sbutton" type="button" value="得到javafish的书"/>
18. <div id="result"></div>
19. <script>load()</script>
20. </body>
21. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. var sbutton = $("sbutton");
9. sbutton.onclick=function(event)
10. {
11. sOnClick();
12. };
13. }
14. function bOnClick()
15. {
16. jsuser.getUser($("name").value,callback);
17. }
18. function callback(msg)
19. {
20. var user = msg;
21. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address+user.books[0].author);
22. }
23.
24.
25. function sOnClick()
26. {
27. jsuser.getBook(callbackBooks);
28. }
29. function callbackBooks(msg)
30. {
31. alert(msg);
32. DWRUtil.setValue('result',msg);
33. }
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代码 收藏代码
1. package org.li.dwr.spring;
2.
3. import java.util.List;
4.
5. import org.li.dwr.Book;
6.
7. public class User
8. {
9. private String welcome;
10. private String username;
11. private String address;
12. private List<Book> books;
13. private int age;
14. public String getAddress()
15. {
16. return address;
17. }
18. public void setAddress(String address)
19. {
20. this.address = address;
21. }
22. public int getAge()
23. {
24. return age;
25. }
26. public void setAge(int age)
27. {
28. this.age = age;
29. }
30. public String getUsername()
31. {
32. return username;
33. }
34. public void setUsername(String username)
35. {
36. this.username = username;
37. }
38. public String getWelcome()
39. {
40. return welcome;
41. }
42. public void setWelcome(String welcome)
43. {
44. this.welcome = welcome;
45. }
46. public List<Book> getBooks()
47. {
48. return books;
49. }
50. public void setBooks(List<Book> books)
51. {
52. this.books = books;
53. }
54. public User getUser(String welcome)
55. {
56. this.welcome=welcome;
57. return this;
58. }
59. }
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代码 收藏代码
1. <?xml version="1.0" encoding="UTF-8"?>
2. <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
3.
4. <beans>
5. <bean id="user" class="org.li.dwr.spring.User">
6. <property name="username">
7. <value>javafish</value>
8. </property>
9. <property name="age">
10. <value>21</value>
11. </property>
12. <property name="address">
13. <value>北京市海淀区</value>
14. </property>
15. </bean>
16. </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代码 收藏代码
1. <create javascript="springUser" creator="spring">
2. <param name="beanName" value="user"></param>
3. <!-- 指定Spring配置文件的位置,如果没设置DWR会根据web.xml找到主配置文件,不过速度上就慢了 -->
4. <param name="location" value="applicationContext.xml"></param>
5. </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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/springUser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="springuserInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
17. <div id="result"></div>
18. <script>load()</script>
19. </body>
20. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. var sbutton = $("sbutton");
9. sbutton.onclick=function(event)
10. {
11. sOnClick();
12. };
13. }
14. function bOnClick()
15. {
16. springUser.getUser($("name").value,callback);
17. }
18. function callback(msg)
19. {
20. var user = msg;
21. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address);
22. }
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代码 收藏代码
1. package org.li.dwr.spring.annotation;
2.
3. import java.util.List;
4.
5. import org.directwebremoting.annotations.Convert;
6. import org.directwebremoting.annotations.Create;
7. import org.directwebremoting.annotations.Param;
8. import org.directwebremoting.annotations.RemoteMethod;
9. import org.directwebremoting.annotations.RemoteProperty;
10. import org.directwebremoting.convert.BeanConverter;
11. import org.directwebremoting.spring.SpringCreator;
12. import org.li.dwr.Book;
13.
14. @Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
15. @Convert(converter=BeanConverter.class)
16. public class User
17. {
18. private String welcome;
19. private String username;
20. @RemoteProperty
21. private String address;
22. private List<Book> books;
23. private int age;
24. public String getAddress()
25. {
26. return address;
27. }
28. public void setAddress(String address)
29. {
30. this.address = address;
31. }
32. public int getAge()
33. {
34. return age;
35. }
36. public void setAge(int age)
37. {
38. this.age = age;
39. }
40. public String getUsername()
41. {
42. return username;
43. }
44. public void setUsername(String username)
45. {
46. this.username = username;
47. }
48. public String getWelcome()
49. {
50. return welcome;
51. }
52. public void setWelcome(String welcome)
53. {
54. this.welcome = welcome;
55. }
56. public List<Book> getBooks()
57. {
58. return books;
59. }
60. public void setBooks(List<Book> books)
61. {
62. this.books = books;
63. }
64. @RemoteMethod
65. public User getUser(String welcome)
66. {
67. this.welcome=welcome;
68. return this;
69. }
70. }
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代码 收藏代码
1. package org.li.dwr.log.annotation;
2.
3. import java.lang.reflect.Method;
4.
5. import org.directwebremoting.AjaxFilter;
6. import org.directwebremoting.AjaxFilterChain;
7. import org.directwebremoting.annotations.Filter;
8. import org.directwebremoting.filter.SpringTransactionAjaxFilter;
9. @Filter(type=SpringTransactionAjaxFilter.class)
10. public class DWRAnLog implements AjaxFilter
11. {
12.
13. public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
14. {
15. System.out.println("annotation过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName());
16. return chain.doFilter(obj, method, params);
17. }
18.
19. }
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代码 收藏代码
1. <bean id="anuser" class="org.li.dwr.spring.annotation.User">
2. <property name="username">
3. <value>javafish</value>
4. </property>
5. <property name="age">
6. <value>21</value>
7. </property>
8. <property name="address">
9. <value>北京市海淀区</value>
10. </property>
11. </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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/anspringuser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="anspringuserInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
17. <div id="result"></div>
18. <script>load()</script>
19. </body>
20. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. }
9. function bOnClick()
10. {
11. alert("haha");
12. anspringuser.getUser($("name").value,callback);
13. }
14. function callback(msg)
15. {
16. var user = msg;
17. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address);
18. }
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代码 收藏代码
1. <init-param>
2. <param-name>classes</param-name>
3. <param-value>
4. org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User
5. </param-value>
6. </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文件。
-
论坛首页 → Web前端技术版 → DWR →
DWR的学习文档(Hello World,类型转换,Spring,Annotation)
全部 JavaScript EXT AJAX UI CSS prototype dojo YUI DWR GWT JQuery JavaFX Web综合
« 上一页 1 2 3 4 下一页 »
浏览 37912 次
锁定老帖子 主题:DWR的学习文档(Hello World,类型转换,Spring,Annotation)
该帖已经被评为良好帖
作者 正文
* likunkun
* 等级: 二星会员
* likunkun的博客
* 性别: [男]
* 文章: 24
* 积分: 165
* 来自: 北京
*
发表时间:2006-12-22
收藏Spinner
< > 猎头职位: 北京: JavaEye招聘Ruby工程师
相关文章:
* 求教关于dwr客户端获取服务端返回对象为null的问题,郁闷了一天了~!~!
* 马不停蹄,接着DWR学习jsTemplate
* 让Dwr和Spring-MVC通过Annotation方式共同工作
推荐群组: EXT
更多相关推荐
Email:javafish@sunxin.org
DWR是作为远程调用的ajax框架,将服务端的java类,方法和浏览器的javascript的类,方法对应起来。现在官方最新的版本是DWR2.0,可以在http://getahead.ltd.uk/dwr/download下载到。
我们真对DWR2.0做一些例子讲解一下它的特性:
Hello World:
新建一个web项目DWRStudy,在项目中构建路径中加入dwr.jar,
新建类Hello如下:
Java代码 收藏代码
1. package org.li.dwr;
2.
3. package org.li.dwr;
4.
5. import java.util.Date;
6.
7. public class Hello
8. {
9. public String getHelloWorld()
10. {
11. return "现在的时间为:"+new Date();
12. }
13. }
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代码 收藏代码
1. <?xml version="1.0" encoding="UTF-8"?>
2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
3. <dwr>
4. <allow>
5. <!-- javascript的对象是jshello,create="new"是DWR自己创建类 -->
6. <create javascript="jshello" creator="new" scope="application">
7. <param name="class" value="org.li.dwr.Hello"></param>
8. </create>
9. </allow>
10. </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代码 收藏代码
1. function load()//载入的时候调用
2. {
3. var jbutton = document.getElementById("jbutton");
4. jbutton.onclick=function(event)//注册按钮点击事件
5. {
6. jbClick();
7. };
8. }
9. function jbClick()//按钮点击事件
10. {
11. jshello.getHelloWorld(callback);//没有参数传递,只传递回调函数就行
12. }
13. function callback(msg)//回调函数
14. {
15. DWRUtil.setValue('jdiv',msg);
16. }
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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>HelloWorld.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/jshello.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="hello.js"></script>
10.
11. </head>
12.
13. <body>
14. <input id="jbutton" type="button" value="得到Hello World"/>
15. <div id="jdiv"></div>
16. <script>load()</script>
17. </body>
18. </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代码 收藏代码
1. <servlet>
2. <servlet-name>dwr-invoker</servlet-name>
3. <servlet-class>
4. org.directwebremoting.servlet.DwrServlet
5. </servlet-class>
6. <init-param>
7. <param-name>debug</param-name>
8. <param-value>true</param-value>
9. </init-param>
10. <load-on-startup>1</load-on-startup>
11. </servlet>
12.
13. <servlet-mapping>
14. <servlet-name>dwr-invoker</servlet-name>
15. <url-pattern>/dwr/*</url-pattern>
16. </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代码 收藏代码
1. package org.li.dwr;
2.
3. import java.io.FileInputStream;
4. import java.io.FileNotFoundException;
5. import java.io.IOException;
6. import java.util.ArrayList;
7. import java.util.List;
8. import java.util.Properties;
9.
10. public class User
11. {
12. private String welcome;
13. private String username;
14. private String address;
15. private List<Book> books;
16. private int age;
17. public String getAddress()
18. {
19. return address;
20. }
21. public void setAddress(String address)
22. {
23. this.address = address;
24. }
25. public int getAge()
26. {
27. return age;
28. }
29. public void setAge(int age)
30. {
31. this.age = age;
32. }
33. public String getUsername()
34. {
35. return username;
36. }
37. public void setUsername(String username)
38. {
39. this.username = username;
40. }
41. public String getWelcome()
42. {
43. return welcome;
44. }
45. public void setWelcome(String welcome)
46. {
47. this.welcome = welcome;
48. }
49. public List<Book> getBooks()
50. {
51. return books;
52. }
53. public void setBooks(List<Book> books)
54. {
55. this.books = books;
56. }
57. public List<Book> getBook()
58. {
59. this.books = new ArrayList<Book>();
60. Book javaBook = new Book();
61. Book vcBook = new Book();
62. javaBook.setAuthor("孙鑫");
63. vcBook.setAuthor("孙鑫");
64. javaBook.setName("java Web开发详解");
65. vcBook.setName("vc++深入详解");
66. this.books.add(javaBook);
67. this.books.add(vcBook);
68. return this.books;
69. }
70. public User getUser(String welcome)
71. {
72. this.welcome=welcome;
73. try
74. {
75. FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties");
76. Properties pp = new Properties();
77. pp.load(fis);
78. this.username=pp.getProperty("username");
79. this.age=Integer.valueOf(pp.getProperty("age"));
80. this.address=pp.getProperty("address");
81. fis.close();
82. }
83. catch (FileNotFoundException e)
84. {
85. // TODO Auto-generated catch block
86. e.printStackTrace();
87. }
88. catch (IOException e)
89. {
90. // TODO Auto-generated catch block
91. e.printStackTrace();
92. }
93. return this;
94. }
95. }
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代码 收藏代码
1. package org.li.dwr;
2.
3. public class Book
4. {
5. private String name;
6. private String author;
7. public String getAuthor()
8. {
9. return author;
10. }
11. public void setAuthor(String author)
12. {
13. this.author = author;
14. }
15. public String getName()
16. {
17. return name;
18. }
19. public void setName(String name)
20. {
21. this.name = name;
22. }
23. }
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代码 收藏代码
1. package org.li.dwr.log;
2.
3. import java.lang.reflect.Method;
4.
5. import org.directwebremoting.AjaxFilterChain;
6.
7. public class DWRLog implements org.directwebremoting.AjaxFilter
8. {
9.
10. public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
11. {
12. System.out.println("过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName());
13. return chain.doFilter(obj, method,params);
14. }
15.
16. }
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代码 收藏代码
1. <create javascript="jsuser" creator="new">
2. <param name="class" value="org.li.dwr.User"></param>
3. <!-- 过滤允许调用的方法 -->
4. <include method="getUser"/>
5. <include method="getBook"/>
6. <!-- 配置自己的过滤器 -->
7. <filter class="org.li.dwr.log.DWRLog"></filter>
8. </create>
9. <!-- 需要转换的类 -->
10. <convert match="org.li.dwr.User" converter="bean"></convert>
11. <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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/jsuser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="userInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish的信息"/>
17. <input id="sbutton" type="button" value="得到javafish的书"/>
18. <div id="result"></div>
19. <script>load()</script>
20. </body>
21. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. var sbutton = $("sbutton");
9. sbutton.onclick=function(event)
10. {
11. sOnClick();
12. };
13. }
14. function bOnClick()
15. {
16. jsuser.getUser($("name").value,callback);
17. }
18. function callback(msg)
19. {
20. var user = msg;
21. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address+user.books[0].author);
22. }
23.
24.
25. function sOnClick()
26. {
27. jsuser.getBook(callbackBooks);
28. }
29. function callbackBooks(msg)
30. {
31. alert(msg);
32. DWRUtil.setValue('result',msg);
33. }
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代码 收藏代码
1. package org.li.dwr.spring;
2.
3. import java.util.List;
4.
5. import org.li.dwr.Book;
6.
7. public class User
8. {
9. private String welcome;
10. private String username;
11. private String address;
12. private List<Book> books;
13. private int age;
14. public String getAddress()
15. {
16. return address;
17. }
18. public void setAddress(String address)
19. {
20. this.address = address;
21. }
22. public int getAge()
23. {
24. return age;
25. }
26. public void setAge(int age)
27. {
28. this.age = age;
29. }
30. public String getUsername()
31. {
32. return username;
33. }
34. public void setUsername(String username)
35. {
36. this.username = username;
37. }
38. public String getWelcome()
39. {
40. return welcome;
41. }
42. public void setWelcome(String welcome)
43. {
44. this.welcome = welcome;
45. }
46. public List<Book> getBooks()
47. {
48. return books;
49. }
50. public void setBooks(List<Book> books)
51. {
52. this.books = books;
53. }
54. public User getUser(String welcome)
55. {
56. this.welcome=welcome;
57. return this;
58. }
59. }
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代码 收藏代码
1. <?xml version="1.0" encoding="UTF-8"?>
2. <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
3.
4. <beans>
5. <bean id="user" class="org.li.dwr.spring.User">
6. <property name="username">
7. <value>javafish</value>
8. </property>
9. <property name="age">
10. <value>21</value>
11. </property>
12. <property name="address">
13. <value>北京市海淀区</value>
14. </property>
15. </bean>
16. </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代码 收藏代码
1. <create javascript="springUser" creator="spring">
2. <param name="beanName" value="user"></param>
3. <!-- 指定Spring配置文件的位置,如果没设置DWR会根据web.xml找到主配置文件,不过速度上就慢了 -->
4. <param name="location" value="applicationContext.xml"></param>
5. </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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/springUser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="springuserInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
17. <div id="result"></div>
18. <script>load()</script>
19. </body>
20. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. var sbutton = $("sbutton");
9. sbutton.onclick=function(event)
10. {
11. sOnClick();
12. };
13. }
14. function bOnClick()
15. {
16. springUser.getUser($("name").value,callback);
17. }
18. function callback(msg)
19. {
20. var user = msg;
21. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address);
22. }
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代码 收藏代码
1. package org.li.dwr.spring.annotation;
2.
3. import java.util.List;
4.
5. import org.directwebremoting.annotations.Convert;
6. import org.directwebremoting.annotations.Create;
7. import org.directwebremoting.annotations.Param;
8. import org.directwebremoting.annotations.RemoteMethod;
9. import org.directwebremoting.annotations.RemoteProperty;
10. import org.directwebremoting.convert.BeanConverter;
11. import org.directwebremoting.spring.SpringCreator;
12. import org.li.dwr.Book;
13.
14. @Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
15. @Convert(converter=BeanConverter.class)
16. public class User
17. {
18. private String welcome;
19. private String username;
20. @RemoteProperty
21. private String address;
22. private List<Book> books;
23. private int age;
24. public String getAddress()
25. {
26. return address;
27. }
28. public void setAddress(String address)
29. {
30. this.address = address;
31. }
32. public int getAge()
33. {
34. return age;
35. }
36. public void setAge(int age)
37. {
38. this.age = age;
39. }
40. public String getUsername()
41. {
42. return username;
43. }
44. public void setUsername(String username)
45. {
46. this.username = username;
47. }
48. public String getWelcome()
49. {
50. return welcome;
51. }
52. public void setWelcome(String welcome)
53. {
54. this.welcome = welcome;
55. }
56. public List<Book> getBooks()
57. {
58. return books;
59. }
60. public void setBooks(List<Book> books)
61. {
62. this.books = books;
63. }
64. @RemoteMethod
65. public User getUser(String welcome)
66. {
67. this.welcome=welcome;
68. return this;
69. }
70. }
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代码 收藏代码
1. package org.li.dwr.log.annotation;
2.
3. import java.lang.reflect.Method;
4.
5. import org.directwebremoting.AjaxFilter;
6. import org.directwebremoting.AjaxFilterChain;
7. import org.directwebremoting.annotations.Filter;
8. import org.directwebremoting.filter.SpringTransactionAjaxFilter;
9. @Filter(type=SpringTransactionAjaxFilter.class)
10. public class DWRAnLog implements AjaxFilter
11. {
12.
13. public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception
14. {
15. System.out.println("annotation过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName());
16. return chain.doFilter(obj, method, params);
17. }
18.
19. }
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代码 收藏代码
1. <bean id="anuser" class="org.li.dwr.spring.annotation.User">
2. <property name="username">
3. <value>javafish</value>
4. </property>
5. <property name="age">
6. <value>21</value>
7. </property>
8. <property name="address">
9. <value>北京市海淀区</value>
10. </property>
11. </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代码 收藏代码
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>UserInfo.html</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <script type='text/javascript' src='dwr/interface/anspringuser.js'></script>
7. <script type='text/javascript' src='dwr/engine.js'></script>
8. <script type='text/javascript' src='dwr/util.js'></script>
9. <script type="text/javascript" src="anspringuserInfo.js"></script>
10.
11. </head>
12.
13. <body>
14. 请输入你的名字:
15. <input id="name" type="text"/>
16. <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
17. <div id="result"></div>
18. <script>load()</script>
19. </body>
20. </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代码 收藏代码
1. function load()
2. {
3. var jbutton = $("jbutton");
4. jbutton.onclick=function(event)
5. {
6. bOnClick();
7. };
8. }
9. function bOnClick()
10. {
11. alert("haha");
12. anspringuser.getUser($("name").value,callback);
13. }
14. function callback(msg)
15. {
16. var user = msg;
17. DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address);
18. }
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代码 收藏代码
1. <init-param>
2. <param-name>classes</param-name>
3. <param-value>
4. org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User
5. </param-value>
6. </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文件。
相关推荐
DWR(Direct Web Remoting)框架是一个开源的Java库,它允许Web应用程序在客户端和服务器之间进行实时的、异步的通信,无需刷新整个页面。这个框架极大地提升了用户体验,因为它使得JavaScript可以调用服务器端的...
"DWRStudy" 文件可能包含了一个示例项目,用于演示如何使用 DWR 和 Spring 与 ExtJS 集成。文件可能包括 HTML 页面、JavaScript 代码(使用 ExtJS)、Java 服务类(使用 Spring 和 DWR 实现)、配置文件(如 DWR 的...
3. "DWRStudy.rar":可能是深度学习资料,涵盖DWR高级特性和最佳实践。 4. "DWRdoc.zip":可能包含DWR的官方文档,提供详细的技术参考。 通过以上内容,我们可以看出DWR是一个强大且灵活的工具,它简化了Ajax开发,...
- **Hello World示例**:在DWRStudy项目中,创建`Hello`类,包含一个返回当前时间的`getHelloWorld()`方法。然后在dwrd.xml中配置该类,使得JavaScript可以调用这个方法。 - **JavaScript代码**:`hello.js`中定义...
内容概要:该文档介绍了一个用C++编写的控制台应用程序,主要功能是在新年来临之际展示倒计时、播放音符以及渲染烟花效果,最终以艺术字体显示新年祝福语。具体实现了粒子系统来模拟烟花绽放,并定义了不同形状(如“2025”)由小点组成的图像,再逐帧更新显示,营造烟火燃放的视觉冲击力。此外还有通过 Beep 函数发出不同频率的声音以配合倒计时刻度,同时加入了输入姓名和许愿的功能增加互动感。 适用人群:熟悉C/C++语言基础的学生群体及开发者。 使用场景及目标:适用于希望通过生动有趣的小项目加深对控制台操作的理解的学习者;也可以作为一个简单有趣的案例用于节日庆祝活动中。 其他说明:由于使用了许多特定于 Windows 平台的API函数,比如 Beep(), SetConsoleTextAttribute() 和 GetStdHandle(), 本程序仅能在 Windows 上运行良好。并且涉及到了较多关于粒子系统和声音处理的知识点,在教学过程中可以借此讲解一些图形渲染的基本原理和音频处理方法。
儿歌、手指谣、律动.docx
【文章链接:https://blog.csdn.net/2403_86849624/article/details/145739426?spm=1001.2014.3001.5502】基于 MSP430 微控制器的环境监测系统的设计与实现。该系统集成了温湿度、光照度、烟雾浓度以及 PM2.5 浓度等多参数的监测功能,具备数据显示、阈值设置和报警等功能。通过硬件电路与软件程序的协同工作,系统能够实时、准确地获取环境信息,并为用户提供直观的数据展示和有效的预警。文中深入探讨了系统的硬件选型、电路设计、软件编程思路及关键代码实现,经实际测试验证,该系统运行稳定、性能可靠,在环境监测领域具有一定的应用价值。关键词:MSP430;环境监测;传感器;数据处理 随着工业化进程的加速和人们生活水平的提高,环境质量对人类健康和社会发展的影响愈发显著。准确、实时地监测环境参数,对于预防环境污染、保障人体健康以及推动可持续发展至关重要。
基于COMSOL仿真的电磁超声压电接收技术在铝板裂纹检测中的应用研究,COMSOL模拟:电磁超声压电接收技术在铝板裂纹检测中的应用,comsol电磁超声压电接收EMAT 在1mm厚铝板中激励250kHz的电磁超声在200mm位置处设置一个深0.8mm的裂纹缺陷,左端面设为低反射边界。 在85mm位置处放置一个压电片接收信号,信号如图3所示,三个波分别为始波,裂纹反射波(S0模态)和右端面回波(S0)。 ,comsol;电磁超声;压电接收;EMAT;裂纹缺陷;信号接收;波;始波;S0模态;右端面回波,电磁超声检测技术:裂纹缺陷定位与信号分析
MATLAB环境中基于PSO算法的机器人路径规划系统:可视化界面下的障碍物自定义与终点规划,MATLAB实现PSO算法的机器人路径规划系统:支持自定义障碍物、起点终点的可视化界面操作,基于MATLAB的粒子群优化(PSO)算法的机器人路径规划,可视化界面,可自定义障碍物,起点和终点。 ,MATLAB; 粒子群优化(PSO)算法; 机器人路径规划; 可视化界面; 自定义障碍物; 起点和终点,MATLAB PSO算法机器人路径规划与可视化界面
五电平无刷直流电机BLDC矢量控制仿真模型研究:转速稳定、多电平可调参数的Matlab Simulink模型应用,五电平无刷直流电机BLDC矢量控制仿真模型研究:转速稳定、多电平可调参数的Matlab Simulink模型应用分析,五电平无刷直流电机BLDC矢量控制仿真模型,给定转速1000r min,运行良好; 三电平,两电平均可做,可调参数; matlab simulink模型 ,五电平BLDC矢量控制; 仿真模型; 1000r_min; 三电平控制; 可调参数; Matlab_Simulink模型。,五电平BLDC矢量控制仿真模型:三电平可调参数,1000r/min良好运行,Matlab Simulink实现
VSG预同步控制与电流双环控制的Matlab仿真模型研究及电力电子入门指南,基于Matlab的VSG预同步控制仿真模型:涵盖并网逆变器、VSG控制及电流双环管理等多模块研究参考文献详实电力电子仿真入门指南,VSG预同步控制matlab仿真模型 主要模块: 并网逆变器+VSG控制+预同步控制+电流电流双环控制 锁相环、三相准PR控制、PWM。 并附带参考文献,内容详实,适合电力电子入门仿真参考。 ,VSG预同步控制; MATLAB仿真模型; 并网逆变器; VSG控制; 预同步控制; 电流双环控制; 锁相环; 三相准PR控制; PWM; 参考文献。,Matlab仿真模型:VSG预同步控制及多模块协同仿真研究
WIFI密码查看器支持Windows系统,简单实用,欢迎下载
1998-2022年各地级市产业结构高级化数据(含原始数据+计算过程+结果) 1、时间:1998-2022年 2、指标:第二产业占比、第三产业占比、产业结构高级化 3、来源:城市统计NJ 4、计算说明:产业结构高级化=第三产业占比/第二产业占比 5、范围:290+地级市 6、缺失情况:缺失情况与年鉴一致,表内附有年鉴国内生产总值构成(三次产业占比)原始数据,以2022年地级市名单进行统计整理,2017年年鉴未统计全市层面数据,为市辖区数据
Skyline TerraExplorer Pro 5.1.3
1、文件内容:v4l-utils-0.9.5-4.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/v4l-utils-0.9.5-4.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持:公众号禅静编程坊
项目工程资源经过严格测试运行并且功能上ok,可实现复现复刻,拿到资料包后可实现复现出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可实现复现;设计报告也可借鉴此项目;该资源内项目代码都经过测试运行;功能ok 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 下载后请首先打开说明文件(如有);整理时不同项目所包含资源内容不同;项目工程可实现复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用
风力永磁同步发电机设计及仿真分析:Maxwell电磁仿真在1.5兆瓦风力发电机中的应用与工况研究,基于Maxwell电磁仿真的1.5兆瓦风力永磁同步发电机设计与工况分析,1.5兆瓦风力发电机 maxwell电机电磁仿真 风力永磁同步发电机设计,分析及工况分析 ,关键词:1.5兆瓦风力发电机; Maxwell电机电磁仿真; 永磁同步发电机设计; 永磁同步发电机分析; 工况分析。,Maxwell电机电磁仿真:风力永磁同步发电机设计与工况分析
XChart插件,用来做图表,但是图表不能做出很好看的样式
基于FVC2002数据集的MATLAB指纹识别系统研究与应用,基于MATLAB的FVC2002指纹数据集识别系统研究与应用,基于MATLAB的指纹识别系统 数据集为FVC2002指纹数据集 ,基于MATLAB; 指纹识别系统; FVC2002指纹数据集,基于MATLAB的FVC2002指纹识别系统
内容概要:本文由甲子光年智库发布,探讨了人工智能发展的拐点以及DeepSeek作为AI技术变革标志性产品的现状和前景。文中指出,人工智能的发展经历了从技术驱动到需求驱动的战略转变,正处于第三阶段向第四阶段过渡时期。DeepSeek通过对算力的极致优化,不仅展示了性价比极高的训练路径,还引领了算力效率的新拐点。2025年起发布的AI模型逐渐减少参数量,以支持更多场景下的高效部署,特别是移动终端和边缘计算领域。与此同时,以深度强化学习为核心的R1训练框架与非Transformer架构下的液态神经网络模型(LFM)共同开启了新一轮算法革新浪潮。 适用人群:对AI发展趋势感兴趣的行业从业者和技术爱好者。 使用场景及目标:用于了解AI技术的当前瓶颈与发展方向,把握算法创新、算力优化等方面的具体进展。适用于投资者研判行业趋势、技术人员跟进最新研究成果。 其他说明:文章详细阐述了DeepSeek的产品特点与市场反响,以及在全球AI治理框架下各国政府的态度变化。值得注意的是,DeepSeek的性价比优势促进了普惠AI的发展,使更多的中小企业和个人开发者获得了参与高水平AI项目的可能性。此外,文章还提及了美国政府内部关于AI政策的变化情况,揭示了中美两国在未来科技竞争格局下的潜在博弈态势。