dwr學習心得

公司的項目裏使用了dwr ,一個 Ajax 的框架,於是乎,學習一下,

①,配置web.xml文件

 

 

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

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

②,編寫 dwr.xml 文件

 把dwr.xml文件放在web.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="Demo">

      <param name="class" value="com.dwrTest.Hello"/>

  </create>

 

</allow>

</dwr>

 

③,編寫 java 文件

 

 

package com.dwrTest;

 

/**

 * @author Administrator zhouxingqi

 * @Time 2010 上午10:41:18

 */

public class Hello {

 

public String hi(String youName){

return "你好,"+youName+" 這裏是 dwr 學校";

}

}

④,不要忘記了把 dwr.jar 文件添加到classpath 裏面,在myeclipse 裏面直接考到Librlaries 然後右鍵build path--> add  to ...
⑤,現在就可以在調試頁面下面運行一下了,運行項目 直接在瀏覽器輸入http://localhost:8080/DWR/dwr,在頁面上就能看到項目了
⑥,在jsp 頁面上面運行 的話,需要寫個jsp頁面,但是不要忘記添加engine.js,util.js兩個dwr提供的工具,把他們考到與頁面想太的目錄下面
⑦,編寫jsp頁面
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
   <title>My JSP 'first_dwr.jsp' starting page</title>
   <script src="dwr/interface/service.js"></script>
   <script src="dwr/util.js"></script>
   <script src="dwr/engine.js"></script>
   <script type="text/javascript">
  function sayHello(){
Demo.hi("周興奇",callback) ;
       }
   function callback(data){
alert(data);
       }
</script>
</head>
<body>
<form name="myform">
     <input type="text" name="user">
   <input type="button" name="button" value="測試" onclick="sayHello()">
</form>
</body>
</html>
在瀏覽器輸入http://localhost:8080/DWR/index.jsp,就看到效果啦
以上只是一個demo ,出錯請大家指出,歡迎大家拍磚

 

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