dwr的一個實例(參考藍傑--胡東峯相關資料)

歡迎訪問: www.ptcms.cn

第一：新建項目

第二:加載dwr.jar包

第三:修改web.xml文件

---------------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<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>

<init-param>
      <param-name>activeReverseAjaxEnabled</param-name>
      <param-value>true</param-value>
    </init-param>

<init-param>
      <param-name>initApplicationScopeCreatorsAtStartup</param-name>
      <param-value>true</param-value>
    </init-param>

<init-param>
      <param-name>maxWaitAfterWrite</param-name>
      <param-value>-1</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>


<welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

--------------------------

第四:在WEB-INF目錄下新建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="UserManager2">
      <param name="class" value="cn.lh.dwr.UserManager2"/>
    </create>
    <convert match="cn.lh.bean.dwr.UserInfo" converter="bean" />

</allow>

</dwr>
---------------------------------

第五:建立後臺代碼:

-------------bean------------

package cn.lh.bean.dwr;

public class UserInfo {

     private int id;
     private int areaID;
     private String name;
     private int fixFee;

     public int getId() {
   return id;
  }
  public void setId(int id) {
   this.id = id;
  }
  public int getAreaID() {
   return areaID;
  }
  public void setAreaID(int areaID) {
   this.areaID = areaID;
  }
  public String getName() {
   return name;
  }
  public void setName(String name) {
   this.name = name;
  }
  public int getFixFee() {
   return fixFee;
  }
  public void setFixFee(int fixFee) {
   this.fixFee = fixFee;
  }
  //for debug
     public String toString(){
       return "id: "+id+" areaID:"+areaID+" name:"+name+" fixFee:"+fixFee;
     }

----------------------------

--------邏輯代碼被dwr暴露的代碼---------

package cn.lh.dwr;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.util.Random;

import cn.lh.bean.dwr.UserInfo;

public class UserManager2 {

//用於生成用戶唯一的ID
private static int userID = 0 ;
//區域列表在裝載類時初始化
private static Map area = new HashMap() ;
static{
  for(int i=0;i<4;i++){
   area.put(1, "a") ;
   area.put(2, "b") ;
   area.put(3, "c") ;
   area.put(4, "d") ;
  }
}
//返回區域列表
public Map getArea(){
  return area ;
}
/*
* 根據地區代號提取用戶列表
*/
    // 根據地區代號提取用戶列表
public List<UserInfo> getUserByAreaID(int areaID){
  System.out.println("AreaID : "+areaID);
  List<UserInfo> userList=new ArrayList();
  //模擬生成用戶列表
  int count=new java.util.Random().nextInt(5)+4;
  for(int i=1;i<=count;i++){
   userID++;
   UserInfo us=new UserInfo();

   us.setId(userID);
   us.setAreaID(areaID);
   us.setName("第"+userID+"個用戶");
   us.setFixFee(100*i);
   userList.add(us);
  }
  return userList;
}
//修改用戶信息
public boolean updateUser(UserInfo userinfor){
   return true ;
}
public static void main(String args[]){


}
}
------------------------------------

第六: 建立jsp文件和相關js文件及添加 dwr 相關js文件---直接看jsp文件

--------------------

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'userinfor_manager.jsp' starting page</title>

</head>
<body οnlοad="fill_select_user_area();">
  根據區域提取未處理客戶:
  <select id="select_user_area" οnchange="displayselectUserArea(this)"></select>
  <table border="1">
   <thead>
    <tr>
     <th>
      序號
     </th>
     <th>
      所屬地區
     </th>
     <th>
      用戶名
     </th>
     <th>
      費用
     </th>
     <th>
      操作
     </th>
    </tr>
   </thead>
   <tbody id="userTable"></tbody>
  </table>
  

  <div id="editorID" style="visibility:hidden" >
  要修改的用戶:
  <hr>
   用戶序號：<span id="spanuserid"></span><br/>
   用戶名字：<input id="iptname" type="text" size="10" /><br/>
          所屬地區：<input id="iptarea" type="text" size="10" /> <br/>
          用戶額度：<input id="iptfixFee" type="text" size="10" /> <br/>
        <br/>
         <input type="button" value="保存" οnclick="updateUser();"/>
  </div>
</body>
</html>
-------------------------------------------