2008年3月4日

Adobe Spry 1.6.1发布 面向设计人员的AJAX框架
Adobe Spry是一个面向Web设计人员而不是开发人员的Ajax框架，它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。目前1.6.1版本发布，很多新的更新都和支持AIR相关，并且很多很酷的功能加入到新的版本中。

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

首先：



这个文件告诉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框架能够控制数据的加载和解析。是不是非常简单？

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

http://labs.adobe.com/technologies/spry/
posted @ 2008-03-04 13:20 RaRa 阅读(169) | 评论 (0) | 编辑 收藏
 
解读开源的Flex代码：就象打开的糖果箱
Flex SDK现在已经开源了！就象垂涎已久的糖果箱打开了，你能够想到Flex SDK开源出来的代码你能看到什么，参与什么吗？下面给出几个提示。

1。flex 4，代码名称秋葵Gumbo，是目前正在更新的源代码主干，如果你想贡献代码，那么跟踪秋葵Gumbo。

2。flex 3.0.x版本是稳定的最终版本，如果想修改和运行自己的flex程序，使用这个版本。

3。所有源代码包括两个主要部分，mxmlc(在modules/compiler目录)和asc(在modules/asc目录)。asc是解析和编译ActionScript源代码的底层元件；mxmlc是解析mxml文件的高层元件，mxmlc调用asc来编译ActionScript，绑定链接等等。

4。最酷的部分是swfdump，这个部分你能够看清楚swf文件里面到底是什么。这是一个很好的学习工具，来理解你的代码如何编译执行的。打开目录swfdump -abc myapp.swf > myapp.txt，然后开始浏览。

5。所有命令行的调试器，fdb，也完全包含在源代码中，在modules/debugger目录下。命令行调试，从DebugCLI.main()开始；一般调试API入口，既是fdb也是Flex Builder调试器的入口，从Bootstrap.sessionManager()开始。

6。在development目录，你能够发现大多数Eclipse项目。没有asc的项目，但是有mxmlc，fdb，swfutils(包含swfdump源文件)的项目。项目文件分成两个组合，java目录包含基于Java-based parts of the Flex SDK的Eclipse JDT项目，类似于编译器和调试器，flex目录包含基于Flex-based parts of the SDK的Flex Builder 项目。要使用他们，以下两个步骤：（1）在preferences > General > Workspace > Linked Resources and Java > Build Path > Classpath Variables, 设置 FLEX_SDK （2）打开 File > Import, 导入项目进入Workspace.

仔细研读flex源代码，你能有很多收获，希望此文为你带来一点小小捷径。
posted @ 2008-03-04 13:13 RaRa 阅读(141) | 评论 (0) | 编辑 收藏
 
 
Powered by:
BlogJava
Copyright © RaRa