阅读更多

7顶
0踩

Web前端

原创新闻 Adobe Spry 1.6.1发布 面向设计人员的AJAX框架

2008-02-28 14:50 by 资深编辑 withyou 评论(1) 有4974人浏览
Adobe Spry是一个面向Web设计人员而不是开发人员的Ajax框架,它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。目前1.6.1版本发布,很多新的更新都和支持AIR相关,并且很多很酷的功能加入到新的版本中。



Spry有许多功能,但是最重要的就是移除和加载数据,下面我给一个Spry是如何运行的例子:

首先:

<script type="text/javascript">
var mydata = new Spry.Data.XMLDataSet("people.cfm","/people/person");
</script>


这个文件告诉Spry一个URL people.cfm,加载XML文件,并且解析XPath /people/person。Spry同样也支持JSON,TSV,CSV,甚至HTML tab文件。下面是XML文件

<people>
<person>
<name>Jacob Camden</name>
<age>6</age>
<gender>boy</gender>
<picture>jacob.jpg</picture>
</person>
<person>
<name>Lynn Camden</name>
<age>4</age>
<gender>girl</gender>
<picture>lynn.jpg</picture>
</person>
<person>
<name>Noah Camden</name>
<age>3</age>
<gender>boy</gender>
<picture>noah.jpg</picture>
</person>

</people>



Spry告诉浏览器如何在页面上显示XML

<div spry:region="mydata">

<p>
<table width="500" border="1">
<tr spry:repeat="mydata">
<td>{name}</td>
<td>{age}</td>
<td>{gender}</td>
</tr>
</table>
</p>

</div>

使用简单的标记spry:region and spry:repeat,Spry框架能够控制数据的加载和解析。是不是非常简单?

点击下面图片去官方网站查看更多的例子:




来自: insideria.com
7
0
评论 共 1 条 请登录后发表评论
1 楼 webgame 2008-04-03 15:21
面向Web设计人员而不是开发人员的Ajax框架,它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Spry:Spry是基于JavaScript的框架,可以快速开发Ajax驱动的网页

    概述Spry是一个基于JavaScript的框架,可以快速开发基于Ajax的网页。 Spry的设计感觉就像是HTML和CSS的扩展,因此任何具有基本Web生产技能的人都可以通过在页面中添加Ajax的功能来创建下一代Web体验。 Spry可以与...

  • ajax与spry的关系,用Spry框架来简化AJAX

    Spry AJAX框架是一个面向Web设计者的JavaScript库。它提供了很多供设计者建立页面的扩展功能,AJAX风格。目前其最新版本为2007.5.17日发布的1.5版本。下载地址为:...

  • Web前端开发利器 SPRY框架之页面效果

    Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分,从浅入深,带您进入WEB前端开发的世界,帮助你完成表单验证的实现。

  • AdobeWeb设计人员Ajax框架Spry入门1

    Adobe Spry是一个为Web设计人员开发的Ajax框架,它使得在一个HTML页面中创建丰富体验成为了可能。... Spry与Ajax框架是不同的,因为它是面向设计人员而不是开发人员。与其它一些Ajax框架相比,它的服务器端的技术不

  • Web前端开发利器 SPRY框架之数据集XML

    Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分,从浅入深,带您进入WEB前端开发的世界,帮助你完成表单验证的实现。

  • AdobeWeb设计人员Ajax框架Spry入门5

    Spry效果虽然Spry效果已经成为框架的一部分,但在1.5版本中有时还是重写了效果库,显著的改变是为了与其它语言更一致改变了很多方法的名称。Spry效果的目的是对HTML页中的可视元素添加可视效果。这些效果包括动态...

  • DreamweaverCS3 spry1.6.1 extjs 插件

    DreamweaverCS3 spry1.6.1 extjs 插件

  • AdobeWeb设计人员Ajax框架Spry入门4

    JSONSpry以同样的方式处理来自JSON的数据,很自然,不同之处是数据文件的格式和用于处理JSON的Spry数据库。下面是一个数据文件样例,信息和上面的一样,现在是一个对象数组,这是JSON的优势所在,它有自己通用的数据...

  • AdobeWeb设计人员Ajax框架Spry入门3

    接下来声明了一个Spry XMLDataSet实例,此处我们将它命名为dsEmployees。初始化要求两个参数:XML文件的位置和一个用来识别XML节点或包含数据的节点的XPath表达式。XML还可以从一个URL加载。注意XPath表达式识别XML...

  • AdobeWeb设计人员Ajax框架Spry入门2

    数据处理XML数据说的足够多了,让我们试用一下这个框架。我们评估的第一点是Spry处理XML数据的能力。我们以XML文件的形式创建一些样本数据,其中包含某个假想市政当局员工的信息。样例如下:FrankBaconfbacon@...

  • spry adobe spry 中文帮助手册

    Spry 框架是什么? XML 数据集 缓存 获得数据 当前行 排序 排重 过滤 自动刷新数据 侦听器 关于动态区域 创建动态区域 数据引用 循环结构 条件结构 区域状态 区域侦听器 隐藏数据引用 主/从结构 ...

  • 网页中选项卡样式 基于Adobe Spry 源码

    网页中选项卡样式 基于Adobe Spry 源码 ,样式更易懂 封装很好,使用很简便.

  • ajax与spry的关系,10.4 Spry Ajax Framework初探

    10.4 Spry Ajax Framework初探在本章一开始曾提过要使用Spry工具集来制作Ajax效果的在线RSS阅览器,在这些工具集中,与数据有关的项目包括Spry XML数据集、Spry区域、Spry重复项、Spry重复列表和Spry表。我们先来...

  • Web前端开发利器 SPRY框架之表单验证

    Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分,从浅入深,带您进入WEB前端开发的世界,帮助你完成表单验证的实现。

  • Adobe spry js框架的数据绑定很不错

    [url]http://labs.adobe.com/technologies/spry/[/url]的数据绑定很不错,很全。比较有特色的是使用HTML Table做数据绑定源(相较于XML数据源)。

  • 10个新的最有前途的JavaScript框架

    1. SproutCore SproutCore 苹果对... Spry的目的是成为实现Ajax的一种简单方式,对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。 Spry demonstrations: Pho

  • spry框架教程

    本文档资料适合WEB网站或电子商务平台软件开发人员参考和学习.

  • dnSpy-net-win32-222.zip

    dnSpy-net-win32-222.zip

  • 和美乡村城乡融合发展数字化解决方案.docx

    和美乡村城乡融合发展数字化解决方案.docx

Global site tag (gtag.js) - Google Analytics