全面认识Flex应用程序模型

开发 后端
本文向大家简单介绍一下Flex应用程序的创建,Flex是基于组件来进行开发的,为了更有效率地设计和开发应用程序,你应该熟悉这些开发模式以及操作步骤。

本文和大家重点讨论一下如何创建Flex应用程序,Flex创建一个应用程序时,你使用组件(容器/containers和控件/controls)来描述用户的操作界面。并且Flex是基于组件来进行开发的,为了更有效率地设计和开发Flex应用程序,你应该熟悉这些开发模式以及操作步骤。

创建一个Flex应用程序

Flex应用程序模型

Flex创建一个应用程序时,你使用组件(容器/containers和控件/controls)来描述用户的操作界面。例如,容器可以是一个用来进行数据输入的表格容器,如一个盒框/Box或一个栅格/Grid;而控件就是该表格中的元素,如一个按钮/Button或文本输入栏/TextInputfield。

举个例子,在随后的图例中显示了两种不同的盒子容器,它们分别包含了三个按钮控件和一个ComboBox控件:

Flex的MVC模型

为了增强系统的复用性和可维护性,应该采用具有良好体系架构的模型,即Model-View-Controller(MVC)。

1.模型/Model组件封装了数据和与数据相关的行为。
2.视图/View组件定义了应用程序的用户界面。
3.控制器/Controller组件则负责处理程序中的数据连接。

Web服务器的运用

通常地,会涉及到的web服务器类型有:

1.纯web服务器,它们仅将用户的请求回复一个简单的静态HTML页面。在这种情况下,你需要将Flex应用程序的SWF文件嵌入到一个HTML页面中。
2.web应用服务器,如JRun、ColdFusion或者PHP,它们可以动态地生成页面。在这种情况下,你将使用到与服务器技术相关的库,并动态地处理它们的内容。
3.J2EE应用服务器或servlet容器。向一个J2EE应用服务器或servlet容器发出请求,如JRun、Tomcat或WebSphere,通常你需要使用FlexDataServices。

◆程序开发的通常步骤开发Flex应用程序,通常会采用如下的步骤进行:

1.在一个文本编辑器或集成开发环境(IDE)中,如AdobeFlexBuilder、Eclipse或IntelliJ中插入MXML根标签。
2.添加一个或更多容器。
3.在容器中添加控件,如输入栏、按钮和输出栏。
4.定义一种数据模型。
5.添加一个web服务器,HTTP服务器,或向远程Java对象发送请求。
6.为数据输入添加验证。
7.为组件添加脚本。
8.将应用程序编译成SWF文件。
发布应用程序你可以将应用程序发布成一个编译好的SWF文件,或者如果有FlexDataServices的话,

则可以将应用程序发布为一组MXML和ActionScript文件。客户端进行访问的格式分别是:

http://hostname/path/filename.swfhttp://hostname/path/filename.mxml

【编辑推荐】

  1. 深入探究Flex应用程序使用
  2. Flex基础 创建***个Flex项目
  3. 解析Flex事件执行流程
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. 探讨Flex设计理念 如何为Flex应用程序设计界面布局

 

责任编辑:佚名 来源: Adobe.com
相关推荐

2010-08-12 16:28:51

Flex应用程序

2010-08-12 15:35:44

Flex事件机制

2010-08-11 13:46:01

Flex安全沙箱

2010-07-28 12:58:24

Flex DateCh

2010-07-29 09:00:29

Flex弹出窗口

2010-08-11 09:36:12

Flex组件

2010-08-04 09:43:28

Flex应用程序

2010-02-06 14:19:26

ibmdwGoogleMap

2010-08-10 15:26:38

Flex应用程序

2010-08-02 09:10:36

Flex模块化

2010-08-04 14:34:35

Flex编程模型

2012-09-17 11:26:14

IBMdw

2010-07-28 15:21:01

Flex函数

2010-08-12 15:52:34

Flex应用程序

2010-08-12 16:20:57

Flex应用程序

2010-07-05 09:19:35

UML动态模型图

2010-08-13 13:18:20

Flex应用程序

2009-11-23 19:52:55

ibmdwFlex

2009-06-19 17:24:36

ibmdwMashupLotus

2010-08-13 13:05:30

Flex应用程序
点赞
收藏

51CTO技术栈公众号