Spry框架入门

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Adobe Spry框架入门

作者:

2007-06-26 14:38:34

Adobe Spry是一个为Web设计人员开发的Ajax框架,它使得在一个HTML页面中创建丰富体验成为了可能。

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

Spry与Ajax框架是不同的,因为它是面向设计人员而不是开发人员。与其它一些Ajax框架相比,它的服务器端的技术不是很可靠。它依赖于XML,XML可以很容易被Spry组件接受,几乎没有什么大问题。

Adobe简化Spry实现的动机已经引起一些Web标准拥护者的怒火,他们批评Spry利用了定制HTML属性。

最近,Adobe在它们的网站上发布了一个更新版本Spry 1.5。这是自从去年最初的测试版发行以来的第六次发布,增加了一些新特性用于同不同类型的数据交互。包括:

•嵌套数据集

•JSON 数据集

•HTML 数据集

•会话处理

•表单提交

•分页数据视图

•重写已经存在的效果

•单选按钮验证框

•自动建议框Spry API函数

Spry框架包含下列组件:

•Spry 数据和动态区

•数据实用工具

•服务器端实用工具

•各种小应用程序

•效果

Spry可以从Adobe 免费下载,其中包括大量演示、示例、技术文章和文档。文档还可以通过下载,这里还有一个Spry用户的开发中心,你可以从中获得大量技术文章。

数据处理XML数据

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

样例如下:

Frank

Bacon

fbacon@

2201-09-0426

Board of Education

Bob

Boyle

bboyle@

2501-301-291

Animal Services

可以看到有很多行数据,每行包含相同的属性,Spry与XML交互不需要DTD(数据类型定义),这是处理XML的一个典型问题,但并不是标准。此处,我们的目的是使Spry为我们处理数据然后输出到一个HTML页中,你可以命名数据的属性并告知Spry在页面的那个位置显示它们。

使用一个文本编辑器,我们就可以处理HTML内容。下面是来自标记间的一小片段。我们引入了两个.js文件,第一个为了利用XPath使用了Google的开源代码,因此稍后我们能够过滤数据,第二个是Spry数据库,它依赖XPath库,这也是为什么使用时先声明的原因。

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

Spry Simple Data Example

在页面的主体部分输出Spry数据集很简单。Spry动态区用于在页面上显示XML数据,当数据集改变时它们会同时更新。一个动态区使用spry:region在一个div标记中声明,HTML标记作为动态区容器。动态区是Spry数据集的一个“观测区”,打括号用来区别数据集中的每个列,spry:repeat标记迭代显示数据集中的所有行。

NameDepartmentEmail

相关文档
最新文档