DWR框架配置

环境： jdk1.7 Eclipse tomcat7

架包：dwr.jar log4j.jar commons-logging.jar

1.导入架包

2.配置web.xml

<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <servlet-class>
   org.directwebremoting.servlet.DwrServlet
  </servlet-class>
<!--2.0.3以前版本加这个配置 -->
  <init-param>
   <param-name>classes</param-name>
   <param-value>java.lang.Object</param-value>
  </init-param>
  <init-param>
   <param-name>logLevel</param-name>
   <param-value>DEBUG</param-value>
  </init-param>
  <init-param>
   <param-name>config</param-name>
   <param-value>/WEB-INF/dwr.xml</param-value>
  </init-param>
<!-- 多配置文件起名开头以config-什么什么 -->
  <init-param>
   <param-name>config-2</param-name>
   <param-value>/WEB-INF/dwr2.xml</param-value>
  </init-param>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</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>

3.新建dwr.xml和dwr2.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr//dwr20.dtd">
<dwr>
 <allow>
  <create javascript="JDate" creator="new" scope="application">
   <param name="class" value="java.util.Date"></param>
   <include method="toString"/>
  </create>
 </allow>
</dwr>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr//dwr20.dtd">
<dwr>
 <allow>
  <create javascript="getTime" creator="new" scope="application">
   <param name="class" value="com.niwh.bean.time"></param>
   <include method="getTime"/>
   <include method="timebean"/>
  </create>
  <convert match="com.niwh.bean.timeBean" converter="bean">
   <param name="include" value="hourText,secondText,minuteText"/>
  </convert>
 </allow>
</dwr>

4.java类

package com.niwh.bean;

import java.util.Date;

public class time {
 public String getTime(){
  return (new Date().toLocaleString());
 }
 public timeBean timebean(){
  timeBean tb = new timeBean();
  tb.setHourText("12");
  tb.setMinuteText("34");
  tb.setSecondText("50");
  return tb;
 }
}

5.javabean

package com.niwh.bean;

public class timeBean {
   private String hourText;
   private String minuteText;
   private String secondText;
 /**
  * @return the hourText
  */
 public String getHourText() {
  return hourText;
 }
 /**
  * @param hourText the hourText to set
  */
 public void setHourText(String hourText) {
  this.hourText = hourText;
 }
 /**
  * @return the minuteText
  */
 public String getMinuteText() {
  return minuteText;
 }
 /**
  * @param minuteText the minuteText to set
  */
 public void setMinuteText(String minuteText) {
  this.minuteText = minuteText;
 }
 /**
  * @return the secondText
  */
 public String getSecondText() {
  return secondText;
 }
 /**
  * @param secondText the secondText to set
  */
 public void setSecondText(String secondText) {
  this.secondText = secondText;
 }
}

6.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
 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 'index.jsp' starting page</title>
  <Meta http-equiv="pragma" content="no-cache">
  <Meta http-equiv="cache-control" content="no-cache">
  <Meta http-equiv="expires" content="0">
  <Meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <Meta http-equiv="description" content="This is my page">
  <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 </head>
 <script type='text/javascript' src='<%=path%>/dwr/interface/JDate.js'></script>
 <script type='text/javascript' src='/DWRWebTest/dwr/interface/getTime.js'></script>
 <script type='text/javascript' src='<%=path%>/dwr/engine.js'></script>
 <script type='text/javascript' src='<%=path%>/dwr/util.js'></script>
 <script type="text/javascript">
    function showTime(){
     JDate.toString(callbackfun1);
    }
    callbackfun1=function(toStringReturnTimeString){
     //alert("当前的服务器端的时间为："+toStringReturnTimeString);
     document.getElementById("showTimeResult").innerHTML =toStringReturnTimeString;
   //$("showTimeResult").innerHTML =toStringReturnTimeString;
     
    }
    
    function showTime2(){
     getTime.getTime(callbackfun2);
    }
    callbackfun2 = function(returnSystemTimeString){
     document.getElementById("showTimeResult2").innerHTML = returnSystemTimeString;
    }
    
    function showbean(){
     getTime.timebean(callbackfun3);
    }
    callbackfun3 = function(returnBean){
     var returnTime = returnBean.hourText+":"+returnBean.minuteText+":"+returnBean.secondText;
     document.getElementById("showTimeResult3").innerHTML = returnTime;
    }
  </script>
 <body>
  <a href="#" onclick="javascript:showTime()"> 点击我可以获得当前服务器端的时间 </a>
  <div id="showTimeResult">
  </div>
  <a href="#" onclick="javascript:showTime2()"> 点击我可以获得time类方法获得的服务器端的时间 </a>
  <div id="showTimeResult2">
  </div>
  <a href="#" onclick="javascript:showbean()"> 点击我可以获得timebean类方法获得的服务器端的时间 </a>
  <div id="showTimeResult3">
  </div>
 </body>
</html>

DWR框架配置

猜你在找的Ajax相关文章