解析Flex开发环境的搭建

你对Flex开发的概念是否了解,本文介绍Flex开发的基础知识:包括如何搭建开发环境,如何调试,以及如何建立和部署简单的Flex项目。通过本文的学习,可以为您将来深入地学习Flex打下良好的基础。

在河间等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计、成都网站设计 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站建设,营销型网站建设,外贸网站建设,河间网站建设费用合理。

Flex开发入门

Flex作为富Internet应用(RIA)时代的新技术代表,自从2007年Adobe公司将其开源以来,Flex就以***的速度在成长。很多公司,包括IBM都纷纷加入了Flex开发的阵营当中。很多开发人员也按捺不住Flex的“诱惑”而准备从事Flex开发。本文主要讲述Flex开发的基础知识,主要是关于开发环境的搭建,以及介绍简单的Flex项目创建、编码、调试以及部署的过程和Flex编程的基本知识。通过本文的学习,您将会学习如何搭建Flex基本的开发环境以及开发、调试和部署方面的基础知识。为您以后深入系统的学习Flex打下良好的基础。要学习本文,您需要有一定的Web编程经验和EclipseFireFox使用经验。

代码示例和安装要求

本文所有示例均在WindowsXPSP3系统中测试完成。您需要一台能流畅运行WindowsXP系统的机器,除此之外您还需要一些工具才能试用本文中的代码。所有这些工具都可以免费下载(参见参考资源):

◆JavaSDK1.5或更高版本
◆Tomcat6.0或更高版本
◆Eclipse3.3或更高版本
◆FlexBuilder3.0或更高版本
◆FireFox2.0或更高版本

安装配置Flex开发环境

接下来我们便迫不及待的开始吧!首先搭建我们的开发环境,为了减少因为环境不一致而引起的问题,建议读者使用与本文相同的软件版本:

下载并安装JDK(本文使用版本为SunJDK6);
下载并解压Eclipse(本文使用版本为EclipseGanymedeJ2EE版本,含WTP插件);
下载并安装FlexBuilderEclipse插件版(本文使用的FlexBuilder版本为3.0.1);
下载并安装Tomcat(本文使用版本为Tomcat6.0.18);
下载并安装FireFox(由于Flex3.0和一些插件的兼容性问题,本文使用FireFox2.0.0.17)

◆FlexBuilder提供两个版本,一个是Allinone的版本,另外一个是Eclipse的插件版,Allinone的版本内置了一个Eclipse的基本核心,插件不全。所以我们采用单独下载Eclipse和安装FlexBuilder插件版的方式。另外在安装过程中不要安装FlashPlayer到IE或者FireFox上。我们在接下来的步骤中将单独安装debug版本的FlashPlayer。

大家知道Flex代码编译后是一个SWF文件,运行在FlashPlayer中,要想看到SWF文件在运行时输出的一些调试信息是比较困难的。所以在安装好基本的软件之后,我们要安装一些便于我们调试Flex的FireFox插件:

下载并安装debug版本的FireFoxFlashPlayer插件(本文使用的版本为FlashPlayer10)
打开FireFox,到FireFox的扩展组件站点上搜索并安装HttpFox,FlashTracer,CacheStatus三个插件,如图1所示。

图1:开发调试需要的FireFox插件

◆在Debug版本的Flashplayer和FlashTracer插件完成好之后,我们发现FlashTracer并不能正常的显示用trace语句输出的调试信息。为了使其能够工作,还需要先点击图1中的FlashTracer设置按钮来设置日志文件的输出路径。并且输出的日志文件路径对于WindowsXP来说必须是C:\DocumentsandSettings\Administrator\ApplicationData\Macromedia\FlashPlayer\Logs\flashlog.txt。

在安装了Debug版本的FlashPlayer之后,FlashTracer能显示您在程序中用trace()语句输出的调试信息,HttpFox插件不仅能查看HTTP通信的过程和数据,还能看到哪些内容是从Cache里面读取的。另外,CacheStatus插件可以让我们方便的管理缓存。在Flex开发过程中,往往需要先清除掉缓存中的内容,才能看到新改动的效果。

接下来我们打开FlexBuilder,在菜单Window>Preferences>Server>RuntimeEnvironment中设置我们的Tomcat6以及在菜单Window>Preferences>General>WebBrowser中设置浏览器为外部浏览器FireFox,如图2和图3所示:

图2:配置Tomcat

图3:设置默认浏览器

到此为止,我们的Flex开发环境算是彻底搭建完毕,可以看出这个过程并不算是特别简单。别急,先苦后甜,小憩一下,让我们来享受一下Flex开发带来的乐趣吧!

 

【编辑推荐】

  1. Flex开发者必须知道的10件事
  2. Flex安全沙箱问题解决方法
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

文章题目:解析Flex开发环境的搭建
文章转载:http://www.hantingmc.com/qtweb/news2/253402.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联