陳高杰

kingaragorn

導(dǎo)航

<

2025年6月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

留言簿(2)

隨筆分類

AJAX(1) (rss)

文章分類

隨筆檔案

文章檔案

閱讀排行榜

評(píng)論排行榜

常用鏈接

統(tǒng)計(jì)

隨筆 - 4
文章 - 9
評(píng)論 - 2
引用 - 0

第一個(gè)dwr

第一個(gè)DWR

感謝

首先感謝http://blog.csdn.net/caterpillar_here/archive/2006/09/06/1186566.aspx，從這里學(xué)的第一個(gè)dwr并調(diào)試成功了，和網(wǎng)友們共同分享

項(xiàng)目簡(jiǎn)介和準(zhǔn)備

我做的這個(gè)dwr的項(xiàng)目目錄目錄如下：

1）   http://getahead.ltd.uk/dwr/上下載dwr.jar，然后放到WEB-INF/lib下

2）   編寫web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" 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">
    <display-name>ajaxDWR</display-name>
    <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
        <init-param>
            <description></description>
            <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-app>

3）   編寫Hello.java
package onlyfun.caterpillar;

public class Hello {
    public String hello(String name) {
        return "Hello!" + name + "!您的第一個(gè)DWR！";
    }
}

4)   編寫dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!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="Hello">
            <param name="class" value="onlyfun.caterpillar.Hello"></param>
        </create>
    </allow>
</dwr>

5）   編寫index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>第一個(gè)DWR</title>
        <script type='text/javascript' src='dwr/interface/Hello.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='hello.js'></script>
    </head>
    <body>
        <input id="user" type="text" />
        <input type='button' value='hello' onclick='hello();' />
        <div id="result"></div>
    </body>
</html>
解釋：dwr/interface/Hello.js是由DWRServlet根據(jù)dwr.xml中的設(shè)定生成的，engine.js負(fù)責(zé)客戶端伺服端溝通，util.js是一些好用的JavaScript程序，可以讓你少寫很多JavaScript。

6）   編寫hello.js
function hello() {
    var user = $('user').value;
    Hello.hello(user, callback);
}

function callback(msg) {
    DWRUtil.setValue('result', msg);
}
解釋：${'user'}取得輸入欄位的DOM物件，value取得當(dāng)中的欄位值，而后呼叫Hello.hello()，并將value當(dāng)作參數(shù)傳送，結(jié)果是呼叫Server端的Hello Java物件，當(dāng)結(jié)果傳回后，會(huì)呼叫JavaScript的callback函數(shù)，DWRUtil的setValue()方法會(huì)將傳回的msg設(shè)定給指定id的DOM。

ok，到此結(jié)束。
http://www.aygfsteel.com/Files/kingaragorn/demo.rar

posted on 2008-07-11 12:42 陳高杰閱讀(214) 評(píng)論(0) 編輯收藏

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理

陳高杰