资讯频道 → Web前端
阅读更多

7顶
0踩

Web前端

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

2008-02-28 14:50 by 资深编辑 withyou 评论(1) 有4971人浏览
Adobe Ajax 框架

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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网站或电子商务平台软件开发人员参考和学习.

  • Spring Cloud 全面学习案例集，含多种功能示例与教程.zip

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。

  • AudioStream 1.5.unitypackage

    AudioStream 1.5.unitypackage

Global site tag (gtag.js) - Google Analytics