DWR2.0入门实例说明

最新推荐文章于 2013-12-02 19:26:56 发布

jia_chao

最新推荐文章于 2013-12-02 19:26:56 发布

阅读量95

点赞数

分类专栏： java 文章标签： DWR JSP XML JavaScript Web ViewUI

本文链接：https://blog.csdn.net/jia_chao/article/details/83729649

版权

java 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、创建一个web Project

2、导入相应的jar包，dwr.jar和commons-logging-1.1.jar

3、配置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">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

  <servlet>
  	<servlet-name>DWR</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</servlet-name>
         <!--这里的url说明一下：
               这里的匹配规则，是与你相应页面中，导入js是相关的
              因为这里是，匹配dwr下面的资源路径，
              所以在你的jsp页面中，导入js时，也必须是 dwr/engine.js
            dwr/util.js  dwr/interface/java类对应的js名称.js
            这时，你也可以更改，则相应jsp页面中，导入js的路径也要换成修改的路径
           -->
  	<url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>

</web-app>

4、配置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标签中属性creator（必须的）表示：使用哪种创建器
 			 javascript（必须的）表示：指定在浏览器中，被创建出来对象的名字（该名称不能是javascript的关键字） 
 			 scope(可选的)表示：类似于servlet中的scope，它有page、request、session、application，默认page
 		-->
 		<create creator="new" javascript="HelloWorld" scope="page">
 			<param name="class" value="com.cjb.dwr.HelloWorld"/>
 		</create>

 	</allow>
</dwr>

6、编写java类


package com.cjb.dwr;

public class HelloWorld {

	public String greeting(String name){
		return "Hello," + name;
	}


}

7、编写jsp页面


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<head>
	<!-- js标签是不能用 "/>" 结束标签 -->
	<!-- js文件放到一个固定的文件夹中，导入无效
		 这里，可以是 src="dwr/engine.js" 和 src="dwr/util.js"
		 或者  src="<%=request.getContextPath() %>/dwr/engine.js" 和 src="<%=request.getContextPath() %>/dwr/util.js"
		 也就是说：必须有 "dwr/engine.js"和"dwr/util.js"
	 -->
	<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/engine.js"></script>


	<script type="text/javascript" src="dwr/util.js"></script>


	<script type="text/javascript"
		src="<%=request.getContextPath()%>/dwr/interface/HelloWorld.js"></script>

	<script type="text/javascript">
		function hello(){
			var name=document.getElementById("name").value;
			window.alert(name);
			HelloWorld.greeting(name,helloBack);
		}

		function helloBack(backData){
			document.getElementById("div02").innerHTML="<font color='red'>" + backData + "</font>";
		}
	</script>

</head>
<body>
	<div id="div01">
		您的名字：
		<input type="text" name="name" id="name" onblur="hello()"/>
		<br />
	</div>
	<p>
	<div id="div02">
		div02div02div02
	</div>
</body>

jia_chao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DWR2.0入门实例说明

1、创建一个web Project 2、导入相应的jar包，dwr.jar和commons-logging-1.1.jar3、配置web.xml[code="xml"] index.jsp DWR org.directwebremoting.servlet.DwrServlet deb...
复制链接

扫一扫