Flex编码过程

摘要:
Flex编码过程当我们开发Flex程序时,我们会重复其他类型的web程序的过程,例如HTML、JSP、ASP和CFML。Flex还提供代码调试工具。然而,Flex将所有文件编译为一个SWF文件。Flex程序不会在每次用户界面更改或需要处理事件时返回服务器。Flex程序发送HTTP请求以联系外部数据服务,例如网络服务。Flex提供了以下工具来帮助我们在开发过程中测试、调试和调整程序。
Flex编码过程

当我们开发一个Flex程序,我们重复其他类型网络程序的过程,例如HTML,JSP,ASP和CFML。
创建一个有用的Flex程序是很容易的:打开我们最喜欢的文本编辑器,例如Flex Builder,输入XML标签,编译成为SWF文件,部署SWF文件,从网络浏览器中请求SWF文件的地址。
与静态的页面或是由JSP,ASP或是CFML创建的HTML模板集合不同,Flex程序中的文本要编译成为SWF文件。Flex程序与一个JSP,ASP或是ColdFusion程序的另一个主要的不同就是Flex的程序逻辑位于客户端的SWF文件中,而JSP,ASP和ColdFusion是模板系统,在这些系统中程序的处理发生在服务器上,而数据是动态的添加到HTML模板中,并在HTML页面中传递给客户。
因为MXML文件是普通的XML文件,所以我们的开发环境有很大的选择。我们可以在简单的文本编辑器,或是专业的XML编辑器,或是支持文本编辑的集成开发环境中进行开发。Flex同时提供了代码调试工具。

从HTML移到Flex
虽然在一些方面类似,开发Flex程序与开发HTML程序有着极大的不同。HTML的代码主要是在页面文件集合中进行编写。真正构成一个程序是单个的HTML页面。每一个页面必须向服务请求并且单个显示。当一个页面被请求时,例如图像等资源文件必须被装入单个页面来使用。在开发过程中,我们编写代码,保存并且在浏览器中显示一个页面。
为了促进重用性,扩展性以及可修改性,Flex程序的代码也可以被包含在多个文件中。然而,Flex将所有的文件编译成为一个SWF文件。
所成程序的文件被编译进SWF文件。然而程序在运行时可以从外部的数据源请求数据。在开发过程中,我们编写代码,保存并且在浏览器中显示整个程序。
虽然Flex的开发与HTML的开发不同,但是我们却可以很容易的通过使用包装(wrapper)将Flex程序与HTML页面进行复合。在这个包装中,我们可以通过使用标准的HTML的<object>和<embed>标签来指定SWF文件的名字。

从HTM模板环境移到Flex
与JSP,ASP和ColdFusion等环境不同,Flex并不是一个模板系统。MXML文件并不是包含服务器端的处理规则来返回装入模板的模板。相反,MXML可以编译成为一个完全的格式化的可以用来处理服务器端处理逻辑的客户端程序,并且可以通过使用自己的客户端逻辑来改变显示内容。
Flex程序并不会在每次用户界面改变或是事件需要处理时返回到服务器端。逻辑表示与服务器端请求与响应逻辑是作为我们程序的SWF文件的一部分在客户端执行的。在Flex中,用户界面的改变发生在客户端,是基于客户端执行代码的。
Flex程序发出HTTP请求与外部的数据服务进行联系,例如网络服务。与服务器的这种交互并不需要我们刷新程序。

