Monday, January 1, 2007

DWR入门真的很简单

尝试了一下,dwr用起来真的很简单。可以不必自己手动去玩XMLHttpRequest,这些琐碎的连接都可以由dwr很好地完成。:)

dwr对于servlet应用的集成很容易,只要把dwr.jar放到WEB-INF/lib/中,然后在web.xml中加入一个dwr的servlet。
<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>

最后在WEB-INF/下建一个dwr的配置文件dwr.xml即可。dwr.xml的测试内容可以如下,其中creator="new"是dwr创建这个对象,creator="spring"的话应该是由spring创建的对象,具体看官方说明,我也刚开始呀,哈哈:
<?xml version="1.0" encoding="UTF-8"?>
<dwr>
    <allow>
        <create creator="new" javascript="JDate">
            <param name="class" value="java.util.Date" />
        </create>
    </allow>
</dwr>

之后可以启动servlet服务器,访问localhost:8080/[mywebapp]/dwr/将会出现JDate的信息,表明dwr已成功集成。

另外在使用js调用服务器端的java对象的public方法时,用传入一个回调函数的方法来接收返回值。比如服务器端有一个HelloWorld类如下:
public class HelloWorld {
    public String sayHelloWorldto(String name){
        return "Hello world"+name;
    }
}

在dwr.xml中加入
<create creator="new" javascript="JHelloWorld" scope="page">
            <param name="class"
                value="com.cca.twoneone.service.HelloWorld" />
        </create>

之后新建jsp文件内容如下:
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml ">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jojo</title>
        <script type='text/javascript' src='/jojo/dwr/interface/JHelloWorld.js'></script>
        <script type='text/javascript' src='/jojo/dwr/engine.js'></script>
        <script type='text/javascript' src='/jojo/dwr/util.js'></script>
        <script language="JavaScript" type="text/javascript">
 
function test(){
    JHelloWorld.sayHelloWorldto(" jojo",callBack);
}

function callBack(str){
    alert(str);
}
</script>
    </head>

    <body>
        <a href="javascript:test()">test</a>
    </body>
</html>


No comments: