加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

DWR的基本原理以及前后台互相调用并整合SPRING的简易DEMO

发布时间：2020-12-16 00:50:59 所属栏目：百科 来源：网络整理
导读：DWR的基本原理以及前后台互相调用并整合SPRING的简易DEMO 博客分类： WEB技术 dwr 工作也已经有几年了， 最近突然心血来潮， 想写点技术博客，记录在工作和学习中碰到的一些问题，一方面方便自己以后查看，一方面也可以帮助下碰到同类问题的朋友们。 好了，

DWR的基本原理以及前后台互相调用并整合SPRING的简易DEMO

    博客分类：
  • WEB技术
dwr
工作也已经有几年了， 最近突然心血来潮， 想写点技术博客，记录在工作和学习中碰到的一些问题，一方面方便自己以后查看，一方面也可以帮助下碰到同类问题的朋友们。 好了，闲话少说，进入第一篇博客的正文。
最近工作中有一个需求，需要开发一个类似QQ的即时聊天系统，不过要基于BS架构，上网搜索了下，JAVA中的COMET技术可以成为实现该需求的良好途径。
comet 【计】：基于 HTTP 长连接的“服务器推”技术，是一种新的 Web 应用架构。基于这种架构开发的应用中，服务器端会主动以异步的方式向客户端程序推送数据，而不需要客户端显式的发出请求。Comet 架构非常适合事件驱动的 Web 应用，以及对交互性和实时性要求很强的应用，如股票交易行情分析、聊天室和 Web 版在线游戏等。（百度百科）
现在网上有不少开源的comet框架，比如pushlet,dwr等， 当然， 你也可以自用用jquery甚至纯JS来实现。 我这里选用了dwr，毕竟是比较成熟的框架了，用起来可能可以比较顺手些。
简单介绍下DWR，DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。（百度百科）
显然，楼主不方便把实际工作的代码放上来，这里就放一个简易的DEMO， DEMO实现了一些基本功能：
1. 前台调用后台的JAVA方法，并利用JAVA返回值执行回调函数。
2. 在后台中将数据发送至第二个页面，并调用该页面的JS方法。
3. 与SPRING的简单整合。
下面楼主把实现这个工程的步骤重复下。
第一步， 自然要先导入JAR包。 这个DEMO只需要DWR和SPRING2个JAR包，如需要可以在附件中下载（包含在DEMO的项目中）。
然后，配置WEB.xml文件，配置如下，功能基本已经写了注释，再补充一点，通过[项目地址]/dwr可以查看被dwr转化的类，可以点击进入测试页面，这样对于一些不知道怎么在实际页面中调用的初学者，可以查看源文件复制其代码。 在实际项目发布后将其设置为false，以避免用户进入此页面。
Xml代码
  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-appversion="2.4"xmlns="http://java.sun.com/xml/ns/j2ee"
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4. xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
  5. http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  6. servlet <!--dwr配置-->
  7. servlet-name>dwr-invoker</servlet-class org.directwebremoting.servlet.DwrServlet
  8. init-paramdescription>打开debug可以通过[项目地址]/dwr查看被加载的类param-name>debugparam-value>true>使用服务器推技术(反转AJAX)>activeReverseAjaxEnabled>使用comet方式推送数据>pollAndCometEnabledservlet-mappingurl-pattern>/dwr/*
  9. <!--Spring配置-->
  10. context-param>contextConfigLocation>/WEB-INF/classes/bean.xmllistenerlistener-class org.springframework.web.context.ContextLoaderListener
  11. web-app>

接下去是dwr的配置文件dwr.xml,将它放在web.xml的同一级即可。 这里是最简单的和spring的整合配置，如需更加复杂的功能，请自行搜索。
<!DOCTYPEdwrPUBLIC
  • "-//GetAheadLimited//DTDDirectWebRemoting1.0//EN"
  • "http://www.getahead.ltd.uk/dwr/dwr10.dtd"dwrallow<!--让dwr自动生成Controller.js文件-->
  • createcreator="spring"javascript="Controller"paramname="beanName"value="controller"/>
  • create<!--转化器，DWR对于自定义的BEAN需要转换，可以用*表示所有-->
  • convertmatch="songzl.message.User"converter="bean">

    • 下面spring的配置文件 bean.xml. 根据web.xml中的配置，将其放入src的根目录下。配置很简单，就是设置一个自动加载的bean的范围， 当然你也可以用<bean id="XXX" class="XXX"> 这样来加载。
    beansxmlns="http://www.springframework.org/schema/beans"
  • xmlns:context="http://www.springframework.org/schema/context"
  • xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans-2.5.xsd
  • http://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context-2.5.xsd"
  • default-lazy-init="true"default-autowire="byName"<!--扫描songzl.message包下的类并将其自动加载为spring的bean-->
  • context:component-scanbase-package="songzl.message"context:component-scanbeans>

    • 接下去2个JAVA类。 第一个user.java，一个放参数的javaben没什么可以多说
    Java代码
      packagesongzl.message;
    1. publicclassUser{
    2. privateStringname;
    3. privateStringpassword;
    4. publicStringgetName(){
    5. returnname;
    6. }
    7. voidsetName(Stringname){
    8. this.name=name;
    9. publicStringgetPassword(){
    10. returnpassword;
    11. voidsetPassword(Stringpassword){
    12. this.password=password;
    13. }

    第二个是控制类，Controller.java，也就是后台业务逻辑的主要实现类。 这里需要说下的是ScriptSession。ScriptSession是由DWR创建的，它用于保持长连接以管理页面。在JAVA中通过ServerContextFactory.get().getScriptSessionsByPage 来获取指定页面的ScriptSession以调用该页面的JS方法。关于ScriptSession后文还有一些补充。
    importjava.util.Collection;
  • importorg.directwebremoting.ScriptBuffer;
  • importorg.directwebremoting.ScriptSession;
  • importorg.directwebremoting.ServerContextFactory;
  • importorg.springframework.stereotype.Component;
  • @Component
  • classController{
  • publicStringgetLoginUser(Useruser){
  • finalStringresult="name:"+user.getName()+"----password:"+user.getPassword();
  • System.out.println(result);
  • StringrecivePage="/DwrTest/message/reciver.jsp";//接收方的页面/项目名/页面
  • Collection<ScriptSession>scss=ServerContextFactory.get().getScriptSessionsByPage(recivePage);//获取所有指定页面
  • for(ScriptSessionss:scss){
  • ss.addScript(newScriptBuffer("reciverMes('"+result+"')"));//调用页面的JS方法
  • returnresult;
  • }

    • 接下去是发送页面，sender.jsp。 要注意不要忘记导入engine.js和Controller.js。 其中Controller.js是DWR根据你的配置文件自动帮你生成的。
    <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
  • pageEncoding="UTF-8"%>
  • <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  • <html>
  • <head>
  • <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  • <title>数据发送页面</title>
  • <scripttype='text/javascript'src='/DwrTest/dwr/engine.js'></script>
  • <scripttype="text/javascript"src="/DwrTest/dwr/interface/Controller.js"></script>
  • <scripttype="text/javascript">
  • functionsubmitLogin(){
  • varname=document.getElementById("name").value;
  • varpassword=document.getElementById("password").value;
  • varobj={name:name,password:password};//obj需要在dwr.xml中配置conventer，字段名需要和class中的一致
  • //回调函数，返回JAVA方法中的返回值
  • Controller.getLoginUser(obj,function(data){
  • alert("返回的值是"+data);
  • })
  • </script>
  • </head>
  • <body>
  • 账号：<inputtype="text"id="name"/>
  • 密码:<inputtype="text"id="password"/>
  • <inputtype="submit"value="提交"onclick="submitLogin()"/>
  • </body>
  • </html>


    • 最后是接收的页面。 reciver.jsp。 要注意的是一定不要忘记加上onload="dwr.engine.setActiveReverseAjax(true)" 楼主一开始就是忘了这句。 结果怎么也调试不出来。 蛋疼呐
    <title>数据接受页面</title>
  • functionreciverMes(mes){
  • alert(mes);
  • <bodyonload="dwr.engine.setActiveReverseAjax(true)">
  • <fontsize='5'>当发送页面点击发送信息，本地可以立即接受到发来的消息</font>
  • </html>

    • 这样这个工程基本就定型了。 打开http://localhost:8080/DwrTest/message/sender.jsp和http://localhost:8080/DwrTest/message/reciver.jsp两个页面。 在第一个页面的输入框中随便填一点值，点击提交。 第一个页面会执行其回调函数。 第二个页面会执行controller中的方法。 （注意 为示区别 2个页面alert的值是不一样的）
    最后，对ScriptSession作一点补充。"当我们访问一个页面的时候，如果是第一次访问，就会创建一个新的HttpSession,之后再访问的时候，就会保持当前的Session,即使是刷新，也能保持当前的HttpSession。 但是，ScriptSession不同，第一次访问，会创建一个ScriptSession,但是，如果你刷新，就会创建一个新的ScriptSession". 通过这段描述不难发现，如果用户多次刷新页面，将产生无数个无用的ScriptSession,占了内存不说还会影响后来用户的链接。
    怎么解决呢？DWR3 提供了ScriptSessionManager 这个接口来管理ScriptSession。 大家可以写一个类 复写DefaultScriptSessionManager这个方法，在其中捕获无用的scriptSession，并调用scriptSession.invalidate()将其无效化。 然后在WEB.XML的DWR的servlet配置中加入下面的代码：
    org.directwebremoting.extend.ScriptSessionManager
  • 你的实现类（X.X.XXX）
  • >

    • 具体实现代码就不贴了，可以通过搜索引擎搜索下。 并不是很复杂。
    • DwrTest.rar(3.4 MB)

    （编辑：李大同）

    【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
      相关内容
        推荐文章
          站长推荐
          热点阅读

            【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

            建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

            Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同