DWR框架入門例子

關於dwr的概念,摘自百度百科:

DWR(Direct Web Remoting)是一個用於改善web頁面與Java類交互的遠程服務器端Ajax開源框架,可以幫助開發人員開發包含AJAX技術的網站。它可以允許在瀏覽器裏的代碼使用運行在WEB服務器上的JAVA函數,就像它就在瀏覽器裏一樣。


DWR框架使用之一:單獨使用

步驟:

1、在pom.xml中配置依賴。(就是加載jar包)

2、在web.xml中配置servlet。

3、寫一個普通java類。

4、配置dwr.xml文件,配置要公開的類或方法。

5、寫一個jsp頁面,主要導入engine.js和相應的java類映射的js文件,然後編寫js即可調用。


詳細:

1、pom.xml代碼如下:

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">  
  3.     <modelVersion>4.0.0</modelVersion>  
  4.   
  5.     <groupId>com.lessony</groupId>  
  6.     <artifactId>dwr01</artifactId>  
  7.     <version>1.0-SNAPSHOT</version>  
  8.     <packaging>war</packaging>  
  9.   
  10.     <name>dwr01</name>  
  11.   
  12.     <properties>  
  13.         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>  
  14.     </properties>  
  15.       
  16.     <dependencies>  
  17.         <!--DWR的jar包-->  
  18.         <dependency>  
  19.             <groupId>org.directwebremoting</groupId>  
  20.             <artifactId>dwr</artifactId>  
  21.             <version>3.0.M1</version>  
  22.         </dependency>  
  23.           
  24.         <!--由於使用jetty來運行web,jetty日誌輸出需要日誌jar包,可以使用common-logging的日誌框架-->  
  25.         <!--  
  26.         <dependency>  
  27.                 <groupId>commons-logging</groupId>  
  28.                 <artifactId>commons-logging</artifactId>  
  29.                 <version>1.2</version>  
  30.         </dependency>  
  31.         -->  
  32.           
  33.         <!--slf4j日誌框架,jcl-over-slf4j是將common-logging的日誌調用到slf4j,maven會把其它依賴包導入-->  
  34.         <dependency>  
  35.             <groupId>org.slf4j</groupId>  
  36.             <artifactId>jcl-over-slf4j</artifactId>  
  37.             <version>1.7.6</version>  
  38.         </dependency>  
  39.     </dependencies>  
  40.   
  41.     <build>  
  42.         <plugins>  
  43.             <plugin>  
  44.                 <groupId>org.mortbay.jetty</groupId>  
  45.                 <artifactId>jetty-maven-plugin</artifactId>  
  46.                 <version>8.1.16.v20140903</version>  
  47.                 <configuration>  
  48.                         <scanIntervalSeconds>10</scanIntervalSeconds>  
  49.                         <webApp>  
  50.                                 <contextPath>/dwr01</contextPath>  
  51.                         </webApp>  
  52.                         <connectors>  
  53.                                 <connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">  
  54.                                         <port>8888</port>  
  55.                                         <maxIdleTime>60000</maxIdleTime>  
  56.                                 </connector>  
  57.                         </connectors>  
  58.                 </configuration>  
  59.             </plugin>  
  60.               
  61.             <!--打包插件,把web打成zip包-->  
  62.             <plugin>  
  63.                 <groupId>org.apache.maven.plugins</groupId>  
  64.                 <artifactId>maven-assembly-plugin</artifactId>  
  65.                 <version>2.4</version>  
  66.                 <configuration>  
  67.                     <descriptors>  
  68.                         <descriptor>assembly.xml</descriptor>  
  69.                     </descriptors>  
  70.                 </configuration>  
  71.                 <executions>  
  72.                     <!-- 當執行mvn package時纔會打包 -->  
  73.                     <execution>  
  74.                         <id>make-assembly</id>  
  75.                         <phase>package</phase>  
  76.                         <goals>  
  77.                             <goal>single</goal>  
  78.                         </goals>  
  79.                     </execution>  
  80.                 </executions>  
  81.             </plugin>  
  82.         </plugins>  
  83.     </build>  
  84.   
  85. </project>  



2、配置web.xml
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="3.0" 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_3_0.xsd">  
  3.   
  4.     <servlet>  
  5.         <servlet-name>dwr-invoker</servlet-name>  
  6.         <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>  
  7.         <init-param>  
  8.             <param-name>debug</param-name>  
  9.             <param-value>true</param-value>  
  10.         </init-param>  
  11.          
  12.         <load-on-startup>1</load-on-startup>  
  13.     </servlet>  
  14.   
  15.     <servlet-mapping>  
  16.         <servlet-name>dwr-invoker</servlet-name>  
  17.         <url-pattern>/dwr/*</url-pattern>  
  18.     </servlet-mapping>  
  19.        
  20. </web-app>  


3、寫一個普通的java類

  1. package com.lessony.dwr01;  
  2.   
  3. /** 
  4.  * 
  5.  * @author Lessony 
  6.  */  
  7. public class Hello {  
  8.     public String sayHello(String name){  
  9.         System.out.println("hello "+name);  
  10.         return "hello "+name;  
  11.     }  
  12. }  


4、配置dwr.xml
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">  
  3.   
  4. <dwr>  
  5.     <allow>  
  6.           <create creator="new">  
  7.               <param name="class" value="com.lessony.dwr01.Hello"/>  
  8.           </create>  
  9.      </allow>  
  10. </dwr>  



5、jsp文件
  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE html>  
  3. <html>  
  4.     <head>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  6.         <title>JSP Page</title>  
  7.         <script src="<%=request.getContextPath()%>/dwr/engine.js"></script>  
  8.         <script src="<%=request.getContextPath()%>/dwr/interface/Hello.js"></script>  
  9.           
  10.         <script>  
  11.             Hello.sayHello("張三");  
  12.         </script>  
  13.     </head>  
  14.     <body>  
  15.         <h1>Hello World!</h1>  
  16.     </body>  
  17. </html>  


全部編輯完成之後,打開瀏覽器,輸入http://localhost:8888/dwr01/dwr01.jsp,就可以看到控制檯輸出了:hello 張三



最後附上zip包,鏈接:http://download.csdn.net/detail/lxn39830435731415926/8708077
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章