创建一个Flex应用程序简明步骤

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

你对Flex应用程序的概念是否了解,这里和大家简单分享一下创建一个Flex应用程序的方法,Flex创建一个应用程序时,你使用组件(容器/containers和控件/controls)来描述用户的操作界面。

Flex基础

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主题创建及支持的样式设置方式
  3. Flex应用程序与数据连接的方式
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2011-05-11 10:58:39

iOS

2011-03-15 19:45:27

Windows Azu

2010-08-12 15:44:25

Flex应用程序

2011-03-10 10:45:47

Azure“Hello Worl

2011-06-08 10:24:38

Windows Pho 应用程序

2011-06-08 10:01:36

Windows Pho 应用程序

2010-08-04 13:16:23

Flex项目

2010-08-04 14:15:43

Flex应用程序

2010-08-04 09:43:28

Flex应用程序

2010-08-11 09:36:12

Flex组件

2022-06-07 07:21:19

Python内置库命令行

2010-08-02 17:04:43

Flex for ec

2011-06-09 09:31:40

Qt 实例

2023-05-19 08:49:58

SQLAlchemy数据库

2013-01-11 14:45:43

iOS开发移动应用iPhone

2011-08-10 09:31:33

开发iPhone应用程

2010-08-02 09:10:36

Flex模块化

2010-02-06 14:19:26

ibmdwGoogleMap

2010-08-10 15:26:38

Flex应用程序

2010-07-28 14:52:29

Flex国际化
点赞
收藏

51CTO技术栈公众号