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
猜你喜欢
转载自uy107uy.iteye.com/blog/1571677
今日推荐
周排行