dwr框架搭建

DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发

包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。

下面就开始写我们的第一个dwr程序:

1、到dwr官网下载dwr开发包,最好是下载dwr.war文件,war文件这个大家都懂的(用解压缩软件可以直接打开,也可以直接放到tomcat的webapps目录下,重启tomcat,就会自动解压),解压结果如图:


dwr框架搭建


2、新建一个web项目

dwr框架搭建


3、将必要的jar包拷贝到WEB-INF的lib目录下。如果没有lib目录,可以自己新建一个lib目录

dwr框架搭建

    commons-logging-1.0.4.jar这个包也要加入,否则会报错

4、创建一个java类,我们的测试类

package com.yupan.dwr.service;
/**
 * 用户操作服务类
 * @author yupan
 *
 */
public class UserService {
    /**
     * 模拟登录方法
     * @param name 用户名
     * @param password 用户密码
     * @return
     */
    public String login(String name,String password){
        System.out.println("你已经登录成功");
        return "你已经登录成功";
    }
}


5、修改web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns="http://java.sun.com/xml/ns/javaee" 
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
id="WebApp_ID" 
version="3.0">
  <display-name>dwr01</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.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>


6、在web.xml同目录下,添加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="com.yupan.dwr.service.UserService" />
        </create>
    </allow>
</dwr>

    <param name="class" value="com.yupan.dwr.service.UserService" />

    要修改成自己的类


7、添加我们的jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>DWR框架</title>
        <script type='text/javascript' src='dwr/engine.js'></script>
          <script type='text/javascript' src='dwr/util.js'></script>
          <script type='text/javascript' src='dwr/interface/UserService.js'></script>
    </head>
    <body>
        DWR框架DWR框架DWR框架DWR框架DWR框架
        <script type="text/javascript">
              UserService.login("xxxxxxx","123",function(data){
                  alert(data);
              });
          </script>
    </body>
</html>


8、部署到服务器上

dwr框架搭建


你可能感兴趣的:(DWR,搭建)