Flex4系列教程之四 – Flash Builder4

蒲公英 提交于 周三, 08/16/2017 - 21:27
Flex
本系列教程目标:使初学者了解富网络应用概念,理解并掌握以下四种架构方法。
1. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + Cairngorm
2. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + Cairngorm
3. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + pureMVC
4. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + pureMVC

 

Flash Builder4 是什么?
Flash Builder4 是一个 Eclipse 插件,版本 4 之前称为 Flex Builder。用于帮助开发者使用 Flex 框架快速开发跨平台的富网络应用。正如下图描述的那样, Flash Builder4 已经集成了 Flex SDK,你不需要再额外下载安装它。  

Flash Builder4 版本及授权
有 4 个版本,分别是:
Flash Builder 4 高级版
Flash Builder 4 标准版
Flash Builder 4 标准教育版
Flash Builder 4 高级教育版

其中“Flash Builder 4 标准教育版“注册(需要提供教师资格的相关证明)后可免费下载使用,其他都是收费的(但有 60 天的试用期)。  

Flash Builder4 开发者
Adobe Systems Incorporated  

Flash Builder4 主要特征

  • 强大的编码工具 借助功能强大、基于 Eclipse™ 的 IDE 进行开发,它包含针对 MXML、ActionScript® 语言和 CSS 的编辑器以及语法颜色、语句完成、代码折叠、交互式点进调试和自动生成常用代码。
  • 丰富的可视布局 使用一个丰富的内建组件库以可视方式设计和预览用户界面布局、外观和行为。扩展内建 Flex 框架组件或根据需要创建新组件。导入使用 Adobe Flash Catalyst™ 交互式设计工具创建的功能性应用程序 UI。
  • 以数据为中心的开发 检查 Java™、PHP、Adobe ColdFusion®、REST 和 SOAP 服务,在新的“Data/Service”(数据/服务)资源管理器中显示方法和属性。使用简单的拖放方法将方法绑定到 UI 组件。
  • 交互式数据可视化 只需使用 Flex Charting 库拖放图表类型并将它链接到数据源,即可创建数据仪表板和交互式数据分析。使用功能强大的 Advanced Datagrid 使用户能浏览复杂数据。
  • 外观与样式设计 使用 CSS 和图形属性编辑器自定义应用程序外观。快速设置最常用的属性,并在“Design”(设计)视图中预览结果。使用新的 Theme Browser(主题浏览器)浏览可用主题,并将它们应用于您的项目。
  • 与 Adobe Creative Suite 设计工具集成 导入使用 Adobe Flash Professional、Illustrator®、Photoshop® 或 Fireworks® 软件创建的设计资源,或导入使用 Flash Catalyst 创建的整个应用程序用户界面。Flash Professional 与 Flash Builder 之间的新工作流程简化了自定义 Flex 组件的导入和更新。
  • 对 Adobe AIR 的本机支持 使用 Flash Builder 4(包括构建、调试、打包和签署 AIR 应用程序所需的全部工具)为 Adobe AIR® 运行时创建应用程序。Adobe AIR 允许您使用与构建浏览器 RIA 相同的技能和代码库快速开发桌面 RIA。
  • 代码重构 通常重命名对类、方法或变量的所有引用,在代码中实现快速导航或对它进行重构。Flash Builder 4 增加了移动重构。
  • 功能强大的测试工具(仅限高级版) 借助内存和性能概要分析器提高应用程序性能,它们可以监视和分析内存消耗情况以及 CPU 周期。还提供对 HP QuickTest Professional 等自动化功能测试工具的支持。
  • Network Monitor(网络监视器)(仅限高级版) 为本地 Flex 应用程序与后端之间通过的全部数据生成一个详细的审计追踪,为调试和性能调试提供协助。
  • 高级数据服务 使用开放源 BlazeDS 添加二进制、高性能、基于 HTTP 的数据传输,或增加 Adobe LiveCycle® Data Services ES2 模块以实现实时数据推送及 pub/sub 消息传递。
  • 命令行构建(仅限高级版) 使用新的命令行构建功能实现构建流程自动化。
  • Flex 单元测试集成(仅限高级版) 使用 Flex 单元测试框架实现功能测试自动化。
  • ASDoc 支持 使用 ASDoc 在 MXML 和 ActionScript 编辑器中显示注释。

对比 Flash Builder4 标准版,Flash Builder4 高级版,Flex Builder3 及 Flex4 SDK 的功能  

Flash Builder4 的系统要求(软件)

  • 操作系统 Microsoft® Windows® XP with Service Pack 3 Windows Vista® Ultimate or Enterprise (32 or 64 bit running in 32-bit mode) Windows Server® 2008 (32 bit) Windows 7 (32 or 64 bit running in 32-bit mode)
  • Java™ 虚拟机 (32 位) IBM® JRE 1.5 Sun™ JRE 1.5 IBM JRE 1.6 Sun JRE 1.6
  • Eclipse 3.4.2 或 3.5 (插件安装)

在 Windows 操作系统上安装 Flash Builder4
Flash Builder4 安装文件有两种形式:”独立安装文件“(即,安装文件已经包含 Eclipse)和“插件安装文件”(不包含 Eclipse)。以下只介绍插件形式的安装。

第一步:下载相关软件
1. 下载 JDK 6(76.67 MB)
2. 下载 Eclipse IDE for Java EE Developers (基于 Eclipse 3.5 SR2,190 MB)
3. 下载 Flash Builder 4 高级版

  • 免费创建一个 Adobe 账号
  • 创建账号成功后会显示“Download Adobe Flash Builder 4 Premium”页面
  • 在下拉菜单中选择“English | Eclipse Plug-in Windows | 403.3 MB”
  • 点击“Download”按钮下载

第二步:安装
1. 安装 JDK;
2. 解压 Eclipse 到指定目录,确保 Eclipse 能正常启动;
3. 安装 Flash Builder 插件之前关闭 Eclipse 和所有浏览器窗口;
4. 运行 Flash Builder 插件;

  • 选择安装前的解压目录
  • 选择语言(这只是安装向导的语言,安装后 IDE 中菜单的语言依据操作系统自动识别)
  • 之后是介绍信息,点“Next”
  • 之后是许可协议,选择同意后点“Next”
  • 之后选择安装路径,点“Next”
  • 指定上面安装的 Eclipse 位置,点“Next”
  • 待执行完启动 Eclipse ,在新建项目弹出窗口中会有“Flash Builder”一项,至此安装完毕。

Flash Builder4 相关文档
Using Flash Builder 4(英文)  

[声明:]
本文部分图片出于 Understanding Flex in the client/server model 一文,感谢原作者的付出。

Blog tags