从专业Flash移到Flex
开发一个Flex程序与开发在Adobe的Macromedia Flash Professional中的程序也不同,尽管在这两个开发环境中程序都会被编译成为SWF文件。我们可以在文本文件中创建Flex程序,我们可以在简单的文本编辑器中进行创建与编辑,或者是我们可以在更为复杂的开发环境中进行开发,例如Flex Builder。我们可以将我们的程序编译成为SWF文件,然后将程序发布到网络或是程序服务器。
我们在Flash环境中创建一个Flash文档文件,然后在发布到网站之前保存为SWF文件。他通常在HTML页面中被引用。Flash Professional使用例如时间线,动画帧以及在时间组织和控制程序的层等概念。在Flex中,我们在MXML标签中编写一个程序的声明部分,例如用户界面组件,到数据源的连接。在程序中,我们必须在适当的层次上使用合适的标签,但是却没有时间线,帧或是层等外部概念。通过使用MXML标签,我们可以使用内建的行为创建有用的程序。
虽然Flash与Flex的开发模型不同,Flash是一个可以用来创建自定义的组件和我们可以在Flex程序中使用的可视资源的强大的工具。我们可以将在Flash中创建的文件以组件包的形式导出,称之为SWC文件,然后我们在MXML文件中可以以自定义的标签来引用。我们也可以在Flex程序中使用MXML的<mx:Image>和<mx:SWFLoader>标签来导入SWF文件。

使用Flex开发工具
Flex提供了下列的工具来帮助我们在我们的开发过程中测试,调试和调整们的程序。下表描述了Flex的开发工具:
Flex Builder Flex Builder是使用Flex 2 SDK开发程序的集成开发环境。Flex Builder IDE提供了帮助我们开发,设计以及调试Flex程序的工具,包含了集成的编译器与调试器。
Flash 调试播放器 Flash 调试播放器是一个Flash播放器,可以报告运行时错误,包括未声明的变量错误,未捕获的运行时异常以及与操作系统相关的网络错误。我们可以在一个跟踪窗口中查看错误并且可以将错误发送到一个文本文件中。
命令行调试器 
Flex ActionScript调试器可以让我们打开并且调试我们的Flex程序中所用的ActionScript文件。我们可以在Flex Builder中或是从命令行使用调试器。
mxmlc 如果我们要在网络浏览器中或是在Flash播放器中请求SWF文件时,Flex命令编译器mxmlc是相当有用的。通常对于使用Flash调试播放器来调试SWF文件时是有用的。
compc compc编译器可以从MXML组件源文件或是ActionScript组件源文件来编译生成SWC文件。

免责声明:文章转载自《Flex编码过程》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ruby安装卸载197linux中date命令获取日期信息下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HttpServletResponse、页面文件下载、验证码

summarize 在创建Servlet时,会覆盖service方法或doGet()/doPost(),它俩都是 HTTPServletresponse这些方法都有俩参数,一个是请求request,一个是响应response,HttpServletResponse是ServletResponset的子接口, 浏览器发出http请求,会直接传给Tomcat,...

[转]innerHtml,innerText,outterHtml,outterText 的区别

js中innerHTML与innerText的用法与区别 用法: Java代码 <divid="test"> <spanstyle="color:red">test1</span>test2 </div> <div id="test"> <span style...

GDB如何调试没有符号表(未加-g选项的编译)的程序

/********************************************************************* * Author  : Samson * Date    : 01/30/2015 * Test platform: *              3.13.0-24-generic *              G...

[转]html风格tooltip效果的实现

网页上的图片如果设置了alt属性,当鼠标移经时就会有tooltip出现,但是只能显示一行文本,有时需要多行文本,乃至图片来显示图片、链接或者其它HTML元素的提示信息时,alt属性就无能为力了。在本文提供了一种实现方案:为图片、链接等任意需要tooltip的HTML元素加上一个自定义的属性——"tooltip",tooltip的值即为要显示的提示信息,可以...

css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位

css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位 height:100vh 一些只能vw, vh才能完成的应用场景: 1. 场景之:元素的尺寸限制 vw vh 主要是实现了动态高度百分比布局,比如宽高比不固定的图片,vw很轻易的实现正方形图片缩略图原始大图的尺寸限制问题——因为很有可能图片过大,尼玛一屏显示器区域不够放,我...

pyquery库的使用

pyquery标签选择 获取了所有的img标签(css选择器,你也可以换成不同的class和id) 1 importrequests 2 importre 3 from pyquery importPyQuery as pq 4 headers={ 5 "Accept": "text/html,application/xhtml+xml,appl...