SSH2+dwr

素颜马尾好姑娘i 2022-08-25 02:10 220阅读 0赞

很早之前就想写博客，可是一直没动手。这两天闲的无聊又玩起了搭框架的“游戏”，搭完才发现真的是“好记性不如烂笔头”，很多东西都忘了，遂下定决心开始写博客。

在讲SSH2和dwr框架融合之前，先简单介绍下dwr框架以及dwr单独搭建的方法。

`Dwr``作用：它是`一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像在Java代码就在浏览器中一样。`Dwr``原理``：在安装DWR时会在web.xml中配置一个servlet，这个servlet负责把前台的JS参数封装成JAVA，去调用你的JAVA类，然后将返回结果（JAVA类型）再翻译成JS生成到你的JSP页面上，给你的错觉就是你用JS直接调用了JAVA方法``。`

**1. 搭建dwr**

a.从DWR官网下载最新版本的jar包，地址：[http://directwebremoting.org/dwr/downloads/index.html][http_directwebremoting.org_dwr_downloads_index.html]。（笔者所用的是dwr3.0.    当前最稳定的版本是dwr2.0。）新建web工程，将jar包放入WEB-INF的lib文件夹下，这里要**注意**，dwr依赖于commons-logging.jar这个包，所以必须将这个jar包也放入到WEB-INF的lib文件夹下，否则会报Allocate exception for servlet dwr-invoker错误。

b. 配置dwr的环境

第一步，修改web.xml，在web.xml里添加Servlet映射，具体代码如下：

<?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">
      <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
      </welcome-file-list>
      
    	<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，`配置允许js调用的class，具体代码如下：

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">
    
    <dwr>
      <allow>
          
        
        <create creator="new" javascript="Demo">  
          <param name="class" value="cn.hfut.DwrTest"/>  
          
          <include method="getHello"/>  
        </create>  
        
      	
        
    	
      </allow>
    
    </dwr>

`第三步，` `新建dwr.xml中配置的业务类` `cn.hfut.DwrTest` `，具体java代码如下：`

package cn.hfut;
    /**
     * @author Tony
     * @date : 2014-2-15 下午06:44:23
     */
    public class DwrTest {
        public String getHello(String name) {  
            return "hello" + name;  
        }
        public String getWorld(String name) {  
            return "world" + name;  
        }
    }

`第四步，` `编写测试的` `index.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>
        	<title>Dwr Demo</title>
        	
        	
    		<script type='text/javascript' src='<%=path%>/dwr/engine.js'> </script>
    		<script type='text/javascript' src='<%=path%>/dwr/util.js'> </script>
    		<script type='text/javascript' src='<%=path%>/dwr/interface/Demo.js'> </script>
    		
    		<script type="text/javascript">
    		//此函数中可以调用java类的方法，除了java方法本身的参数外，还要将回调函数名作为参数传给java方法
    		function sayHello(name){
    			Demo.getHello(name,dwrHandler);//这里只能使用dwr.xml中暴露的方法
    		}
    		
    		//这是dwr的一个回调函数，data参数即java方法getHello(String name)的返回值
    		function dwrHandler(data){
    			alert(data);
    		}
    		</script>
      	</head>
      
    	<body>  
    		<h1>Hello World!</h1>
    		<script type="text/javascript">
    			sayHello("DWR");
    		</script>
    	</body>
    </html>

`使用dwr千万不要忘记上述三个js文件，然后书写相应的`javascript代码，用来实现ajax。``

`至此，dwr框架已经搭建完毕。访问index.jsp即会alert相应内容。或者在项目路径后面加上 /dwr/,如http://127.0.0.1:8080/Dwr1/dwr/，可进入debug页面```

**2. dwr+ssh2**

简单了解了dwr，下面我们讲讲SSH2中怎么使用dwr。

a.首先建立一个SSH2项目，限于篇幅这篇博文就略过了；

b.dwr.xml.在WEB-INF下面新建dwr.xml。因为整个SSH2应用是基于Spring框架管理bean的，所以DWR就不能自己创建JavaBean了，也就是说DWR需要从Spring容器个取得bean。为了实现这个目标，在dwr.xml配置文件中，我们应该这么配：

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">
    
    <dwr>
    	
      	<allow>
      		
    	  	<create  creator="spring" javascript="demo" scope="application">
    	  		
    	  		<param name="beanName"  value="userAction"></param>		
    		</create>
    		
      				
      		<convert converter="bean" match="cn.hfut.ssh.model.User"/>
      		
      	</allow>
    </dwr>

c.web.xml.在已经配好的SSH2的web.xml中加入dwr Servlet的配置，这部分和之前的一样。

d.前台测试页面dwr.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>
        <title>DWR+SSH2</title>
        <script type="text/javascript" src="<%=path%>/js/jquery-1.6.2.js"></script>
        <link rel="stylesheet" type="text/css" href="<%=path%>/css/style.css"/>
    	
    	<script type="text/javascript" src="<%=path%>/dwr/util.js"></script>
    	<script type="text/javascript" src="<%=path%>/dwr/engine.js"></script>
    	<script type="text/javascript" src="<%=path%>/dwr/interface/demo.js"></script>
    
    
    	<script type="text/javascript">
    		$(document).ready(function(){
    			$("button").click(function(){
    				demo.findUser(dwrHandler);
    			});
    		});
    		
    		function dwrHandler(user){
    			//alert(user.id+","+user.username+","+user.password);
    			//$("#one").css("background","blue");
    			$("#c").html(user.id+","+user.username+","+user.password);
    		}
    	</script>
     	
      </head>
      
      <body>
        
        <div id="main">
          	<div id="left">
          		<button type="button">SSH2+DWR测试</button>
          	</div>
      		<div id="c"></div>
        </div>
      </body>
    </html>

结束语：感谢CCTV，感谢。。。V。。。大功告成啦~虽然框架搭好了，但是对于dwr还有很多要学的地方，比如网上一些例子中说的struts.xml也需要配置，在我这个搭建过程中根本没涉及到。所以只能说可以简单的使用dwr了，更深入的问题相信随着使用会逐渐碰到。希望我这篇博文对dwr初学者能起到一点帮助。^\_^

代码下载地址：1.[dwr3.0搭建][dwr3.0]

2.[dwr3.0+SSH2][dwr3.0_SSH2]

[http_directwebremoting.org_dwr_downloads_index.html]: http://directwebremoting.org/dwr/downloads/index.html
[dwr3.0]: http://download.csdn.net/detail/tonytfjing/6925271
[dwr3.0_SSH2]: http://download.csdn.net/detail/tonytfjing/6925277