dwr与ssh框架整合教程

(1)dwr与ssh框架整合教程dwr框架介绍。

DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开
发人员开发包含AJAX技术的网站.它可以允许 在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。它包含两个主要的部
分:允许JavaScript从WEB服务器上一 个遵循了AJAX原则的Servlet中获取数据.另外一方面一个JavaScript库可以帮助网站
开发人员轻松地利用获取的数据来动态改变网页的内 容.DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码.这样
WEB开发人员就可以在JavaScript里使 用Java代码就像它们是浏览器的本地代码(客户端代码)一样;但是Java代码运行在WEB服务器端
而且可以*访问WEB 服务器的资源.出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用.  
这个从JAVA到JavaScript的远程功能方法给DWR的用户带来非常像传统的RPC机制,就像RMI或者SOAP一样,而且拥有运行在WEB上但
是不需要浏览器插件的好处.DWR不认为浏览器/WEB服务器协议是重要的,而更乐于保证编程界面的简单自然.对此最大的挑战就是把AJAX的异步特性和
正常JAVA方法调用 的同步特性相结合.在异步模式下,结果数据在开始调用之后的一段时间之后才可以被异步访问获取到.DWR允许WEB开发人员传递一
个回调函数,来异步处理 Java函数调用过程.

(2)引入dwr包,本例采用的版本是dwr2.0.5。将dwr.jar包引入到项目的WEB-INF/lib目录下。
如图dwr与ssh框架整合教程,引入成功后,查看dwr与ssh框架整合教程可以了解相关信息。
dwr与ssh框架整合教程

(3)在web.xml中配置dwr的相关信息。如下所示 
dwr与ssh框架整合教程
注:相关的参数说明在图中已经给出解释。

(4)在web.xml同目录下新建dwr.xml文件。
其初始配置如下
dwr与ssh框架整合教程
配置部分已经完成,下面使用一个例子说明dwr的具体配置,例子采用的是ssh的程序,并将用户登陆部分改成以dwr技术实现。

(5)后台业务逻辑。首先编写业务处理的action方法

方法名为showHello(String name,String passpword),通过传入的name和password来添加新用户,如果成功返回success否则返回fail.具体实现 
如下:

dwr与ssh框架整合教程

方法名为showAdd(User u),通过传入的User对象添加新用户,如果成功返回success否则返回fail.具体实现 如下:

dwr与ssh框架整合教程

方法名为showList(),通过调用Service层的getUsers方法返回用户List<User>集合.具体实现 如下:

dwr与ssh框架整合教程

具体方法实现如下:
dwr与ssh框架整合教程

(6)配置dwr.xml文件。将showHello、showAdd、showList方法配置到dwr.xml中,使其可以访问。 具体的配置以及解释如下:
dwr与ssh框架整合教程

(7)配置dwr框架的调试功能,使其可以进行可视化调试。具体方法是设置web.xml中dwr配置下的debug为true.
dwr与ssh框架整合教程
设置成功后重新部署项目,启动服务器。在浏览器中输入localhost:端口名称/项目名称/dwr即可打开dwr的调试页面,比如我的项目名称是
ssh,端口号是80,则网址为:http://127.0.0.1:8080/combine/dwr/index.html,打开后出现如下页面:
dwr与ssh框架整合教程
如果看到如上页面,说明你的dwr已经配置成功,下面就是测试方法是否能正常运行。点击Hello方法将打开如下页面(部分截图):
dwr与ssh框架整合教程
上图包含三部分,第一部分是:
dwr与ssh框架整合教程
它指明了后台方法的js实现的js文件位置和dwr引擎的位置,这两个js文件为必须按项目,必须包含在页面文件上才能正常调用dwr框架。第二部分为可选内容,建议也包含在页面文件上。
dwr与ssh框架整合教程
第三部分为声明的方法,下面列出了全部的方法,但是有红色警告的不能使用,因为返回值不是基本的数据类型,而且在配置dwr信息时没有声明其访问权限。只有
dwr与ssh框架整合教程
没有任何警告信息表明其可以正常访问。

(8)调试页面测试方法能否正常运行。找到showHello方法
dwr与ssh框架整合教程
,在两个参数中输入我们的用户名和密码(rush 123456),如下所示:
dwr与ssh框架整合教程
,点击Execute执行该方法,如出现如下结果,则表明执行成功:
dwr与ssh框架整合教程
。说明:调试页面是为了方便调试用的,在实际发布后请关闭其调试功能。

(9)编写前台实现代码。
test_hello.html用来测试showHello方法test_add.html用来测试showAdd方法test_list.html用来测试showList方法下面先讲test_hello.html建立test_hello.html
dwr与ssh框架整合教程
在 页面中引入刚刚提到的三个js提交按钮添加onclick效果,执行的方法为OnSave()下面引入js
dwr与ssh框架整合教程
说明:username 和password分别获取网页上控件的用户名和密码值,两个if判断其值是否为空,如果为空,提示用户并且终止提交,从而实现
登陆验证。User.showHello:Hello是后台dwr配置中的js名称,showHello是后台业务逻辑实现函数,此函数有三个
参 数,username和password是入参,CallBackMsg是一个回调函数,系统将返回值放在回调函数里面显示。

(10)代码工作完成,现在进行实际测试。重新部署项目,启动服务器。在浏览器中打开网页:
dwr与ssh框架整合教程
首先填写口令及姓名都为222,提交数据后显示:
dwr与ssh框架整合教程
下面查看一下数据库是否存在该数据:
dwr与ssh框架整合教程
数据显示正常。下 面我们再回到页面,重复提交一遍数据。
dwr与ssh框架整合教程
提示fail。说明用户禁止重复提交数据,showHello()功能完成。(11)如test_hello.html的操作方法,我们创建
test_add.html及test_list.html首先是test_add.html因为它与test_Hello.html功能相似都是提交数
据功能。而唯一与test_hello.html不同的是接受的数据不同。Test_add对应函数是
dwr与ssh框架整合教程
它需要接收一个User对象,所以这时一定要设置dwr.xml中的convert对象
dwr与ssh框架整合教程
该程序会自动将数据转换成User对象。该页的html代码与test_Hello.html相同,只是js不同,js如下:
dwr与ssh框架整合教程
下面赶紧测试一下:http://127.0.0.1:8080/combine/test_add.html如果效果相同,则证明功能完成。

(11)test_list.html测试showList()方法两点需要注意:第一showList()为无参方法,所以只需要传入回调函数即可。第二返回的数据为对象数组,使用for语句进行数据读取。Html代码如下:
dwr与ssh框架整合教程
下面测试功能:http://127.0.0.1:8080/combine/test_list.html
dwr与ssh框架整合教程
没错就是一个按钮:点击按钮后页面显示如下:
dwr与ssh框架整合教程
Ok,全部完成。

参考文档:http://www.cnblogs.com/a7345678/archive/2008/10/23/1317982.html
http://www.cnblogs.com/rushoooooo/archive/2011/04/28/2032325.html

转:http://blog.****.net/e421083458/article/details/8806252

上一篇:linux下scp用法


下一篇:AMQ学习笔记 - 15. 实践方案:基于ActiveMQ的统一日志服务