Dwr的简单配置及运行。
1、 创建Web工程：Iwap.
2、 拷贝Dwr的jar包（dwr.jar）到WEB-INF/lib目录下。
3、 在Web.xml中配置Dwr的Servlet，如下：
| <!-- Dwr的Web.xml配置 --> <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> </servlet>
<servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> <!-- // Dwr的Web.xml配置 --> |
4、 在WEB-INF目录下增加XML文件：dwr.xml，里面内容如下：
| <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> <allow> <create creator="new" javascript="service"> <param name="class" value="com.nantian.dwr.Service" /> </create> </allow> </dwr> |
5、 在Src目录中增加Class类：Service,里面内容如下:
| package com.nantian.dwr; /** * @author Administrator * */ public class Service { public String sayHello(String yourName) { //可以是访问数据库的复杂代码 return "Hello World ," + yourName; } } |
6、 启动工程Iwap，运行，运行路径：http://localhost:8080/Iwap/dwr
| Classes known to DWR: · service (com.nantian.dwr.Service) |
点击service进去可以看到对就的Js文件，如下：
| Methods For: service (com.nantian.dwr.Service) To use this class in your javascript you will need the following script includes: <script type='text/javascript' src='/Iwap/dwr/interface/service.js'></script> <script type='text/javascript' src='/Iwap/dwr/engine.js'></script> In addition there is an optional utility script: <script type='text/javascript' src='/Iwap/dwr/util.js'></script> |
7、 在WebRoot目录下增加一个Jsp页面：index.jsp,并拷贝Dwr生成的Js script到index.jsp中，增加一个测试按钮。如下：
| <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Iwap Test</title> <script type='text/javascript' src='/Iwap/dwr/interface/service.js'></script> <script type='text/javascript' src='/Iwap/dwr/engine.js'></script> <script type='text/javascript' src='/Iwap/dwr/util.js'></script> </head> <body> <input type="button" value="Test Dwr" onclick="sayHello()"/> <script type="text/javascript"> function sayHello(){ service.sayHello("pansen",function(data){ alert(data); }); } </script> </body> </html> |
8、 再次运行工程，如下:
|
|
9、 到此结束
581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
