- 浏览: 91765 次
- 性别:
- 来自: 北京
最新评论
-
kkbear:
Thx for ur post
and I have a pr ...
浅谈Acegi配置 -
java0:
谢谢你的文章你那滤器类怎么没有呢你上传的文件也没有
DWR的学习文档(Hello World,类型转换,Spring,Annotation) -
tanghui198343:
我从数据库中得到图片地址,怎么把它设置到某个节点中啊?
可以写 ...
DWR的学习文档(Hello World,类型转换,Spring,Annotation) -
im9527:
public void SearchSort2() throw ...
Lucene-2.0学习文档(4) -
tangjh616:
哪位仁兄能不能给个实例啊?打包上来
浅谈Acegi配置
Email:javafish@sunxin.org
DWR是作为远程调用的ajax框架,将服务端的java类,方法和浏览器的javascript的类,方法对应起来。现在官方最新的版本是DWR2.0,可以在http://getahead.ltd.uk/dwr/download下载到。
我们真对DWR2.0做一些例子讲解一下它的特性:
Hello World:
新建一个web项目DWRStudy,在项目中构建路径中加入dwr.jar,
新建类Hello如下:
在WEB-INF目录下新建dwr.xml文件:
在WebRoot目录里新建hello.js
在WebRoot目录里新建HelloWorld.html
在web.xml中加入一个dwr的servlet:
在运行一下服务器在浏览器里输入http://localhost:8080/DWRStudy/HelloWorld.html,然后点一下按钮下面就会显示服务端的系统时间了,而浏览器页面并没有被刷新。
下面解释一下:
1. 新建的Hello类中有一个getHelloWorld方法这个方法就是作为远程调用的服务端方法,这个Hello类也就是远程调用的类。方法的返回值为服务端当前的时间
2. dwr.xml是DWR用来配置服务端类和浏览器端javascript类之间的映射。可以下载dtd看一下,在<allow></allow>里类配置映射类如:<create javascript="jshello" creator="new" scope="application">
<param name="class" value="org.li.dwr.Hello"></param>
</create>
javascript="jshello"是在浏览器端的javascript的映射的类名,(不要用javascript里的关键字)creator="new"是表示这个类是dwr自己创建的,如果creator="new"那么就必须有下面的<param name=”class” value=”类的全路径”></param>,creator还可为spring(与spring集成的时候),script(与apache的一个框架BSF集成的时候用),后来又加入了struts,jsf,ejb3.现在是个HelloWorld让大家体验一下,具体后面会细讲。最后的scope=”application”是说这个pojo类的范围,和jsp是一样的。
3. 创建hello.js和HelloWorld.html都是看自己是怎么发挥了,注意的是在HelloWorld.html中导入js文件的时候注意顺序和路径命名规律,自己发挥的这个hello.js一定放在后面,因为要调用其它js文件中的函数。由于在HelloWorld.html里写入了<script>load()</script>所以在html加载的时候会调用hello.js里的load方法(注意这几个js文件里的函数最好不要重名)在load里面做的事情就是注册一下id为jbutton的按钮的点击事件。当我们点击id为jbutton的按钮的时候就开始用与服务器端的类相对应的javascript类了(jshello),直接调用jshello类的getHelloWorld方法,可以向函数传递参数,不过要在最后加一个回调函数。而我们的服务端的类没有参数就直接传回调函数了。在回调函数的形参msg是服务端Hello类中getHelloWorld方法返回值。在回调函数里面调用了DWR的工具类DWRUtil类的setValue方法设置id为jdiv的值。另外我们把doucment.getElementById(“jbutton”);换与$(“jbutton”)也可以得到同样的效果,这就有点像prototype了。
4. 在web.xml里加入DWRServlet的配置一是为了远程调用,二是自动生成了<script type='text/javascript' src='dwr/interface/jshello.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>文件。
上个HelloWorld例子只是返回了一个字符串,当然我们显示字符串很容易,可是如果返回一个对象怎么办呢?,DWR为我们将java类和javascript的DOM对象,不过这得需要我们在dwr.xml里配置。
再看一个综合的例子:
新建类User
新建Book类:
新建DWRLog类
新建D:\\workspace\\DWRStudy\\src\\user.properties
username=javafish
age=21
address=北京市海淀区
然后在dwr.xml里加入
新建UserInfo.html
新建userInfo.js
运行服务器输入http://localhost:8080/DWRStudy/UserInfo.html,可看到运行结果
这个例子需要解释的就是dwr.xml了
在这里用到了两个java类,User、Book,方法呢就是User.getUser和User.getBook,而Book类呢由于我们没有在javascript中调用,所以就不用配置Book的create了。
大家可能会奇怪为什么会多出来两个<convert match="org.li.dwr.User" converter="bean"></convert>
<convert match="org.li.dwr.Book" converter="bean"></convert>
呢,是因为在调用getBook和getUser的时候会返回给javascript有关User和Book的对象或数据,这里的用<convert match=”类” converter=”bean”/>做一下转换,否则javascript将不会得到有效的数据。
下面讨论一下DWR的安全性,由于我们将javaBean整体都对外暴露了,所以说会有非常多的安全问题,真对这些DWR也作了一些的措施就是上面例子中dwr.xml的配置:
<include method="getUser"/>
<include method="getBook"/>
<filter class="org.li.dwr.log.DWRLog"></filter>
这样配置的话就只暴露了User类的两个方法getUser,getBook。就相对安全多了,相反还有<exclude>的配置它们是类似的。对于安全我们也可以用DWR的过滤器来实现,这里我用过滤器实现的是一个日志记录。过滤器类只需要实现AjaxFilter接口就可以了,不过注意的是这个过滤器不是HttpServelt的过滤器而是DWR自己内部实现的(有兴趣可以查看一下源代码)。
真对DWR的安全性上来说,官方也不敢保证,官方只是说自己可以看一下源代码因地施宜。
不过DWR可以和acegi集成,让acegi来管理安全问题。由于acegi我还没有完全搞定关于DWR和acegi的集成,先放一放日后补充。
下面对DWR.xml的配置具体补充一下:
首先是<init></init>里面有<converter>和<create>是配置在初始化的时候需要创建和转化的类。
然后是<allow></allow>里面有<converter>和<create>这个地方就是正式的配置了,creator里有param,filter,include,exclude,auth,除了auth我们都接触过了,而auth是集成J2EE的安全认证用的,这个可能和acegi的集成有关吧(?)。<converter>呢,它的converter有很多
? Array Converter
? Bean and Object Converters
? Collection Converter
? Enum Converter
? DOM Objects
这些都是转换的时候配置的
还有就是<signatures></signatures>的配置了,申明一些不java用反射不可得到的参数类型。
我在上面例子上用的getBook来本来想用signatures实现List<Book>的转换可是没有成功(不用配置就可以)
主要是真对jdk1.4以下的,我本机用的是jdk6,所以屡试不爽最后在官方DWR2的特性中看到如果你用的是DWR2和JDK5以上的话就不用配置了DWR会自动转换。
下面讲一下DWR与Spring的集成:
还是上面那个例子用Spring搞定大部分和上面一样
新建类User(包换了)
Book还是以前那个
在src下新建application.xml文件(spring的配置文件)
在dwr.xml加入:
新建springUserInfo.html
新建springUserInfo.js
在web.xml中加入
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/classes/applicationContext.xml</param-value>
</context-param>
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
运行服务器输入http://localhost:8080/DWRStudy/springUserInfo.html,可以看到运行结果
主要的区别是dwr.xml的配置,需要在creator=spring,然后里面的<param>的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路径(如果不指定DWR可以根据web.xml自动找到spring的主配置文件)。
DWR的Annotation配置
还是上面spring那个例子的功能再来一遍(new 的配置太简单),这样的话项目中的dwr.xml对于这个例子就没有作用了
新建User类(包名换了)
新建过滤器类DWRAnLog
在spring的applicationContext.xml里加入
新建AnSpringUserInfoHtml.html
新建anspringuserInfo.js
在web.xml中
的DWR的servlet的初始化参数里加入
运行服务器输入http://localhost:8080/DWRStudy/AnSpringUserInfo.html,成功了
用Annotation的配置和dwr.xml的意思基本一样,这里就不多做介绍了。
Util.js的函数库
$()和prototype.js一样相当于document.getElementById
(Set)getValue()(设置)得到元素的值一般是(设置)得到元素的innerHTML。
getText()得到元素的文本值
(set)getValues()(设置)得到元素下的元素,以array为对象载体。
这里都是一些最常用的函数,具体可以看一下util.js文件。
在"得到javafish的书"的按钮事件里改为下面的语句即可显示信息:
DWR是作为远程调用的ajax框架,将服务端的java类,方法和浏览器的javascript的类,方法对应起来。现在官方最新的版本是DWR2.0,可以在http://getahead.ltd.uk/dwr/download下载到。
我们真对DWR2.0做一些例子讲解一下它的特性:
Hello World:
新建一个web项目DWRStudy,在项目中构建路径中加入dwr.jar,
新建类Hello如下:
package org.li.dwr; package org.li.dwr; import java.util.Date; public class Hello { public String getHelloWorld() { return "现在的时间为:"+new Date(); } }
在WEB-INF目录下新建dwr.xml文件:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"> <dwr> <allow> <!-- javascript的对象是jshello,create="new"是DWR自己创建类 --> <create javascript="jshello" creator="new" scope="application"> <param name="class" value="org.li.dwr.Hello"></param> </create> </allow> </dwr>
在WebRoot目录里新建hello.js
function load()//载入的时候调用 { var jbutton = document.getElementById("jbutton"); jbutton.onclick=function(event)//注册按钮点击事件 { jbClick(); }; } function jbClick()//按钮点击事件 { jshello.getHelloWorld(callback);//没有参数传递,只传递回调函数就行 } function callback(msg)//回调函数 { DWRUtil.setValue('jdiv',msg); }
在WebRoot目录里新建HelloWorld.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>HelloWorld.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type='text/javascript' src='dwr/interface/jshello.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type="text/javascript" src="hello.js"></script> </head> <body> <input id="jbutton" type="button" value="得到Hello World"/> <div id="jdiv"></div> <script>load()</script> </body> </html>
在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> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>
在运行一下服务器在浏览器里输入http://localhost:8080/DWRStudy/HelloWorld.html,然后点一下按钮下面就会显示服务端的系统时间了,而浏览器页面并没有被刷新。
下面解释一下:
1. 新建的Hello类中有一个getHelloWorld方法这个方法就是作为远程调用的服务端方法,这个Hello类也就是远程调用的类。方法的返回值为服务端当前的时间
2. dwr.xml是DWR用来配置服务端类和浏览器端javascript类之间的映射。可以下载dtd看一下,在<allow></allow>里类配置映射类如:<create javascript="jshello" creator="new" scope="application">
<param name="class" value="org.li.dwr.Hello"></param>
</create>
javascript="jshello"是在浏览器端的javascript的映射的类名,(不要用javascript里的关键字)creator="new"是表示这个类是dwr自己创建的,如果creator="new"那么就必须有下面的<param name=”class” value=”类的全路径”></param>,creator还可为spring(与spring集成的时候),script(与apache的一个框架BSF集成的时候用),后来又加入了struts,jsf,ejb3.现在是个HelloWorld让大家体验一下,具体后面会细讲。最后的scope=”application”是说这个pojo类的范围,和jsp是一样的。
3. 创建hello.js和HelloWorld.html都是看自己是怎么发挥了,注意的是在HelloWorld.html中导入js文件的时候注意顺序和路径命名规律,自己发挥的这个hello.js一定放在后面,因为要调用其它js文件中的函数。由于在HelloWorld.html里写入了<script>load()</script>所以在html加载的时候会调用hello.js里的load方法(注意这几个js文件里的函数最好不要重名)在load里面做的事情就是注册一下id为jbutton的按钮的点击事件。当我们点击id为jbutton的按钮的时候就开始用与服务器端的类相对应的javascript类了(jshello),直接调用jshello类的getHelloWorld方法,可以向函数传递参数,不过要在最后加一个回调函数。而我们的服务端的类没有参数就直接传回调函数了。在回调函数的形参msg是服务端Hello类中getHelloWorld方法返回值。在回调函数里面调用了DWR的工具类DWRUtil类的setValue方法设置id为jdiv的值。另外我们把doucment.getElementById(“jbutton”);换与$(“jbutton”)也可以得到同样的效果,这就有点像prototype了。
4. 在web.xml里加入DWRServlet的配置一是为了远程调用,二是自动生成了<script type='text/javascript' src='dwr/interface/jshello.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>文件。
上个HelloWorld例子只是返回了一个字符串,当然我们显示字符串很容易,可是如果返回一个对象怎么办呢?,DWR为我们将java类和javascript的DOM对象,不过这得需要我们在dwr.xml里配置。
再看一个综合的例子:
新建类User
package org.li.dwr; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.util.ArrayList; import java.util.List; import java.util.Properties; public class User { private String welcome; private String username; private String address; private List<Book> books; private int age; public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getWelcome() { return welcome; } public void setWelcome(String welcome) { this.welcome = welcome; } public List<Book> getBooks() { return books; } public void setBooks(List<Book> books) { this.books = books; } public List<Book> getBook() { this.books = new ArrayList<Book>(); Book javaBook = new Book(); Book vcBook = new Book(); javaBook.setAuthor("孙鑫"); vcBook.setAuthor("孙鑫"); javaBook.setName("java Web开发详解"); vcBook.setName("vc++深入详解"); this.books.add(javaBook); this.books.add(vcBook); return this.books; } public User getUser(String welcome) { this.welcome=welcome; try { FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties"); Properties pp = new Properties(); pp.load(fis); this.username=pp.getProperty("username"); this.age=Integer.valueOf(pp.getProperty("age")); this.address=pp.getProperty("address"); fis.close(); } catch (FileNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } return this; } }
新建Book类:
package org.li.dwr; public class Book { private String name; private String author; public String getAuthor() { return author; } public void setAuthor(String author) { this.author = author; } public String getName() { return name; } public void setName(String name) { this.name = name; } }
新建DWRLog类
package org.li.dwr.log; import java.lang.reflect.Method; import org.directwebremoting.AjaxFilterChain; public class DWRLog implements org.directwebremoting.AjaxFilter { public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception { System.out.println("过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName()); return chain.doFilter(obj, method,params); } }
新建D:\\workspace\\DWRStudy\\src\\user.properties
username=javafish
age=21
address=北京市海淀区
然后在dwr.xml里加入
<create javascript="jsuser" creator="new"> <param name="class" value="org.li.dwr.User"></param> <!-- 过滤允许调用的方法 --> <include method="getUser"/> <include method="getBook"/> <!-- 配置自己的过滤器 --> <filter class="org.li.dwr.log.DWRLog"></filter> </create> <!-- 需要转换的类 --> <convert match="org.li.dwr.User" converter="bean"></convert> <convert match="org.li.dwr.Book" converter="bean"></convert>
新建UserInfo.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>UserInfo.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type='text/javascript' src='dwr/interface/jsuser.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type="text/javascript" src="userInfo.js"></script> </head> <body> 请输入你的名字: <input id="name" type="text"/> <input id="jbutton" type="button" value="得到javafish的信息"/> <input id="sbutton" type="button" value="得到javafish的书"/> <div id="result"></div> <script>load()</script> </body> </html>
新建userInfo.js
function load() { var jbutton = $("jbutton"); jbutton.onclick=function(event) { bOnClick(); }; var sbutton = $("sbutton"); sbutton.onclick=function(event) { sOnClick(); }; } function bOnClick() { jsuser.getUser($("name").value,callback); } function callback(msg) { var user = msg; DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address+user.books[0].author); } function sOnClick() { jsuser.getBook(callbackBooks); } function callbackBooks(msg) { alert(msg); DWRUtil.setValue('result',msg); }
运行服务器输入http://localhost:8080/DWRStudy/UserInfo.html,可看到运行结果
这个例子需要解释的就是dwr.xml了
在这里用到了两个java类,User、Book,方法呢就是User.getUser和User.getBook,而Book类呢由于我们没有在javascript中调用,所以就不用配置Book的create了。
大家可能会奇怪为什么会多出来两个<convert match="org.li.dwr.User" converter="bean"></convert>
<convert match="org.li.dwr.Book" converter="bean"></convert>
呢,是因为在调用getBook和getUser的时候会返回给javascript有关User和Book的对象或数据,这里的用<convert match=”类” converter=”bean”/>做一下转换,否则javascript将不会得到有效的数据。
下面讨论一下DWR的安全性,由于我们将javaBean整体都对外暴露了,所以说会有非常多的安全问题,真对这些DWR也作了一些的措施就是上面例子中dwr.xml的配置:
<include method="getUser"/>
<include method="getBook"/>
<filter class="org.li.dwr.log.DWRLog"></filter>
这样配置的话就只暴露了User类的两个方法getUser,getBook。就相对安全多了,相反还有<exclude>的配置它们是类似的。对于安全我们也可以用DWR的过滤器来实现,这里我用过滤器实现的是一个日志记录。过滤器类只需要实现AjaxFilter接口就可以了,不过注意的是这个过滤器不是HttpServelt的过滤器而是DWR自己内部实现的(有兴趣可以查看一下源代码)。
真对DWR的安全性上来说,官方也不敢保证,官方只是说自己可以看一下源代码因地施宜。
不过DWR可以和acegi集成,让acegi来管理安全问题。由于acegi我还没有完全搞定关于DWR和acegi的集成,先放一放日后补充。
下面对DWR.xml的配置具体补充一下:
首先是<init></init>里面有<converter>和<create>是配置在初始化的时候需要创建和转化的类。
然后是<allow></allow>里面有<converter>和<create>这个地方就是正式的配置了,creator里有param,filter,include,exclude,auth,除了auth我们都接触过了,而auth是集成J2EE的安全认证用的,这个可能和acegi的集成有关吧(?)。<converter>呢,它的converter有很多
? Array Converter
? Bean and Object Converters
? Collection Converter
? Enum Converter
? DOM Objects
这些都是转换的时候配置的
还有就是<signatures></signatures>的配置了,申明一些不java用反射不可得到的参数类型。
我在上面例子上用的getBook来本来想用signatures实现List<Book>的转换可是没有成功(不用配置就可以)
主要是真对jdk1.4以下的,我本机用的是jdk6,所以屡试不爽最后在官方DWR2的特性中看到如果你用的是DWR2和JDK5以上的话就不用配置了DWR会自动转换。
下面讲一下DWR与Spring的集成:
还是上面那个例子用Spring搞定大部分和上面一样
新建类User(包换了)
package org.li.dwr.spring; import java.util.List; import org.li.dwr.Book; public class User { private String welcome; private String username; private String address; private List<Book> books; private int age; public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getWelcome() { return welcome; } public void setWelcome(String welcome) { this.welcome = welcome; } public List<Book> getBooks() { return books; } public void setBooks(List<Book> books) { this.books = books; } public User getUser(String welcome) { this.welcome=welcome; return this; } }
Book还是以前那个
在src下新建application.xml文件(spring的配置文件)
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd"> <beans> <bean id="user" class="org.li.dwr.spring.User"> <property name="username"> <value>javafish</value> </property> <property name="age"> <value>21</value> </property> <property name="address"> <value>北京市海淀区</value> </property> </bean> </beans>
在dwr.xml加入:
<create javascript="springUser" creator="spring"> <param name="beanName" value="user"></param> <!-- 指定Spring配置文件的位置,如果没设置DWR会根据web.xml找到主配置文件,不过速度上就慢了 --> <param name="location" value="applicationContext.xml"></param> </create><convert match="org.li.dwr.spring.User" converter="bean"></convert>
新建springUserInfo.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>UserInfo.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type='text/javascript' src='dwr/interface/springUser.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type="text/javascript" src="springuserInfo.js"></script> </head> <body> 请输入你的名字: <input id="name" type="text"/> <input id="jbutton" type="button" value="得到javafish(spring)的信息"/> <div id="result"></div> <script>load()</script> </body> </html>
新建springUserInfo.js
function load() { var jbutton = $("jbutton"); jbutton.onclick=function(event) { bOnClick(); }; var sbutton = $("sbutton"); sbutton.onclick=function(event) { sOnClick(); }; } function bOnClick() { springUser.getUser($("name").value,callback); } function callback(msg) { var user = msg; DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address); }
在web.xml中加入
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/classes/applicationContext.xml</param-value>
</context-param>
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
运行服务器输入http://localhost:8080/DWRStudy/springUserInfo.html,可以看到运行结果
主要的区别是dwr.xml的配置,需要在creator=spring,然后里面的<param>的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路径(如果不指定DWR可以根据web.xml自动找到spring的主配置文件)。
DWR的Annotation配置
还是上面spring那个例子的功能再来一遍(new 的配置太简单),这样的话项目中的dwr.xml对于这个例子就没有作用了
新建User类(包名换了)
package org.li.dwr.spring.annotation; import java.util.List; import org.directwebremoting.annotations.Convert; import org.directwebremoting.annotations.Create; import org.directwebremoting.annotations.Param; import org.directwebremoting.annotations.RemoteMethod; import org.directwebremoting.annotations.RemoteProperty; import org.directwebremoting.convert.BeanConverter; import org.directwebremoting.spring.SpringCreator; import org.li.dwr.Book; @Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")}) @Convert(converter=BeanConverter.class) public class User { private String welcome; private String username; @RemoteProperty private String address; private List<Book> books; private int age; public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getWelcome() { return welcome; } public void setWelcome(String welcome) { this.welcome = welcome; } public List<Book> getBooks() { return books; } public void setBooks(List<Book> books) { this.books = books; } @RemoteMethod public User getUser(String welcome) { this.welcome=welcome; return this; } }
新建过滤器类DWRAnLog
package org.li.dwr.log.annotation; import java.lang.reflect.Method; import org.directwebremoting.AjaxFilter; import org.directwebremoting.AjaxFilterChain; import org.directwebremoting.annotations.Filter; import org.directwebremoting.filter.SpringTransactionAjaxFilter; @Filter(type=SpringTransactionAjaxFilter.class) public class DWRAnLog implements AjaxFilter { public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception { System.out.println("annotation过滤器Log输出:..对象:"+obj.getClass().getName()+"方法:"+method.getName()); return chain.doFilter(obj, method, params); } }
在spring的applicationContext.xml里加入
<bean id="anuser" class="org.li.dwr.spring.annotation.User"> <property name="username"> <value>javafish</value> </property> <property name="age"> <value>21</value> </property> <property name="address"> <value>北京市海淀区</value> </property> </bean>
新建AnSpringUserInfoHtml.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>UserInfo.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type='text/javascript' src='dwr/interface/anspringuser.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type="text/javascript" src="anspringuserInfo.js"></script> </head> <body> 请输入你的名字: <input id="name" type="text"/> <input id="jbutton" type="button" value="得到javafish(spring)的信息"/> <div id="result"></div> <script>load()</script> </body> </html>
新建anspringuserInfo.js
function load() { var jbutton = $("jbutton"); jbutton.onclick=function(event) { bOnClick(); }; } function bOnClick() { alert("haha"); anspringuser.getUser($("name").value,callback); } function callback(msg) { var user = msg; DWRUtil.setValue('result',"欢迎你!"+user.welcome+" 姓名:"+user.username+",年龄:"+user.age+",住址:"+user.address); }
在web.xml中
的DWR的servlet的初始化参数里加入
<init-param> <param-name>classes</param-name> <param-value> org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User </param-value> </init-param>
运行服务器输入http://localhost:8080/DWRStudy/AnSpringUserInfo.html,成功了
用Annotation的配置和dwr.xml的意思基本一样,这里就不多做介绍了。
Util.js的函数库
$()和prototype.js一样相当于document.getElementById
(Set)getValue()(设置)得到元素的值一般是(设置)得到元素的innerHTML。
getText()得到元素的文本值
(set)getValues()(设置)得到元素下的元素,以array为对象载体。
这里都是一些最常用的函数,具体可以看一下util.js文件。
- DWRStudy.rar (23.1 KB)
- 描述: 源代码
- 下载次数: 1960
评论
36 楼
java0
2007-09-03
谢谢你的文章
你那滤器类怎么没有呢
你上传的文件也没有
你那滤器类怎么没有呢
你上传的文件也没有
35 楼
tanghui198343
2007-08-31
我从数据库中得到图片地址,怎么把它设置到某个节点中啊?
可以写哈 语法的大概格式吗?(我试过用innerHTML),要报错.说是缺少对象.
可以写哈 语法的大概格式吗?(我试过用innerHTML),要报错.说是缺少对象.
34 楼
llying
2007-07-12
太棒了~~!
希望可以看到更多这样的好贴~~~~~!
希望可以看到更多这样的好贴~~~~~!
33 楼
fengerda
2007-06-20
感谢楼主,这么详细的学习资料实在难得,珍惜一下
32 楼
gdzhljw
2007-06-12
学习中!不错这样的帖子!
31 楼
xuey
2007-06-12
学习一下,我是一个dwr初学者。谁有群可以让我加一下?学习么?。。
我的Q,是 40732170
我的Q,是 40732170
30 楼
IT_bird
2007-06-07
为什么我在HelloWorld.html页面加了<script type="text/javascript" src="hello.js"></script>这句 但是还是调用不了脚本啊 其他的页都好使
29 楼
IT_bird
2007-06-07
谢谢楼主给我这样的新手提供这个好的帖子。但是我运行上述例子的时候,只有第二个例子能成功的执行java文件,其他的例子流程不往java类里走,这是怎么回是啊。请指教
28 楼
bh_nesta
2007-06-06
请教Lz:为什么我的老是报没有locaction这个属性呢??是不是少了什么jar包?
27 楼
hymn_com
2007-05-12
写得好
26 楼
hhj900
2007-04-28
LZ能否把所用的jar包列出来?谢谢!
25 楼
kongbowoo
2007-04-15
likunkun 写道
sulo_xxr 写道
TO: likunkun:
首先謝謝你能提供這樣的了入門例了,再次能否看看這個問題,謝謝了.
"EvalError"問題已解決,其實是args.pop()引起的,我IE打補訂后就OK了,但出現了新的問題 ,你的第二個例子中
<input id="sbutton" type="button" value="得到javafish的书"/>
我點擊時結果為:[object,object],[object,object]
從此可以看出確實返回了兩個BOOK,便對此值需怎樣得到且顯示呢?
结果为[object,object],[object,object] 就对了,这是javascript中的对象数组,可以在回调函数里DWRUtil.setValue('result',msg[0].author);即可得到第一本书的作者首先謝謝你能提供這樣的了入門例了,再次能否看看這個問題,謝謝了.
"EvalError"問題已解決,其實是args.pop()引起的,我IE打補訂后就OK了,但出現了新的問題 ,你的第二個例子中
<input id="sbutton" type="button" value="得到javafish的书"/>
我點擊時結果為:[object,object],[object,object]
從此可以看出確實返回了兩個BOOK,便對此值需怎樣得到且顯示呢?
在"得到javafish的书"的按钮事件里改为下面的语句即可显示信息:
//alert(msg); var books = msg; DWRUtil.setValue('result',"第一本书:" + books[0].name + books[0].author + "第二本书:" + books[1].name+books[1].author);
24 楼
xuxiaofei
2007-02-27
不错..
下了..3Q
下了..3Q
23 楼
hmh1985
2007-02-13
不错,很简单易懂的入门文章,期待更精彩的DWR文章
22 楼
qing_pu
2007-02-09
很感谢楼主啊
这么好的帖子,难找啊!!
我的JDK是1.506版本的
org.li.dwr.spring.annotation.User类中:
import org.directwebremoting.annotations.Convert;
import org.directwebremoting.annotations.Create;
上面两个类找不到
@Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
@Convert(converter=BeanConverter.class)
@Create红色报警,像是因为上面的两个类没有引到
请问上面的两个类在那个包里。
我的例子能正常运行,还是要感谢楼主。
这么好的帖子,难找啊!!
我的JDK是1.506版本的
org.li.dwr.spring.annotation.User类中:
import org.directwebremoting.annotations.Convert;
import org.directwebremoting.annotations.Create;
上面两个类找不到
@Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
@Convert(converter=BeanConverter.class)
@Create红色报警,像是因为上面的两个类没有引到
请问上面的两个类在那个包里。
我的例子能正常运行,还是要感谢楼主。
21 楼
yuchfbi007
2007-02-06
@Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})
@Convert(converter=BeanConverter.class) 是怎么回事记得是XDoclet 但忘了怎么弄
@Convert(converter=BeanConverter.class) 是怎么回事记得是XDoclet 但忘了怎么弄
20 楼
zt_smile
2007-01-29
简单易懂的好贴,感谢楼主的努力。
19 楼
chenjia66804610
2007-01-18
感谢你整理了这么好的东东,我运行了你传上来的源码,但是在spring构造对象时,启动tomcat时却报错,请问是什么原因。
错误信息:
严重: Missing creator: spring (while initializing creator for: springUser.js)
错误信息:
严重: Missing creator: spring (while initializing creator for: springUser.js)
18 楼
lxy19791111
2007-01-07
当我点击"得到javafish的信息"这个按钮时,提示"Invalid reply from server",但是当我去掉方法上的名称参数时即jsuser.getUser($("name").value,callback)修改为jsuser.getUser(callback),同时修改User类的public User getUser(String welcome)方法为public User getUser()后,可以正常得到结果!
不知道是什么原因,我的环境是:j2sdk1.4.2_09,resin2.1.9.
不知道是什么原因,我的环境是:j2sdk1.4.2_09,resin2.1.9.
17 楼
qnwang
2007-01-04
好贴!正在学习DWR相关的知识,对其推出的基于Ajax的推技术比较感兴趣。先受教了。
相关推荐
**DWR2的HelloWorld详解** DWR (Direct Web Remoting) 是一个开源JavaScript库,它允许在浏览器和服务器之间进行直接的、实时的通信,从而实现Web应用程序的富客户端功能。DWR2是其第二个主要版本,相较于早期版本...
【标题】:“DWR学习笔记-HelloWorld篇” 在IT领域,DWR(Direct Web Remoting)是一个开源的Java框架,它允许JavaScript在浏览器端直接调用服务器端的Java方法,实现了网页与服务器的实时交互,类似于Ajax技术,但...
这个"java dwr简单例子helloworld"是一个基础教程,旨在通过一个简单的HelloWorld示例,让你了解DWR的工作原理和基本用法。 首先,DWR的核心思想是提供一种安全且高效的方式,让JavaScript能够与服务器端的Java对象...
当应用启动时,DWR引擎会处理这些配置并生成必要的JavaScript代码,用户可以通过`/dwr/interface/HelloWorld.js`访问这个文件。 5. **编写HTML和JavaScript**:在HTML页面中,我们需要引入DWR的主脚本文件(如/dwr/...
### dwr3.0的HELLOWORLD创建过程详解 #### 一、准备工作:环境搭建与配置 ##### 1. 创建Web工程 - **步骤一**:新建一个Web应用程序工程。 - **步骤二**:导入DWR 3.0的相关jar包。确保包括`dwr-x.x.x.jar`在内的...
在这个"第一个DWR HelloWorld例子"中,我们将深入理解DWR的基本原理和操作流程,通过实践来学习如何搭建一个简单的DWR应用。 1. **DWR的基本概念** DWR的核心思想是创建一个安全的、高效的、易于使用的AJAX框架。...
在这个"Dwr+Demo+helloworld"示例中,我们将探讨如何利用DWR轻松实现JavaScript与Java之间的交互,创建一个简单的"Hello, World!"应用程序。 首先,我们需要了解DWR的基本概念。DWR的核心功能是提供一个代理层,...
本文将详细介绍如何在你的项目中设置DWR并创建一个简单的"Hello World"示例。 首先,你需要从DWR官方网站 (<http://getahead.ltd.uk/dwr/>) 下载最新版本的dwr.jar文件。这个JAR包包含了DWR的核心库,你需要将其...
标题 "dwr_helloWorld" 指向的可能是一个关于Direct Web Remoting (DWR)框架的简单示例,用于在Web应用中实现JavaScript与服务器端Java代码的交互。DWR允许开发者实现实时的、动态的AJAX功能,使得Web界面能够更流畅...
在本“DWR入门教程之HelloWorld”中,我们将逐步学习如何搭建一个简单的DWR应用,体验其基本功能。首先,我们需要了解以下关键组件: 1. **配置DWR**: 在Web应用程序的`web.xml`文件中,我们需要添加DWR的Servlet...
这个"HELLO WORLD"示例是了解DWR基本工作原理的绝佳起点。下面将详细解释DWR的基本概念以及如何通过这个示例来实现"HELLO WORLD"。 首先,我们需要理解DWR的核心功能:它提供了一个自动处理JSON和JavaScript对象...
DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在客户端与服务器...通过深入学习这份DWR中文文档,开发者不仅可以掌握DWR的基本用法,还能了解到如何在实际项目中有效利用DWR提升Web应用的性能和用户体验。
在IT行业中,DWR(Direct Web Remoting)和Spring框架是两种常见的Web开发技术。DWR允许在浏览器和服务器之间进行实时的JavaScript到Java的调用,极大地增强了Web应用程序的交互性。而Spring框架则是一个全面的企业...
在“Dwr helloworld小例子”中,我们可以通过一个简单的项目来学习DWR的基本用法。MyEclipse是一款强大的集成开发环境,特别适合于Java和Web应用的开发,它内置了对DWR的支持。 首先,我们需要在MyEclipse中创建一...
### Spring使用Annotation整合DWR知识点解析 #### 一、概览 在现代Web开发中,Direct Web Remoting(简称DWR)是一种简化Ajax应用开发的技术,它允许JavaScript直接调用服务器端的Java方法,而无需编写复杂的XML...
在本文中,我们将探讨如何将Direct Web Remoting (DWR) 3.0与Spring 2.5框架整合,并利用注解(Annotation)进行配置。DWR是一个允许JavaScript与Java服务器端进行交互的库,而Spring 2.5引入了对注解的强大支持,...
DWR的"Hello, World"入门例子是学习其基本用法的一个常见起点。在这个例子中,我们将深入探讨DWR的核心概念和技术,以及如何设置和运行一个简单的DWR应用。 1. **DWR概述**: DWR的核心功能在于提供一种安全、高效...