Spry框架入门
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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文件的形式创建一些样本数据,其中包含某个假想市政当局员工的信息。
样例如下:
可以看到有很多行数据,每行包含相同的属性,Spry与XML交互不需要DTD(数据类型定义),这是处理XML的一个典型问题,但并不是标准。此处,我们的目的是使Spry为我们处理数据然后输出到一个HTML页中,你可以命名数据的属性并告知Spry在页面的那个位置显示它们。
使用一个文本编辑器,我们就可以处理HTML内容。下面是来自标记间的一小片段。我们引入了两个.js文件,第一个为了利用XPath使用了Google的开源代码,因此稍后我们能够过滤数据,第二个是Spry数据库,它依赖XPath库,这也是为什么使用时先声明的原因。
接下来声明了一个Spry XMLDataSet实例,此处我们将它命名为dsEmployees。初始化要求两个参数:XML文件的位置和一个用来识别XML节点或包含数据的节点的XPath表达式。XML还可以从一个URL加载。注意XPath表达式识别XML的根节点,然后是代表每行数据的子节点。
var dsEmployees = newSpry.Data.XMLDataSet("assets/employee_data.xml", "employees/employee");
在页面的主体部分输出Spry数据集很简单。Spry动态区用于在页面上显示XML数据,当数据集改变时它们会同时更新。一个动态区使用spry:region在一个div标记中声明,HTML标记作为动态区容器。动态区是Spry数据集的一个“观测区”,打括号用来区别数据集中的每个列,spry:repeat标记迭代显示数据集中的所有行。