DWR简介:http://baike.baidu.com/view/73492.htm?fr=aladdin
DWR2.0以后新增加了JDK5的注解(Annotation)功能,使用注解功能之后可以从很大程度上简化了原来的dwr.xml的配置,使用起来非常的方便。
下面我们就来一起学习下使用注解方式搭建dwr吧。
1.new一个项目。
加上依赖包,dwr.jar和commons-logging.jar到lib目录下面。
2.新建一个测试类。
1 package model; 2 3 import org.directwebremoting.annotations.RemoteMethod; 4 import org.directwebremoting.annotations.RemoteProxy; 5 6 @RemoteProxy(name="hentai") 7 public class HenTai { 8 9 @RemoteMethod 10 public String getHenTai(String namae){ 11 return "hentai"+namae+"san^^"; 12 } 13 14 }
3.配置web.xml。
1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-app version="2.5" 3 xmlns="http://java.sun.com/xml/ns/javaee" 4 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 5 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 6 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> 7 <!-- ============================ Servlets ============================ --> 8 <!--dwr servlet--> 9 <servlet> 10 <servlet-name>dwr-invoker</servlet-name> 11 <servlet-class> 12 org.directwebremoting.servlet.DwrServlet 13 </servlet-class> 14 15 <init-param> 16 <param-name>debug</param-name> 17 <param-value>true</param-value> 18 </init-param> 19 <init-param> 20 <param-name>classes</param-name> 21 <param-value> 22 model.HenTai 23 </param-value> 24 </init-param> 25 </servlet> 26 27 <servlet-mapping> 28 <servlet-name>dwr-invoker</servlet-name> 29 <url-pattern>/dwr/*</url-pattern> 30 </servlet-mapping> 31 32 <welcome-file-list> 33 <welcome-file>index.jsp</welcome-file> 34 </welcome-file-list> 35 </web-app>
4.编译启动项目,访问路径:localhost:8080/dwrt/dwr/
如果出现Modules known to DWR字样,则说明dwr已经发布成功了。
如果出现Classes known to DWR字样,则说明你的dwr版本过低,下载最新版本替换就可以了。
5.点击具体方法进去,可以看到方法详情页,在该页可以做一个基本测试,通过后即可放到页面进行使用。
6.在页面使用的时候,要把方法详情页提供的js连接拷进页面里面。
比如:
1 <script type='text/javascript' src='/dwrt/dwr/engine.js'></script> 2 <script type='text/javascript' src='/dwrt/dwr/interface/hentai.js'></script>
7.引入之后,就可以使用该方法进行异步调用了。
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>HenTai Index.</title> 8 <script type='text/javascript' src='/dwrt/dwr/engine.js'></script> 9 <script type='text/javascript' src='/dwrt/dwr/interface/hentai.js'></script> 10 <script type="text/javascript"> 11 hentai.getHenTai("Tidy",function(data){ 12 document.write(data); 13 }); 14 </script> 15 </head> 16 <body> 17 </body> 18 </html>
8.最后,界面上显示“hentaiTidysan^^”则表示调用成功了。