DWR框架学习
2016-08-02 11:35
302 查看
下载DWR框架
新建web项目,将DWR的jar包放入lib下,注意该jar依赖commons-logging.jar包,如图所示:
配置web.xml,配置如下
创建dwr.xml一定要加上
具体配置如下:
allow定义了DWR能创建和转换的类,以供JavaScript访问
create定义了javascript访问java类的名称, creator指定了对象的生成的方式,param指定访问的java类
测试DWR,因为在web.xml中开启了debug模式
在浏览器中输入: http://localhost:8080/DWRTest/dwr/index.html
结果如下:
6.编写前端代码
引入js代码,engine.js一定要在dwr/interface/Person.js前面引入
engine.js负责客服端和服务器的沟通
Person.js由TestServle根据dwr.xml生成
前端页面代码编写
测试结果
新建web项目,将DWR的jar包放入lib下,注意该jar依赖commons-logging.jar包,如图所示:
配置web.xml,配置如下
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" 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_3_0.xsd"> <servlet> <servlet-name>TestServlet</servlet-name> <servlet-class>com.dwr.servlet.TestServlet</servlet-class> </servlet> <servlet> <display-name>DWR Servlet</display-name> <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>TestServlet</servlet-name> <url-pattern>/testServlet</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> </web-app>
创建dwr.xml一定要加上
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "dwr10.dtd" >
具体配置如下:
<dwr> <allow> <create javascript="Person" creator="new"> <param name="class" value="com.dwr.entity.Person"></param> </create> </allow> </dwr>
allow定义了DWR能创建和转换的类,以供JavaScript访问
create定义了javascript访问java类的名称, creator指定了对象的生成的方式,param指定访问的java类
测试DWR,因为在web.xml中开启了debug模式
在浏览器中输入: http://localhost:8080/DWRTest/dwr/index.html
结果如下:
6.编写前端代码
引入js代码,engine.js一定要在dwr/interface/Person.js前面引入
<script type="text/javascript" src="dwr/engine.js" ></script> <script type="text/javascript" src="dwr/interface/Person.js" ></script> <script type="text/javascript" src="dwr/util.js" ></script>
engine.js负责客服端和服务器的沟通
Person.js由TestServle根据dwr.xml生成
前端页面代码编写
<script type="text/javascript"> function hello() { var user = document.getElementById("user").value; Person.hello(user,callback); } function callback(msg){ document.getElementById("result").innerHTML=msg; } </script> <body> <input id ="user" type="text" /> <input type="button" value="hello" onclick="hello();" /> <div id = "result"></div> </body>
测试结果
相关文章推荐
- 材质ID随机生成器使用教程
- 最近公共祖先LCA问题(转)
- QT 5.3开发及移植 实例
- linux学习-练习3
- 详解iOS的深浅拷贝
- 简单的看Unicode和UTF-8的区别
- springmvc返回json格式数据报406错误
- checkbox控件应用
- 自定义开关按钮
- STL深入探究(一、空间配置器)
- 兴奋剂检查(vijos 1426)
- Codeforces 702 B. Powers of Two(二分)
- k均值
- swift -- 更改 tableview section header
- 进程间通信笔记(1)—简介
- JAVA动态代理用法与实现过程
- jsp标准标签库
- linux 用户和组管理相关的命令
- PHP关于二叉树的前序中序后序遍历操作
- iOS内存错误EXC_BAD_ACCESS的解决方法