實用DWR的基本步驟

開始使用 DWR

有兩種方法來開始 DWR 的學習,最簡單的做法是下載官方提供的 WAR 文件然後對此深入研究。不過這種方式不能使你感到將 DWR 整合到你現

有的 web 程序有多麼的簡單,所以我們推薦你跟隨下面三個步驟:

1. 安裝 DWR JAR 包
下載 dwr.jar 文件,然後將它放在 web 程序的 WEB-INF/lib 目錄下面,很可能在這個目錄下已經有一些 jar 文件了。

2. 編輯 config 文件

將下面的代碼添加到 WEB-INF/web.xml 文件中,<servlet>需要放在另外的<servlet>之後,<servlet-mapping>也是如此。

<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <display-name>DWR Servlet</display-name>
  <servlet-class>uk.ltd.getahead.dwr.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.xml 文件並將此放在 web.xml 所在的 WEB-INF 目錄下。文件中類似下面的內容:

<!DOCTYPE dwr PUBLIC
    ”-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN”
    ”http://www.getahead.ltd.uk/dwr/dwr10.dtd”>

<dwr>
  <allow>
    <create creator=”new” javascript=”JDate”>
      <param name=”class” value=”java.util.Date”/>
    </create>
    <create creator=”new” javascript=”Demo”>
      <param name=”class” value=”your.java.Bean”/>
    </create>
  </allow>
</dwr>

DWR 配置文件定義了由 DWR 創建和被 Javascript 遠程使用的類。在上面的例子中我們在遠程創建了2個類,並且給出了在 Javascript 中的

類名。

上面使用的 new creator 使用了所有的 JavaBeans 必須含有的公有(public)無參(no-args)的構造函數。值得一提的是, DWR 還有一些

限制:

避免使用 JavaScript 保留字;以保留字命名的方法將自動被排除。大多數 JavaScript 的保留字同時也是 Java 的保留字,因此無論如何你

也不能使用一個名爲 “try()” 的方法。但是最常用的一個詞 “delete()”,在 JavaScript 中有特殊的含義而在 Java 中沒有。
重載方法(Overloaded methods)將會在調用的時候陷入未知的狀況,因此應該避免重載方法。3. 訪問下面的地址
http://localhost:8080/[YOUR-WEBAPP]/dwr/

你應該會看到一個頁面,上面顯示了剛纔你在第二步所創建的類。進入一個鏈接之後你會看到所有等待調用方法的列表。這些動態產生的例子

你也能通過 DWR 來實現。

親自嘗試和體會下吧。

怎樣應用到你的 Web 程序中?

在側邊欄有很多例子演示了怎樣改變網頁中的文本、更新列表、操作表單和動態修改表格。每一個例子都有詳細的說明。

另外一個開始方法就是從頁面中查看源代碼,這些頁面你剛剛瀏覽過:

進入 http://localhost:8080/[YOUR-WEBAPP]/dwr/ 然後點擊你創建的類;
查看源代碼然後定位到你所感興趣的方法的代碼行;
將這些文本粘貼到你 Web 程序的一個 HTML 或 JSP頁面中;
包含下面的 javascrip 文件:

<script src=’/[YOUR-WEBAPP]/dwr/interface/[YOUR-SCRIPT].js’></script>
<script src=’/[YOUR-WEBAPP]/dwr/engine.js’></script>

你可以根據實際情況修改 /[YOUR-WEBAPP]/ 部分。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章