從今天開始每天堅(jiān)持寫一些技術(shù)性的學(xué)習(xí)文章，希望能給初學(xué)者一些幫助，同時也讓自己能從中得到收獲。
DWR是什么這里就不做介紹了， 關(guān)于DWR入門的網(wǎng)站很多，在這里給大家總結(jié)一下。
http://wiki.javascud.org/display/dwrcn/Getting+Started
http://blogger.org.cn/blog/more.asp?name=lhwork&id=21045
http://www.tkk7.com/mmwy/archive/2005/12/05/22482.html
http://directwebremoting.org/dwr/documentation
----很多，
大家有興趣可以google或者百度到。
下面從一個簡單的列子開始:
開發(fā)工具是Myeclipse+tomcat
目前DWR的版本是2.0.5，可以從http://directwebremoting.org/dwr/download下載到。
將下載的dwr.jar復(fù)制到到WEB-INF/lib下，將web.xml進(jìn)行如下配置：
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name>DWR (Direct Web Remoting)</display-name>
<description>A demo of how to call Java on the server directly from Javascript on the client</description>
<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>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
在src目錄下建立cn.edu.nankai的package，然后在建立下面的類Welcome.java
package cn.edu.nankai;
public class Welcome {
public String SayWelcome(String name){
return "南開歡迎"+name+"你";
}
}
配置dwr.xml，在WEB-INF下建立dwr.xml，代碼如下：
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Welcome">
<param name="class" value="cn.edu.nankai.Welcome"/>
</create>
</allow>
</dwr>
然后建立welcome.jsp,
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>第一個DWR程序</title>
<script type='text/javascript' src='dwr/interface/Welcome.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='welcome.js'></script>
</head>
<body>
<input id="name" type="text" />
<input type='button' value='你好' onclick='SayWelcome();' />
<div id="result"></div>
</body>
</html>
在webroot下建立welcome.js,代碼如下：
function SayWelcome() {
var name = $('name').value;
//alert(words);
Welcome.SayWelcome(name, callback);
}
function callback(msg) {
DWRUtil.setValue('result', msg);
}
好了，可以run project了。看看是不是有些收獲呢