<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆 - 303  文章 - 883  trackbacks - 0
    <2007年3月>
    25262728123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    歡迎光臨! 
    閑聊 QQ:1074961813

    隨筆分類(357)

    我管理的群

    公共blog

    • n維空間
    • Email : java3d@126.com 群 : 12999758

    參與管理的論壇

    好友的blog

    我的其他blog

    朋友的網站

    搜索

    •  

    最新評論

    大家中午好啊 我是尋覓
    這里我們繼續前個文章的學習

          

    DWR(Direct Web Remoting) 是一個 WEB 遠程調用框架 . 利用這個框架可以讓 AJAX

    開發變得很簡單
    . 利用 DWR 可以在客戶端利用 JavaScript 直接調用服務端的 Java 方法并

    返回值給
    JavaScript 就好像直接本地客戶端調用一樣 (DWR 根據 Java 類來動態生成

    JavaScrip
    代碼 ). 它的最新版本 DWR0.6 添加許多特性。 如 : 支持 Dom Trees 的自動配置 ,

    支持
    Spring(JavaScript 遠程調用 spring bean), 更好瀏覽器支持 , 還支持一個可選的

    commons-logging
    日記操作 .

     

    DWR 官方網址     http://www.getahead.ltd.uk/dwr/

     

    現在我們就前面的兩個文章 /*


    下載官方
    DWR 教程例子,實現 DWR 迅速入門


    http://www.tkk7.com/lusm/archive/2007/03/10/103003.html


    Ajax
    具體認識 ~~~~~~~~~~~~ Ajax 變得具體不再抽象


    http://www.tkk7.com/lusm/archive/2007/03/17/104490.html


    */

    的內容展開 MVC  DWR ajax 的學習,如果你沒看過或還沒怎么了解,為了你能在下面

    更好地學習,建議你先花點點時間看看上面的兩個文章。

     

    先看看我們要講的這個 example 的總體結構圖:
     


    ajaxmvc_dwr.png

    看到這個圖是不上和我們上個文章里的最后一個很像啊!其實是一樣的 ,大家都是

    MVC
    結構,只是這里少了個數據庫而已。


    好了看看我們的例子代碼會有什么效果


    demo1.BMP

    當我們在 textfiled 里打入一個名字,如 , 這里的 Joe ,接著我們點一下旁邊的 button send


    大家就會馬上看到
    Hello, Joe 了,呵呵 ,是不是很好玩;是不是很想知道怎么會這樣的!


    現在就讓我們來看看它的代碼是什么樣子的:


    就這幾個代碼


     
    HTML source: 這個代碼就是我們看到的上面的那個圖,比較簡單不解釋了


    1
    2 < p >
    3   Name:
    4    < input type = " text "  id = " demoName " />
    5    < input value = " Send "  type = " button "  onclick = " update() " />
    6    < br />
    7   Reply:  < span id = " demoReply " ></ span >
    8 </ p >



    Javascript source:

    這個是上面的<input value="Send" type="button" onclick="update()"/>調用的函數當我們

    點擊按鈕(Send)時,就會去調用這個javaScript函數update( )并執行函數里的內容{。。。},

    可以看到在這個函數里有這個 var name = dwr.util.getValue("demoName");這里要調用lib下

    的dwr包里的方法;這里還定義了另一個函數Demo.sayHello(就是下一個代碼Demo.java)把

    textfiled里的數據傳給Demo.java進行簡單的處理,再把處理得到的數據傳給下一個

    textfiled demoReply .


    1 function update()  {
    2   var name  =  dwr.util.getValue( " demoName " );
    3   Demo.sayHello(name, function(data)  {
    4     dwr.util.setValue( " demoReply " , data);
    5   }
    );
    6 }




    Java source:

    這里創建一個類處理上面js文件,傳來的值



    1 package  uk.ltd.getahead.dwrdemo.simpletext
    2
    3 public   class  Demo  {
    4      public  String sayHello(String name)  {
    5          return   " Hello,  "   +  name;
    6     }

    7 }
     
    8




    dwr.xml

     1<? xml version = " 1.0 "  encoding = " UTF-8 " ?> 
     2<! DOCTYPE dwr PUBLIC
     3" -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN " 
     4 " http://www.getahead.ltd.uk/dwr/dwr20.dtd  " >  
     5<!--  
     6前面是廢話不講
     7熟析java 中的一些xml 如 structs里的structs - config.xml
     8都知道在一般情況下,java中的xml文件常用于配置文件使用,記錄一些影射關系,比  
     9如 url 影射。
    10這里的xml就是起到這個作用大家注意這里的橙紅字部分,和前一個代碼里的橙紅字就了解了 
    11-->
    12< dwr > 
    13   < allow > 
    14      < create creator = " new "  javascript = " Demo " > 
    15        < param name = " class "  value = " uk.ltd.getahead.dwrdemo.simpletext.Demo " /> 
    16      </ create > 
    17    </ allow > 
    18  </ dwr >

     



    看到這里大家應該對這些代碼了解了,請在將我講的內容和前面的圖結合起來,

    想想哪個代碼出現在哪里;呵呵,以后還會有更復雜的代碼,

    大家要努力了,別落伍了



    地震讓大伙知道:居安思危,才是生存之道。
    posted on 2007-03-18 15:04 小尋 閱讀(641) 評論(0)  編輯  收藏 所屬分類: j2se/j2ee/j2me
    主站蜘蛛池模板: 日韩视频在线精品视频免费观看| sihu国产精品永久免费| 91精品成人免费国产片| 亚洲AV日韩AV永久无码久久 | 无码国产精品一区二区免费式芒果| 免费a级毛片18以上观看精品| 国产AV无码专区亚洲AV蜜芽 | 最近中文字幕无免费| 久久亚洲精精品中文字幕| 99久热只有精品视频免费看| 99久久精品国产亚洲| 亚洲精品在线免费观看| 国产.亚洲.欧洲在线| 日韩成全视频观看免费观看高清| 亚洲精品久久无码| 亚洲成?Ⅴ人在线观看无码| 久久99精品免费一区二区| 亚洲va中文字幕无码久久不卡| 无码国产精品一区二区免费3p| 亚洲精品人成电影网| 精品国产亚洲男女在线线电影 | 亚洲国产精品成人精品无码区 | 亚洲中文字幕丝袜制服一区| 国产性生大片免费观看性| 久久久久亚洲AV无码专区首| 99久久99这里只有免费费精品| 国产亚洲精aa在线看| 亚洲成?Ⅴ人在线观看无码| 久艹视频在线免费观看| 亚洲无人区码一二三码区别图片 | 亚洲综合国产精品第一页| 日本免费在线观看| 亚洲中文字幕无码mv| 亚洲色偷偷综合亚洲AV伊人| 久久99国产乱子伦精品免费| 亚洲欧美成aⅴ人在线观看| 亚洲日韩小电影在线观看| 国产精品无码免费播放| 一级看片免费视频| 亚洲国产精品久久久久秋霞影院| 免费看国产精品麻豆|