Spry框架入门.docx
《Spry框架入门.docx》由会员分享,可在线阅读,更多相关《Spry框架入门.docx(13页珍藏版)》请在冰豆网上搜索。
![Spry框架入门.docx](https://file1.bdocx.com/fileroot1/2023-4/16/dadca185-7874-4b82-a039-6a10c2200ac4/dadca185-7874-4b82-a039-6a10c2200ac41.gif)
Spry框架入门
AdobeSpry框架入门
作者:
2007-06-2614:
38:
34
AdobeSpry是一个为Web设计人员开发的Ajax框架,它使得在一个HTML页面中创建丰富体验成为了可能。
Spry的目的是成为实现Ajax的一种简单方式,对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。
Spry与Ajax框架是不同的,因为它是面向设计人员而不是开发人员。
与其它一些Ajax框架相比,它的服务器端的技术不是很可靠。
它依赖于XML,XML可以很容易被Spry组件接受,几乎没有什么大问题。
Adobe简化Spry实现的动机已经引起一些Web标准拥护者的怒火,他们批评Spry利用了定制HTML属性。
最近,Adobe在它们的Adobe实验网站上发布了一个更新版本Spry1.5。
这是自从去年最初的测试版发行以来的第六次发布,增加了一些新特性用于同不同类型的数据交互。
包括:
∙嵌套数据集
∙JSON数据集
∙HTML数据集
∙会话处理
∙表单提交
∙分页数据视图
∙重写已经存在的效果
∙单选按钮验证框
∙自动建议框SpryAPI函数
Spry框架包含下列组件:
∙Spry数据和动态区
∙数据实用工具
∙服务器端实用工具
∙各种小应用程序
∙效果
Spry可以从Adobe免费下载,其中包括大量演示、示例、技术文章和文档。
文档还可以通过Adobe'sLiveDocs下载,这里还有一个Spry用户的开发中心,你可以从中获得大量技术文章。
数据处理XML数据
说的足够多了,让我们试用一下这个框架。
我们评估的第一点是Spry处理XML数据的能力。
我们以XML文件的形式创建一些样本数据,其中包含某个假想市政当局员工的信息。
样例如下:
Frank
Bacon
fbacon@municipality.gov
2201-09-0426
BoardofEducation
Bob
Boyle
bboyle@municipality.gov
2501-301-291
AnimalServices
可以看到有很多行数据,每行包含相同的属性,Spry与XML交互不需要DTD(数据类型定义),这是处理XML的一个典型问题,但并不是标准。
此处,我们的目的是使Spry为我们处理数据然后输出到一个HTML页中,你可以命名数据的属性并告知Spry在页面的那个位置显示它们。
使用一个文本编辑器,我们就可以处理HTML内容。
下面是来自标记间的一小片段。
我们引入了两个.js文件,第一个为了利用XPath使用了Google的开源代码,因此稍后我们能够过滤数据,第二个是Spry数据库,它依赖XPath库,这也是为什么使用时先声明的原因。
接下来声明了一个SpryXMLDataSet实例,此处我们将它命名为dsEmployees。
初始化要求两个参数:
XML文件的位置和一个用来识别XML节点或包含数据的节点的XPath表达式。
XML还可以从一个URL加载。
注意XPath表达式识别XML的根节点,然后是代表每行数据的子节点。
SprySimpleDataExample
vardsEmployees=newSpry.Data.XMLDataSet("assets/employee_data.xml","employees/employee");
在页面的主体部分输出Spry数据集很简单。
Spry动态区用于在页面上显示XML数据,当数据集改变时它们会同时更新。
一个动态区使用spry:
region在一个div标记中声明,HTML标记作为动态区容器。
动态区是Spry数据集的一个“观测区”,打括号用来区别数据集中的每个列,spry:
repeat标记迭代显示数据集中的所有行。
region="dsEmployees">
Name | Department | Email |
---|
repeat="dsEmployees">
|
| "> |