DWR学习札记(一) _Web前端

DWR学习笔记(一)

一.DWR简介
??
??1.DWR是一个可以允许你去创建AJAX?WEB站点的JAVA开源库。
????它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像Java代码在浏览器中一样。
????
??2.DWR包含2个主要部分：
?????I.一个运行在服务器端的Java?Servlet，它处理请求并且向浏览器发回响应。
????II.运行在浏览器端的JavaScript，它发送请求而且还能动态更新网页。
???
??3.DWR工作原理是通过动态把Java类生成为Javascript。
????它的代码就像Ajax魔法一样，你感觉调用就像发生在浏览器端，但是实际上代码调用发生在服务器端，DWR负责数据的传递和转换。
????这种从Java到JavaScript的远程调用功能的方式使DWR用起来有种非常像RMI或者SOAP的常规RPC机制，
????而且DWR的优点在于不需要任何的网页浏览器插件就能运行在网页上。
????
??4.Java从根本上讲是同步机制，然而AJAX却是异步的。
????所以你调用远程方法时，当数据已经从网络上返回的时候，你要提供有反调(callback)功能的DWR(JS函数)。
????
?二.DWR的使用步骤：一共有五步:
?????????*导入dwr.jar
?????????*配置web.xml
?????????*配置dwr.xml
?????????*生成java类
?????????*生成JSP页面
??
??1.导入DWR到工程
?????A.将dwr.jar库文件拷贝到项目的lib目录(dwr.jar会要求一个辅助类库commons-logging.jar来支持日志输出)
?????B.将engine.js和util.js两个DWR的js文件拷贝到项目的js目录(下载的zip文件?\java\org\directwebremoting中有这两个文件)

???**注意：经测试engine.js和util.js不需要导入项目js目录中，
?????然后界面中使用的是dwr.jar中的engine.js和util.js文件，直接导入就行，见下边jsp文件
?????当然如果导入也不会有错，只不过没有使用罢了，但是导入的话可以有种提示自己要在页面导入这两个文件的作用。
???
??2.注册DWR到项目的web.xml配置文件(其实就是添加一个DWR的Servlet)
???
???<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>???

???**说明：让给servlet处理所有/dwr/前缀开始的所有请求。
???
??3.配置DWR的配置文件dwr.xml(该文件可从war包中拷贝，放到项目的WEB-INF中，和web.xml位与同目录)
???
???<dwr>
??????<allow>
?????????<create?creator="new"?javascript="service">
?????????????<param?name="class"?value="com.lj.firstdwr.Service"?/>
?????????</create>
??????</allow>
???</dwr>

???**说明：配置想要在浏览器js中调用的java类，一个<create>表示一个类的配置，
?????javascript属性是浏览器中调用该类的变量名，即js中直接调用service的方法就是调用value属性指定的Service类中的方法
????
??4.编写刚配置的Service类：就是一个普通的java类，没有任何特殊的地方
????
???package?com.lj.firstdwr；
???public?class?Service{?
??????public?String?sayHello(String?name){?
??????//可以是访问数据库的复杂代码?
??????return?"Hello?World!?My?Name?is:?"?+?name;?
??????}
???}
????
??5.编写前台JSP通过js来调用Service类中的sayHello()方法
???
???**注意：
?????A.此时要在JSP文件中引入上面加入到js目录中的两个js文件engine.js是必须的，util.js提供很多工具方法。
?????B.因为要调用Service类，因为该类注册到dwr.xml配置文件中，
???????那么DWR会在dwr/interface/(该目录是DWR规定的固定不变的)目录生成
???????一个代表Service类的service.js文件(文件名和javascript="service"属性值相同)，
???????加入这个js文件后才可以通过js调用service变量操作Service类中的方法。

???<html>
????<head>
?????//<script?type="text/javascript"?src="js/util.js"></script>
?????//<script?type="text/javascript"?src="js/engine.js"></script>
?????**注意：将js改成dwr，代表engine.js和util.js文件使用的是dwr.jar库中的文件，而不是自己导入的，如果使用自己导入的会有错！！
?????<script?type="text/javascript"?src="dwr/util.js"></script>
?????<script?type="text/javascript"?src="dwr/engine.js"></script>
?????<script?type="text/javascript"?src="dwr/interface/service.js"></script>
?????//编写JS文件调用Service类中的sayHello()方法
?????<script?type="text/javascript">
??????function?firstDwr(){
???????//参数列表的除最后一个都是sayHello()方法的参数，最后一个参数DWR规定为设定回调函数
???????service.sayHello("lijie",callBack);?
??????}
??????//回调函数
??????function?callBack(data){
???????alert(data);?
??????}
??????/*
??????这个等同于上边的两个方法的加合，这里就是把回调函数直接放到最后一个参数中最为一个匿名函数，这样比较简洁
??????function?firstDwr(){
???????service.sayHello("lijie",
???????????function(data){
????????????alert(data);?
???????????}
???????);?
??????}
??????*/
?????</script>
????</head>

????<body>
?????
?????<input?type="button"?name="button"?value="测试"?onclick="firstDwr()">
????</body>
???</html>