posts - 4,comments - 30,trackbacks - 0
          				    Spry AJAX框架是一個面向Web設(shè)計(jì)者的JavaScript庫。它提供了很多供設(shè)計(jì)者建立頁面的擴(kuò)展功能,AJAX風(fēng)格。目前其最新版本為
          2007.5.17日發(fā)布的1.5版本。下載地址為:http:
          //www.adobe.com/cfusion/entitlement/index.cfm?event=custom&sku=RC00210&e=labs_spry

            Spry框架的目標(biāo):

            1)保持開放
            Spry工作在所有的HTML編輯器上,包括Dreamweaver。任何人都可以從Adobe Labs下載它,開始建立高性能的交互式Web頁面和應(yīng)用程序。無需授權(quán)或服務(wù)端代碼支持。
            2)易于使用
            Spry使用了同建立Web頁面相同的技術(shù),如HTML,CSS和JavaScript,包括幾個JavaScript庫。使用同樣的技術(shù)來創(chuàng)建和設(shè)計(jì)動態(tài)區(qū)域和交互式的工具,可以象其它HTML元素一樣在頁面上使用。
            3)能夠創(chuàng)新(innovation)
            Spry提供了輕量級的強(qiáng)有力的模型,如增加數(shù)據(jù)、交互性,豐富的UI工具,促使你完全控制設(shè)計(jì)。

            Spry同時為Web設(shè)計(jì)者和開發(fā)者而創(chuàng)建。它的指導(dǎo)原則:
            1)工作在Web產(chǎn)品上,集中精力于Web UI和x(HTML)產(chǎn)品
            2)x(HTML)和CSS專家
            3)熟悉JavaScript和DOM
            4)關(guān)心代碼的質(zhì)量
            5)想創(chuàng)建下一代的Web頁面。

            要求:
            1)保持框架熟悉、輕量級和透明性
            2)保持框架最小(以頁為中心Page-Centric)
            3)看起來象HTML的自然擴(kuò)展
            4)和其它技術(shù)的整合

            提供更好的設(shè)計(jì)開發(fā)工作流
            1)促使設(shè)計(jì)時的數(shù)據(jù)和內(nèi)容的分離
            2)支持"design-time XML"
            3)框架易于均衡design-time工具

            下一代的Web用戶界面

            看例子:

            http://labs.adobe.com/technologies/spry/demos/index.html

            Spry是客戶端框架,以JavaScript庫的方式增加到Web頁面中。Spry的JavaScript庫主要有三個模塊:

            1)Spry Data
            使用Spry Data Sets and Regions來訪問和顯示數(shù)據(jù)。Spry的Data Set是一個JavaScript對象,負(fù)責(zé)載入和管理數(shù)據(jù)。Data Set基礎(chǔ)類適合多種不同的數(shù)據(jù)源訪問數(shù)據(jù)。
            2)Spry Regions
            一個Spry dynamic Region是Web頁面上綁定數(shù)據(jù)集的一個區(qū)域。當(dāng)數(shù)據(jù)集被修改時(如,從服務(wù)器載入數(shù)據(jù),過濾、排序等),Spry Region被更新并反射新數(shù)據(jù)。Spry Region能用任何HTML塊元素如<div>、<p>標(biāo)簽創(chuàng)建。
          例:
          <div spry:region="dsProducts" id="content">
          <table id="products">
          ...
          </table>
          </div>

            3)Loading Data
             Spry Data Set負(fù)責(zé)載入和處理數(shù)據(jù),而XML是經(jīng)常用到的在服務(wù)器端到客戶端傳遞數(shù)據(jù)。Spry XML Data Set能被用于通過瀏覽器的XMLHTTPRequest對象來檢索數(shù)據(jù)。XML可以包含在一個文件中,也可以是服務(wù)器端的函數(shù)調(diào)用。Spry使用 XPath,W3C標(biāo)準(zhǔn)來描述XML節(jié)點(diǎn)集,識別節(jié)點(diǎn)描述為數(shù)據(jù)記錄。

            4)Data Set Declaration
            Spry Data Set增加到頁面分為兩步。
            首先,包含適當(dāng)?shù)腏avaScript庫:

          <script type="text/javascript" src="/SpryAssets/xpath.js"/>
          <script type="text/javascript" src="/SpryAssets/SpryData.js"/>

            其次,創(chuàng)建Data Set的實(shí)例,通過知道XML數(shù)據(jù),定義重復(fù)的節(jié)點(diǎn)。

          var dsProducts=new SpryDataXMLDataSet("products.xml","products.product")
          ------------
          dsProducts: 變量引用。數(shù)據(jù)集的名字。
          SpryDataXMLDataSet:對象實(shí)例。
          products.xml:XML數(shù)據(jù)。
          products.product:XPath。在XML文件中指向節(jié)點(diǎn)的指針。

            5)顯示數(shù)據(jù)
            使用Spry Regions顯示數(shù)據(jù)到Web頁面。創(chuàng)建從數(shù)據(jù)集到Spry Regions的綁定是很容易實(shí)現(xiàn)的,通過附加Spry屬性到HTML標(biāo)準(zhǔn)標(biāo)簽上。如下的例子:

          <div spry:region="dsProducts" id="content">
          <table id="products">
          <tr>
          <th spry:sort="name">Product</th>
          <th spry:sort="category">Category</th>
          </tr>
          <tbody spry:repeat="dsProducts">
          <tr>
          <td>{name}</td>
          <td>{category}</td>
          </tr>
          </tbody>
          </table>
          </div>
          ------------------
          Spry Region Declaration:Spry區(qū)域聲明
          Data Set Binding:數(shù)據(jù)集綁定
          Spry Attributes:Spry屬性
          Spry Data Bindings:Spry數(shù)據(jù)綁定
          Repeat Region Declaration:重復(fù)區(qū)域聲明

          6)Master/Detail Data Sets
          Spry框架支持Master/Detail Data Sets概念。這意味著在Master Data Sets中選擇記錄來驅(qū)動Detail Data Set的內(nèi)容。
          posted on 2007-09-23 16:25 蠻哥♂楓 閱讀(753) 評論(1)  編輯  收藏

          FeedBack:
          # re: 用Spry框架來簡化AJAX
          2009-05-05 20:11 | wholesale china
          feichan bu cuo   回復(fù)  更多評論
            

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 遂宁市| 长海县| 东平县| 江油市| 云安县| 河池市| 丰都县| 东平县| 嘉峪关市| 古丈县| 新昌县| 昭觉县| 新龙县| 康平县| 五大连池市| 梁山县| 大石桥市| 陇南市| 庆元县| 噶尔县| 太仆寺旗| 莱芜市| 瓮安县| 健康| 临澧县| 甘孜| 桓仁| 方正县| 永丰县| 忻城县| 普宁市| 梁河县| 成都市| 桂平市| 仁化县| 怀宁县| 襄垣县| 永川市| 开封县| 手游| 登封市|