这里相关的框架介绍就不说了,下面是看了孔浩老师的视频做的笔记,先看一个基本案例。
1、新建一个maven
工程
pom.xml
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>dwr-hello</groupId>
<artifactId>dwr-hello</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>war</packaging>
<name>dwr-hello</name>
<description />
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
</properties>
<dependencies>
<!-- Apache工具组件 -->
<dependency>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
<version>1.1.3</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<dependency>
<groupId>org.directwebremoting</groupId>
<artifactId>dwr</artifactId>
<version>3.0.1-RELEASE</version>
<!-- <version>3.0.M1</version> -->
</dependency>
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jsp-api</artifactId>
<version>2.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.10</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<finalName>dwr-hello</finalName>
<plugins>
<!-- java编译插件 -->
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.5.1</version>
<configuration>
<source>1.8</source>
<target>1.8</target>
<encoding>UTF-8</encoding>
</configuration>
</plugin>
</plugins>
<pluginManagement>
<plugins>
<!-- 配置jetty插件 -->
<plugin>
<groupId>org.mortbay.jetty</groupId>
<artifactId>jetty-maven-plugin</artifactId>
<version>8.1.16.v20140903</version>
<configuration>
<scanIntervalSeconds>200</scanIntervalSeconds>
<webApp>
<contextPath>/dwr</contextPath>
</webApp>
<connectors>
<connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">
<port>7777</port>
<maxIdleTime>60000</maxIdleTime>
</connector>
</connectors>
</configuration>
</plugin>
</plugins>
</pluginManagement>
</build>
</project>
说明:这里和视频中一样是用的jetty
,试了一下用tomcat
,发现有点不太一样,作为初学先按照视频中的做吧。
2、配置
这里我们可以下载dwr
的例子(dwrdemo.war
),在这个例子中我们将其中的两个文件web.xml、dwr.xml
拷贝到本工程中的WEB-INF
。然后做相应的修改:
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">
<display-name>dwr-hello</display-name>
<description>A Simple Demo DWR</description>
<listener>
<listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
</listener>
<!-- <listener>
<listener-class>
org.directwebremoting.servlet.EfficientShutdownServletContextAttributeListener
</listener-class>
</listener>
<listener>
<listener-class>
org.directwebremoting.servlet.EfficientShutdownServletContextListener
</listener-class>
</listener> -->
<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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
说明:这里需要注意的是我们使用的dwr
的版本是3.0.1-RELEASE
,如果使用3.0.M1
版本,则监听器是不能这样配置的,因为没有这个类(视频中不知道为什么可以),可以使用上面注视掉的监听器。
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="new">
<param name="class" value="org.konghao.dwr.model.MyDwr" />
</create>
</allow>
</dwr>
说明:这里我们需要将我们想测试的类配置进来。
3、相关的测试代码
MyDwr.class
package org.konghao.dwr.model;
public class MyDwr {
public String hello(String world){
System.out.println("hello " + world);
return "hello" + world;
}
}
然后在webapp
目录下新建一个jsp
文件:
dwr01.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>dwr01.jsp</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/engine.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/interface/MyDwr.js"></script>
<script type="text/javascript">
MyDwr.hello("世界");
</script>
</head>
<body>
</body>
</html>
说明:这里注意,我们需要添加dwr
的引擎engine.js
,而对于我们自己的jsp
文件则应该按照上面的路径配置,路径必须是dwr/interface
。然后使用命令clean jetty:run
启动服务器,然后使用地址http://localhost:7777/dwr/
访问,点击页面中的dwr01.jsp
,页面变为空白,但是在后台我们发现打印出了
hello 世界
当然如果我们将上面的代码稍作改动:
<script type="text/javascript">
MyDwr.hello("世界", function(data){
alert(data);
});
</script>
此时访问的时候会弹出hello 世界
。
说明:可以看到我们可以直接通过js
代码调用java
的方法。