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

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

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

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

      Spry框架的目標:

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

      Spry同時為Web設計者和開發者而創建。它的指導原則:
      1)工作在Web產品上,集中精力于Web UI和x(HTML)產品
      2)x(HTML)和CSS專家
      3)熟悉JavaScript和DOM
      4)關心代碼的質量
      5)想創建下一代的Web頁面。

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

      提供更好的設計開發工作流
      1)促使設計時的數據和內容的分離
      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來訪問和顯示數據。Spry的Data Set是一個JavaScript對象,負責載入和管理數據。Data Set基礎類適合多種不同的數據源訪問數據。
      2)Spry Regions
      一個Spry dynamic Region是Web頁面上綁定數據集的一個區域。當數據集被修改時(如,從服務器載入數據,過濾、排序等),Spry Region被更新并反射新數據。Spry Region能用任何HTML塊元素如<div>、<p>標簽創建。
    例:
    <div spry:region="dsProducts" id="content">
    <table id="products">
    ...
    </table>
    </div>

      3)Loading Data
       Spry Data Set負責載入和處理數據,而XML是經常用到的在服務器端到客戶端傳遞數據。Spry XML Data Set能被用于通過瀏覽器的XMLHTTPRequest對象來檢索數據。XML可以包含在一個文件中,也可以是服務器端的函數調用。Spry使用 XPath,W3C標準來描述XML節點集,識別節點描述為數據記錄。

      4)Data Set Declaration
      Spry Data Set增加到頁面分為兩步。
      首先,包含適當的JavaScript庫:

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

      其次,創建Data Set的實例,通過知道XML數據,定義重復的節點。

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

      5)顯示數據
      使用Spry Regions顯示數據到Web頁面。創建從數據集到Spry Regions的綁定是很容易實現的,通過附加Spry屬性到HTML標準標簽上。如下的例子:

    <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區域聲明
    Data Set Binding:數據集綁定
    Spry Attributes:Spry屬性
    Spry Data Bindings:Spry數據綁定
    Repeat Region Declaration:重復區域聲明

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

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

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


    網站導航:
     
    主站蜘蛛池模板: 久久久久国色AV免费观看| 欧洲亚洲综合一区二区三区 | 好先生在线观看免费播放| 永久久久免费浮力影院| 亚洲精品国产综合久久一线| 亚洲人成网亚洲欧洲无码久久| 色婷婷亚洲十月十月色天| 亚洲国产精品成人精品软件| 亚洲综合精品第一页| 美女视频黄频a免费| 国产色爽免费无码视频| 我们的2018在线观看免费高清| 破了亲妺妺的处免费视频国产| 久久亚洲色一区二区三区| 久久久国产精品亚洲一区| 亚洲欧洲国产综合AV无码久久| 一级毛片一级毛片免费毛片| 99久久免费看国产精品| 日韩精品视频免费在线观看| 在线亚洲午夜理论AV大片| 亚洲一级视频在线观看| 黄色毛片免费网站| 久久午夜伦鲁片免费无码| 韩国欧洲一级毛片免费 | 在线播放免费人成视频在线观看| 亚洲人成无码网站久久99热国产| 亚洲国产精品人久久| 亚洲av日韩综合一区二区三区| 国内精品久久久久影院免费 | 性xxxxx免费视频播放| 亚洲国产一区二区三区| 亚洲精品在线不卡| 无码免费又爽又高潮喷水的视频 | 久久永久免费人妻精品| 日产乱码一卡二卡三免费| 亚洲国产a∨无码中文777| 亚洲精品伦理熟女国产一区二区| 国产成人免费永久播放视频平台 | 亚洲男人的天堂在线va拉文| 亚洲精品在线免费观看| 91视频免费观看高清观看完整|