[Flex]第一课:flex4开发环境配置与第一个应用程序hello world

第一课:flex4开发环境配置与第一个应用程序hello world

我原本是学教育学的,因为对flex技术略感兴趣,所以业余就想研究一下。我认为学习flex技术,最好的方法莫过于阅读官方文档,其次便是做项目。在我最初学习的时候,我在想,如果有一个人能够把他的学习的过程晒出来,大家沿着他的学习轨迹学习,一定会比较好学一点。

对 于初学者,学习内容若太难了,一下子难于理解。太容易了,又丧失了学习的兴趣与动力。CookBook居说很好,例子很丰富,但CookBook只是单个 例子的集合,针对单个例子没有问题,但正因为如此,才容易给初学者产生误导。写程序,不只是解决问题,对于一个项目,整体的架构与设计很重要,而这些在 CookBook中是看不到的。CookBook有时候为了说明一个问题,并不讲究编码方法与规范,这也往往误导初学者,让初学者以为,这样写就是对的, 就是最好的,其实不然。教程一方面可以帮助初学者理解问题,也可能是在误导。

如果不看CookBook,而读官方livedoc文档,又录如何?也有问题,因为大多了,往往不知从何看起。往往看过后面的,就忘记前面的。昨天 看了一个类的用法,今天再看,觉得还是有一些不明白。对于Flex SDK,它有一个整体的架构,它为什么这么设计,对于一个组件或一个类,它为什么要有这个属性,为什么要有这个方法?这在livedoc中是没有办法直接 学不到的。所以从livedoc学习,是枯燥的,是不高效的,就好像想通过背诵字典来提高文化素养一样。

开源程序员喜欢写一些开源程序open给大家,供大家免费使用,以及学习交流。阅读开源代码,也是学习flex技术的一个好途径。但是,越是完善的 开源框架,越难看得明白。一个开源程序,只所以会如此如此设计,肯定有它的历史演化原因,这些原因i湮没在历史的版本中,很难从最终版本中窥斑见豹。而如 果从svn中究极它的所有版本,再一一消化细细揣磨加以对照,这种精神也不是我等凡人所能具备的。网上有人会对一些开源程序的框架写一些分析评论,但恨往 往只是只言片言,很少有人有耐心把它从头到脚剖析完备的。所以阅读开源代码只能做为学习flex技术的备选项,而非上上策。

看书居说是很不错的选择,但可惜国内目前关于flex方面的好书还是不多,抛去翻译国外的,为赚稿费搪瑟字数的,照搬livedoc的,就廖廖无几 了。当然如果你的英语够好,不妨去读英文原著。最后我便想到第一段中提到的学习方法,即做项目,迭代式的做项目,从一点一滴做起,从零做起,在做的过程中 发现问题,解决问题。所思所想涉及项目的架构与设计,设计模式,与服务端的交互等。我不是flex高手,是一名地地道道的flex初学者,爱好者,我将用 我诚实的笔忠诚的记录我的详细学习过程,希望对读者有益。

我将用flex4技术,以及相关的技术或软件如Flash CS4等,开发一个flex博客系统,它具有常用的博客的一些功能。今天是第一天,首选配置我flex4开发环境,以及编写第一个应用程序hello world。

一, 需要安装的软件

jdk 1.6eclipse 3.4.2Adobe Flex Builder 3.0.2 Professional Eclipse Plug-in,在eclipse中安装jdt及Google Plugin for Eclipse

上述软件的安装比较简单,不在废话。之所以要使用eclipse作为开发环境,是因为同时编写java与flex代码方便,因为我想用java做为 server端的开发语言。安装Google Plugin for Eclipse,是因为我要使用免费的Google App Engine作为web测试服务器。

因为我要使用flex4技术,所以我下载了一个Max Preview版本,即4.0.0.4021版本,安装配置不再详言。

打开Eclipse,新建一个Web Application Project项目,名为gapp_flexblog,默认命名空间为sban.flexblog,用于写server代码。再新建一个Flex Project,名为gapp_flexblog_client,用于编写客户端逻辑。

撰写我的第一个flex4页面:

<?xml version="1.0" encoding="utf-8"?>
<FxApplication xmlns="http://ns.adobe.com/mxml/2009">

 

        <TextGraphic text="hello, world!" />
        
</FxApplication>

flex4的默认命名空间为http://ns.adobe.com/mxml/2009,且默认没有缀,为空,这样编写反而更方便了一些。ok,运行一下,没有问题:
hello world

我创建的Google App Engine app id为flex-blog,站点为http://flex-blog.appspot.com/。首先我把默认创建的Web Applicaton Project布置到Google App Engine。布置方法很简要,点击工具栏中的Deploy按纽。布署完成之后,查看http://flex-blog.appspot.com,没有问 题:
default deploy page

下一步要做的事件是让hello world有动态内容:
1,把flex发布的代码布署到app engine上去
2,flex从server端获取简要数据,实现数据交互

本课最终源码:lesson1.zip

 

http://blog.sban.com.cn/

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