RIA技巧入门之Macromedia Flex

RIA技巧入门之Macromedia Flex
2011年07月31日
　　 1 解释
　　本文为Macromedia Flex的入门文档，容易推荐基于Flash平台的RIA技巧。要求读者打听html、javascript、jsp等大约观念。
　　2 RIA是什么
　　2.1 简介
　　RIA是Rich Internet Application的缩写。Internet服务从当时容易的消息公布，进展到到今天的Web利用过程，到即将到来的Rich Internet Application时代，互动性、丰富性不时在加深。RIA将会给众多领土（金融、游戏、门户）带来令人惊诧的用户经验及投资回报。
　　2.2 RIA意味着什么
　　" 鹤立鸡群的Web功能
　　" 更好的用户经验
　　" 更壮大的用户界面
　　" 更好的交互性
　　" 更良好的开发模型
　　" 更壮大的多媒体功能
　　" 更好的数据管教
　　" 更好的过程扼制
　　2.3 RIA处理计划
　　" Macromedia 基于Flash的Flex
　　" Windows的Interactive计划
　　现在的RIA计划除非Macromedia Flex之外，还有微软的Interactive计划。本文重要推荐Macromedia Flex计划。
　　2.4 Flex经验
　　2.4.1 基于博览器的电子相册
　　用户能够告终改动版面格局，回旋、拖动、改动图片大小等等令人惊诧的功能
　　2.4.2 基于博览器的电子仪表盘
　　3 Macromedia Flex
　　3.1 Flex简介
　　" 客户端：极大加深了客户端技巧；客户端只必需Flash Player，获得普遍扶持；
　　" 服务端：盛开平台，接受现在主流几乎所有的服务端技巧。不管你目前利用的服务器是什么（JSP/.Net），都能够安排Flex利用。
　　3.2 系统构造
　　" 服务器端：
　　批准Flex Gateway ＋ 任意一种服务端技巧（例如： J2EE/Servlet容器）；
　　Flex Gateway 将编写好的源文件（ mxml /actionscript），编译成flash的swf款式，输出到客户端；
　　" 客户端：
　　只必需Flash平台
　　4 安排Flex服务端
　　4.1 安装JSP服务器Tomcat
　　" 安装JSP服务器Tomcat 5.5，启用服务。（下文的{Tomcat}指Tomcat安装目录）
　　" 敞开博览器输入地址：[url]http://localhost:8080/看到Tomcat默认主页。
　　4.2 安装Flex Gateway
　　" 安装Flex ShareConnector；
　　" 拷贝Flex安装后文件夹下的samples.war及flex.war到{Tomcat}/webapps目录下；
　　" 敞开[url]http://localhost:8080/samples，点击左边的explorer，看到令人惊诧的Flex利用。
　　4.3 发生自定义Flex服务器搭配
　　" 拷贝Flex安装后文件夹下的flex.war到{Tomcat}/webapps目录下
　　" 复制{Tomcat}/webapps/flex文件夹，修正搭配，即成了自己的服务器搭配
　　" 将编写好的mxml，as，jsp文件都放在复制后的目录下即可
　　5 Flex开发模型
　　5.泰国圣荷1 MXML/Actionscript简介
　　MXML文件：基于XML，用于定义客户端界面；
　　Actionscript：面向对象，用于编写客户端脚本；
　　MXML，基于XML，用于定义客户端界面，互动性极强的界面UI，壮大的数据绑定，编写容易。
　　Actionscript，用于编写客户端脚本，面向对象，强种类化，基于ECMAScript规范。
　　这两者，mxml相当于传统B/S开发形式中的html，专程用于表示层；而actionscript相当于javascript，用于编写脚本逻辑。
　　5.2 MXML与HTML
　　5.2.1 Html版面
　　
　　
　　
　　UserId:

　　Password:

　　
　　
　　
　　5.2.2 Mxml与html比拟
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　（注：这里代码仅供参看，全面例子请见下文。）
　　5.2.3 Mxml优势
　　" 更友好丰富的界面元素
　　" 壮大的数据绑定
　　" XML形式
　　" 可在任何IDE中编写
　　5.3 Actionscript与Javascript
　　5.3.1 Javascript脚本
　　
　　function check()
　　{
　　if(document.frm.username.value == "")
　　{
　　alert("请输入密码");
　　return false;
　　}
　　}
　　
　　5.3.2 Actionscript与javascript比拟
　　import mx.controls.Alert;
　　class VerifyUser{
　　public var userId:String="";
　　function verify(){
　　if(userId == ""){
　　Alert.show("User is nullhttp://www.9tis.info/jiaru/636.html!"http://ww w.dtsqd.info/lianxiwomen/633.html, "Alert Box", Alert.OK);
　　}
　　}
　　}
　　5.3.3 Actionscript优势
　　" 彻底面向对象
　　" 强种类
　　" 基于ECMAScript规范（现在规范由Adobe制订）
　　6 如何安排自己的Flex利用
　　下面，我们利用JSP服务器Tomcat 5.5 作为服务端，IE7.0作为客户端，编写第一个利用。
　　6.1 发生自定义服务器搭配
　　解释：复制{Tomcat}/webapps/flex文件夹，修正搭配，即成了自己的服务器搭配，将编写好的mxml，as，jsp文件都放在复制后的目录下即可。
　　复制flex文件夹，重命名文件夹为flex_testing（必需静止Tomcat服务）
　　（未完待续）那么，光靠一些容易的问题，我们能会意那些混杂的措施吗?
　　openfire的服务器搭配、安排
　　ASP.NET开发三层构造利用过程_71823