国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

來源：IBM網(wǎng)站 (IBM.COM)

AJAX 已經(jīng)有很多文章介紹它的原理及其應用了。但是遺憾的是現(xiàn)在并沒有很多結(jié)合實際項目應用。本文結(jié)合實際項目中的應用來講述利用 AJAX 和SVG 技術如何創(chuàng)建各種激動人心的功能，并附帶可以運行的例子和源代碼。

• 前言

　　AJAX 已經(jīng)有很多文章介紹它的原理及其應用了。但是遺憾的是現(xiàn)在并沒有很多結(jié)合實際項目應用。本文結(jié)合實際項目中的應用來講述利用 AJAX 和SVG 技術如何創(chuàng)建各種激動人心的功能，并附帶可以運行的例子和源代碼。
　　本文需要一定的 AJAX，SVG 知識和應用經(jīng)驗。當然它們都可以在 ibm.com/developerworks/cn 上找到。
　　個人對于 AJAX 應用的建議是如果傳統(tǒng)的 MVC 能夠滿足的應用，沒有必要使用AJAX來代替，因為這里 AJAX 唯一能帶來的好處只是無刷新。AJAX 是用來幫助我們實現(xiàn)以往使用傳統(tǒng) web 技術難以實現(xiàn)的功能的。

• 技術名詞

　　1． AJAX ，AJAX(Asynchronous JavaScript and XML)是多種技術的綜合，它使用 XHTML和 CSS 標準化呈現(xiàn)，使用 DOM 實現(xiàn)動態(tài)顯示和交互，使用 XML 和 XSTL 進行數(shù)據(jù)交換與處理，使用 XMLHttpRequest 對象進行異步數(shù)據(jù)讀取，使用 Javascript 綁定和處理所有數(shù)據(jù)。更重要的是它打破了使用頁面重載的慣例技術組合，可以說 AJAX 已成為 Web 開發(fā)的重要武器
　　2． SVG(Scalable Vector Graphic) 是一個標準開放的矢量圖像格式。它使你設計的網(wǎng)頁可以更加精彩，更加細致。使用簡單的文本命令，SVG 甚至可以做出諸如色彩線性變化、自定義置入字體、透明、動態(tài)效果、慮鏡效果等各式常見的圖像效果。SVG 圖像是基于 XML(可擴展標識語言--未來的網(wǎng)絡語言)的應用，并由 W3C 組織的 SVG 開發(fā)組負責詳細的研究和開發(fā)。
　　3． DWR，DWR是一個開源的類庫，可以幫助開發(fā)人員開發(fā)包含 AJAX 技術的網(wǎng)站。它可以允許在瀏覽器里的代碼使用運行在 WEB 服務器上的 JAVA 函數(shù)，就像它就在瀏覽器里一樣。

　　閱讀本文最好具有下列知識：
　　1. AJAX 開發(fā)應用
　　2．SVG 相關知識，特別是與JavaScript交互。(developerworks 上有非常詳盡 SVG 的技術文章)
　　3． DWR基礎。 (developerWworks 上有非常詳盡的DWR框架的技術文章和例子，本文不詳細結(jié)束DWR基礎知識。)例如： http://www.ibm.com/developerworks/cn/java/j-ajax3/

• 實際效果
  

　　技術敘述的再好，不如一個實際的例子，我們先看看實際效果。讀者可以先下載本文附帶的例子，發(fā)布到任何一個支持JSP1.1的servle服務器上，例如Tomcat4.0或者 webshpere,weblogic上，然后訪問頁面：http://localhost:端口/ajaxSVG/DyMeter.jsp。(以 Tomcat為例，端口就是8080)

• 原理

　　其實原理并不復雜，我們利用 SVG 來繪制儀表盤，然后利用 AJAX 技術定時向服務器請求更新數(shù)據(jù)（也就是指針所指向的數(shù)據(jù)），如果數(shù)據(jù)更新了，則調(diào)用 JavaScript 腳本讓SVG 的儀表盤重新定位指針，這樣就實現(xiàn)了圖表的實時刷新。下圖描述了各種技術的在本教程中的用途。

• 代碼細節(jié)

　　這個例子程序由一個 SVG 文件，JSP 文件，和一個 JAVA 類組成：

* MeterRemote.java
* MeterChart.svg
* DyMeter.jsp

　　首先看看 MeterRemote.java，它生成了指針所指向的數(shù)據(jù)，作為例子我只是生成一個隨機數(shù)據(jù)，在實際項目中它就應該是返回實際的數(shù)據(jù)，例如，汽車儀表盤就是當前汽車的時速。它們在實際項目中可以來自在實際項目中數(shù)據(jù)可以是來自數(shù)據(jù)庫，JMS，Web 服務，EJB 等。

import java.util.Random;
public class MeterRemote {

private double curr_value,full_value=200;

public double getDegree(){
Random r=new Random();
curr_value=r.nextInt(200);

return curr_value/full_value*270;
}

}

　　接著我們利用 DWR 引擎把該 Java 類發(fā)布，讓遠程 AJAX 應用能夠調(diào)用該 Java 類的方法 getDegree（）。

　　打開 dwr.xml 文件，在本文提供的例子從您可以看到它，添加如下代碼：

<allow>
<create creator="new" javascript="MeterRemote">
<param name="class" value="com.nbw.svg.DyChart.ajax.MeterRemote"/>
</create>
</allow>

　　這樣 DWR 就把一個 Java 類發(fā)布出來了，可以在頁面通過 js 就可以直接調(diào)用它了，非常的簡單。它和大多數(shù)框架一樣使用了一個 xml 文件來完成自己的配置，使用 creat 標簽可以發(fā)布一個 java 類，creator=new 表明創(chuàng)建方式是通過new來創(chuàng)建實例，java 類這里的配置都是一樣的，因為它支持spring和struts才會有不同的creator。Javascript="MeterRemote"說明了它在頁面中使用MeterRemote對象(js對象)來調(diào)用。Param標簽就定義了具體的類的名稱。使用DWR還可以指定調(diào)用的權限和指定具體的 java類的方法，而不是把所有的對象的方法都發(fā)布出來。跟多的配置信息請查閱ibm上其它文章。

　　重新啟動服務器，使用瀏覽器打開如下地址：
http://localhost:8080/ajaxSVG/dwr

　　如下圖所示：

• 結(jié)束語

　　使用本例子的原理我們已經(jīng)在數(shù)個實際項目中應用了，從用戶使用的實際效果來說，性能和效果都非常滿意。替代了以往用戶使用 CS 軟件才能實現(xiàn)的實時監(jiān)控圖表的功能，現(xiàn)在 AJAX 替代傳統(tǒng)的各種 MVC（例如Struts，JSF）框架并不能顯示出它的威力，特別是在開發(fā) AJAX 工具奇缺，開發(fā)測試效率低下。但是它與其他技術的融合例如 SVG，往往能發(fā)揮意想不到的效果。AJAX 和各種新興的 Web 2.0 技術的出現(xiàn)大大的豐富了 Web 程序員的技術力量，把以往只有 CS 軟件才能實現(xiàn)的功能，不僅實現(xiàn)了，而且更加完美和高效。

　　擁抱 AJAX 擁抱 Web 2.0 你能做得更好！