===============================
图灵程序设计丛书（Web开发系列）
===============================
The Essential Guide to Flex 2 with ActionScript 3.0
Flex程序设计
［美］Charles E. Brown 著
张骥 涂颖芳译
站在巨人的肩上
Standing on Shoulders of Giants
图灵 ......
#####################
# B/S & C/S
#####################
B/S(Browser/Server,浏览器-服务器)结构,客户端只需浏览器即可，跨平台性较好；简化了客户端的工作，相应地对服务器性能要求较高；与此同
时，因为它（尽管有AJAX）无法从根本上改变“网络应用程序的表示层建立于HTML页面”这个影响用户体验的“万恶之源”（HTML在设计之初只是为了展示文本），故用户体验得不到质的提升。
C/S(Client/Server,客户端-服务器)结构，可在服务器和客户端间平衡服务处理量；客户端需安装专门的软件，故对平台有一定限制要求；安装和维护的工作量大，不过其用户体验比较好。
富因特网应用程序(RIA)的出现开始从根本上改变这一局面。Adobe公司推出的Flex框架无缝地整合了Flash、ActionScript以及MXML，并提供了丰富的可扩展用户界面及数据访问组件，使开发人员能够快速构建出具有丰富数据演示、强大客户端逻辑和集成多媒体的富因特网应用程序。Flex极大地提高了Web界面的用户体验和人机交互性，它的出现预示着因特网应用程序的面貌将焕然一新。
######################
# RI ......
日前做项目，需要把页面的JS代码抽出来放到一个.js文件中，由于flex程序是以div+SWFObject的方式嵌入到页面的，为了达到目标网站只需要引用一个.js文件即实现引用项目工程的目的，所以也要把SWFObject的代码放到.js文件中。
思路是用document.write()把引用swf文件的代码写进页面，然后把flex要调用的js函数都放到.js文件中
很快，就迁移完毕了。测试ing...
想不到的是，flex中用ExternalInterface.call("methodName",params);调JS函数缺没有返回值，用alert("a")弹出一下，果然没有调用到。这是为什么呢？难道把SWF用document.write的方式加入到页面后权限降低了？
放狗找了一下，似乎大家的调用都很正常……唉……人生最痛苦的事情莫过于此了。
突然想到infoq的一些连接显示的是类似javascript:void(0)的字样，于是乎，我想到了用flex的URLRequest调用页面的JS。
立刻尝试
flex中：
var req:URLRequest = new URLRequest("javascript:test('hello')");
navigateToURL(req,"_self");
在JS中：
function test(str){
alert("你好" + str);
return "world";
}
浏览器弹出对话框，里面的文字显示也正常。
这说明用URLReq ......
日前做项目，需要把页面的JS代码抽出来放到一个.js文件中，由于flex程序是以div+SWFObject的方式嵌入到页面的，为了达到目标网站只需要引用一个.js文件即实现引用项目工程的目的，所以也要把SWFObject的代码放到.js文件中。
思路是用document.write()把引用swf文件的代码写进页面，然后把flex要调用的js函数都放到.js文件中
很快，就迁移完毕了。测试ing...
想不到的是，flex中用ExternalInterface.call("methodName",params);调JS函数缺没有返回值，用alert("a")弹出一下，果然没有调用到。这是为什么呢？难道把SWF用document.write的方式加入到页面后权限降低了？
放狗找了一下，似乎大家的调用都很正常……唉……人生最痛苦的事情莫过于此了。
突然想到infoq的一些连接显示的是类似javascript:void(0)的字样，于是乎，我想到了用flex的URLRequest调用页面的JS。
立刻尝试
flex中：
var req:URLRequest = new URLRequest("javascript:test('hello')");
navigateToURL(req,"_self");
在JS中：
function test(str){
alert("你好" + str);
return "world";
}
浏览器弹出对话框，里面的文字显示也正常。
这说明用URLReq ......
###################
#
Flex与Web设计
###################
大多数企业级的Web设计都需有3层结构：
*
表现层(Presentation
Tier)：这一层构建的是用户看到的内容。有时候，人们也把这一层叫做图形用户界面(graphical
user interface,GUI)。
*
业务逻辑层(Business
Logic
Tier)：幕后工作就发生在此层。程序代码就是在这里确定什么可以留下来、什么不可以留下来以及到其他服务器和数据库的连接。这是完成实质性工作的地方。
*
骨干层(Backbone
Tier)：根据业务逻辑层中声明的规则来收集和分发数据的数据库服务器就处在这一层。
人们有时候把诸如此类的设计叫做n-层设计。除了刚才列出的基本的3层设计，有些设计方案还有额外的服务器层和数据层。
Flex主要是参与表现层的建设。事实上，人们常常把Flex称为呈现服务器。它的主要功能是运用为创建RIA(第1章有介绍)而设计的工具来创建用户交互。
###################
#
Flex应用程序框架
###################
Flex应用程序框架有其自身的层次结构。
&nb ......
一、国外站点
1.资源网站
Adobe Labs
：这个不用我说了吧。
Flex.org
：官方的Flex网站，基本上应有尽有。
Flex Developer Center
：Adobe Flex开发 者中心，经常会有一些好的教程出现。
FlexBox
：一个收集了网上很多开源 组件的站点，是进阶学习的好帮手。
FlexLib
：Google Code 上面一个开源Flex组件项目。
CFlex
：很好的一个Flex资源站点，包括教程，新闻，资源站点…… 只是页面有点杂乱，大家一般看右边那一栏就行了。
Flex 3 Help
：Adobe 的online 帮助文档。
Getting Started
：Adobe 的online 教程，builder自带的help content 里面也有相关内容。
2. Explorers
Flex 2 Filter Explorer
：用来调节各种滤镜（filter），非官方的，源代码提供下载。
Flex 2 Primitive Explorer
Flex Examples
Flex 2 Component Explorer
Flex 3 Component Explorer
Flex 2 Style Explorers
Flex 3 Style Explorers
Charting Components Explorer
A directory of Adobe Flex components
Flex Style Creator
Easing Effects Explorer
Color Explorer
Cairngorm Diagram Explorer
Flex Enhanced B ......
刚学完JSP，想为Flex配置Tomcat服务器，并不像MyEclipse那么简单。看了很多教程还是觉得挺麻烦的。结合几个教程，成功在http://127.0.0.1:8080/flexserver1/ 中显示出结果。所以把自己的过程叙述一下：
前提： 已安装Flexbuilder3，tomca6.0
下载： blazeds-turnkey-3.3.0.15201 其实可以不用turnkey版的（不明白各种差别就找了一个相对较大的版本下了 ）
下载地址：http://opensource.adobe.com/wiki/display/blazeds/Release+Builds
只要选择一个Binary Distribution版本就可以了。文件为：blazeds-bin-3.2.0.3978.zip。
下载完成后解压。重要的是blazeds.wap 这个文件，用WinRaR打开解压。里面有两个文件夹：META-INF和WEB-INF这两个文件夹。这两个文件夹看起来很熟悉。就是JSP工程下的两个文件夹。
打开Tomcat文件夹下的webapp文件夹。因为之前有做过一些JSP的例子。可以看到一些工程名。猜想这边是存放工程的地方。
在webapp下新建一个文件夹。名字任意，可以是你即将要新建的flex工程的� ......
最新文章 : flex