大漠驼铃

置身浩瀚的沙漠,方向最为重要,希望此blog能向大漠驼铃一样,给我方向和指引。
Java,Php,Shell,Python,服务器运维,大数据,SEO, 网站开发、运维,云服务技术支持,IM服务供应商, FreeSwitch搭建,技术支持等. 技术讨论QQ群:428622099
随笔 - 238, 文章 - 3, 评论 - 117, 引用 - 0
数据加载中……

DWR学习1

从今天开始每天坚持写一些技术性的学习文章,希望能给初学者一些帮助,同时也让自己能从中得到收获。
DWR是什么这里就不做介绍了, 关于DWR入门的网站很多,在这里给大家总结一下。

http://wiki.javascud.org/display/dwrcn/Getting+Started
http://blogger.org.cn/blog/more.asp?name=lhwork&id=21045
http://www.blogjava.net/mmwy/archive/2005/12/05/22482.html
http://directwebremoting.org/dwr/documentation
----很多,
大家有兴趣可以google或者百度到。

下面从一个简单的列子开始:

开发工具是Myeclipse+tomcat
目前DWR的版本是2.0.5,可以从http://directwebremoting.org/dwr/download下载到。
将下载的dwr.jar复制到到WEB-INF/lib下,将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">
<display-name>DWR (Direct Web Remoting)</display-name>
<description>A demo of how to call Java on the server directly from Javascript on the client</description>

<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>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>
在src目录下建立cn.edu.nankai的package,然后在建立下面的类Welcome.java
package cn.edu.nankai;

public class Welcome {

    
public String SayWelcome(String name){
        
        
return "南开欢迎"+name+"";
        
    }
    
    


}
配置dwr.xml,在WEB-INF下建立dwr.xml,代码如下:
<!DOCTYPE dwr PUBLIC
    
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    
"http://getahead.org/dwr/dwr20.dtd">

<dwr>
  
<allow>
    
    
<create creator="new" javascript="Welcome">
      
<param name="class" value="cn.edu.nankai.Welcome"/>
    
</create>
  
</allow>
  
</dwr>
然后建立welcome.jsp,
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  
<title>第一个DWR程序</title>
  
<script type='text/javascript' src='dwr/interface/Welcome.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='welcome.js'></script>
</head>
<body>
 
<input id="name" type="text" />
<input type='button' value='你好' onclick='SayWelcome();' /> 
 
<div id="result"></div>
 
</body>
</html>
在webroot下建立welcome.js,代码如下:
function SayWelcome() {
    var name = $('name').value;
    //alert(words);
    Welcome.SayWelcome(name, callback);
}
 
function callback(msg) {
   DWRUtil.setValue('result', msg);
}

好了,可以run project了。看看是不是有些收获呢


posted on 2008-12-09 21:58 草原上的骆驼 阅读(326) 评论(0)  编辑  收藏 所属分类: JavaScript


只有注册用户登录后才能发表评论。


网站导航: