本文仅是入门笔记,:)
DWR2配置Helloworld
1.新建一个webproject,起名为testDWR
2.加入dwr.jar
http://directwebremoting.org/dwr/download.html(下载)
把dwr.jar放入WEB-INF/lib目录中
注意:同时必须有commons-logging-x.x.x.jar(x.x.x为版本号)
这个是dwr框架用做日志的类库
3.配置web.xml
|
<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-INF目录下建立dwr.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>
</dwr>
|
4.创建服务端的处理类
org.helloworld.Helloworld
|
package org.helloworld;
public class Helloworld {
public String helloworld(String name) {
return "hello , " + name;
}
}
|
5.将该类配置到DWR框架中
修改dwr.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 javascript="Test" creator="new">
<param name="class" value="org.helloworld.Helloworld"></param>
</create>
</allow>
</dwr>
|
6.测试DWR
启动Tomcat
输入http://localhost:8080/testDWR/dwr
Classes known to DWR:
- Test (org.helloworld.Helloworld)
|
注:必须在web.xml中配置了:
|
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
|
才有调试界面
先测试一下我们写的方法:
7.编写jsp页面:
直接在index.jsp上面做修改:
|
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>testDWR</title>
</head>
<body>
<input type="button" name="clickme" value="点击我" onclick="return hello()">
<div id="test"></div>
</body>
</html>
|
现在我们为了通过DWR调用服务端的helloworld方法:
我们加入:
|
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>testDWR</title>
</head>
<!-- 这是新加入的代码 -->
<script type='text/javascript' src='/testDWR/dwr/interface/Test.js'></script>
<script type='text/javascript' src='/testDWR/dwr/engine.js'></script>
<script type="text/javascript">
function callback(data) {
document.getElementById("test").innerHTML = "<font color='red'>" + data + "</font>";
}
function hello() {
Test.helloworld("小小", callback);
}
</script>
<!-- 新加入的代码结束 -->
<body>
<input type="button" name="clickme" value="点击我" onclick="return hello()">
<div id="test"></div>
</body>
</html>
|
- 大小: 13 KB
分享到：
相关推荐
DWR安装配置之HelloWorld,有详细的步骤和图解
DWR的初学者，初次配置时你们一定会遇到很多问题，所以一个很好的helloworld源码，一定对大家有所帮助。MyEclipse7.0测试，绝对运行
DWR入门 8 1.1 简介 8 1.2 第一个DWR程序：Hello World 9 1.2.1 将DWR放入你的工程 9 1.2.2 编辑配置文件 9 1.2.3 编写service 10 1.2.4 测试DWR 10 1.2.5 编写一个jsp 11 1.3 本...
中文，dwr入门的好资料，也可做参考资料，有web.xml，dwr.xml的详细配置和说明 ，engine.js，util.js功能介绍，异常处理...等等 ，有最简单的helloworld入门例子，也有dwr购物车范例精讲 ，提供源代码 ， 真的很不错 。
Jetty和Maven HelloWorld教程 Jetty(6)入门 (www.itjungle.com) Jetty Start.jar 配置Jetty 如何设置上下文（Context Path） 如何知道使用了那些jar包 如何配置SSL 如何使用非root用户监听80端口 如何配置连接器...
2.1.8 struts 2的运行流程分析—helloworld 48 2.1.9 struts 2的异常处理 52 2.2 struts 2配置精要 54 2.2.1 web.xml中struts 2的配置实现 54 2.2.2 struts 2属性配置文件struts.properties详解 55 2.2.3 ...
Buildfile: G:\eclipseEjb3\Ejb_HelloWorld_02\build.xmlprepare: [mkdir] Created dir: G:\eclipseEjb3\Ejb_HelloWorld_02\buildcompile: [javac] Compiling 3 source files t ... by caizhongda 2009-02-28 回复 ...
HelloWorld.jsp LangSelector.js 转换器: ConvertHWorld.java LocaleConverter.java xwork-conversion.properties struts.xml ConverHWorld.jsp Product.java ProductConfirm.java AddProducts.jsp ShowProducts....
基于flex4技术从零开发flex博客系统 : 1 开发环境配置与hello world（1） - 豆豆网 flex+blazeDs与Ext+dwr比较_蓝色幻想_百度空间 基于blazeDS的flex4与spring的程序实例步骤 - dreamming_now的专栏 - CSDN博客 在...
3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...
1.6. 入门之前，都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧！让你知道ext表格控件的厉害。 2.1. 功能丰富，无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...
3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...