人力资源-flex+jump的培训资料VIP专享VIP免费

Flex程序员培训教程Flex产品概述学习FLEX，必须了解什么是RIA。RIA，RichInternetApplication，也就是富互联网应用。这个富字是重点。传统的HTML页面元素非常有限，开发人员在页面刷新和相应速度都受到较大的困扰。FLEX，最开始是由Macromedia公司2004年发布，2005年4月，Adobe公司收购Macromedia公司，现在FLEX系Adobe公司系列产品。官方网站：www.adobe.com.Flex拥有两种开发语言：MXML：一种XML标识语言，用来进行组件布局，数据绑定等，和HTML语言有点类似。ActionScript：现在用的版本是3.0，flex的编程语言，一般业务逻辑操作需要用到，可以完成MXML的所有操作。Flex3包含以下几个部分：Flex3SDK是Flex产品最基础也是必需的组件。包括编译器、Flex类库以及调试工具。FlexBuilder3/flashBuilder4是基于eclipse的集成开发环境。支持可视化界面以及MXML和ActionScript编写,可以下载独立的Flex开发工具（FlexBuilder3/flashBuilder4），也可以下载插件（作为eclipse的插件）使用。Flex的安装FlexBuilder3和FlashBuilder4安装基本一样。选择好语言环境，点击OK，开始安装:安装完成以后，启动FlexFlexBuilder3的启动页面安装好的Flex对应的目录结构如下：Flex开发入门Helloworld案例的开发案例描述通过经典的“HelloWorld”案例来了解Flex的运行方式。Flex对应的插件包对应的sdk文件夹，包含sdk2.0和sdk3.1两个不同的版本FlexBuilder的启动文件开发步骤启动FlexBuilder3通过“开始程序AdobeFlexBuilder3”启动Flex开发环境。创建项目打开FlexBuilder3之后，选择“FileNewFlexProject”创建一个新项目；1)在弹出的“FlexProject”视图中，配置相关参数。“项目名称”：FlexTest，如点击此处切换透视图图2.1-2所示。点击Next,选择Flex编译后的输出目录，默认的就可以了点击Next，可以指定原码路径，默认为src，可以选择SDK的版本等点击Finish。创建好的项目目录结构如下：编译部署、运行选中FlexTest.mxml，打开此文件，输入如下代码1、原码路径编译后输出目录公共库(swc文件)的存放目录选中FlexTest，点击运行效果如下，点击“Helloworld”按钮，弹出一个对话框，显示“HelloWorld!”Flex常用组件1、Label2、TextInput3、TextArea4、ComboBox5、DateField6、Button7、DataGrid。。。。。Label主要用于字段说明，就像下图的“用户名：”和“用户说明”，一般Label字段的显示值不作为数据提交；TextInput用作文本值输入，不支持换行，如果想要输入的值可以换行可以使用TextArea，TextInput和TextArea跟html中text和textarea完成的任务是一样的，用于数据的提交和显示。ComboBox下拉框，提供数据选择，比如说性别、类型等DateField日期框，对于需要用到日期的地方很有用可以通过设置formatString来改变日期的格式，比如说formatString=”YYYY-MM-DD”，则显示的值为“2011-03-08”Button按钮，Button使用非常普遍，在进行前后台交互的时候往往使用按钮来提交数据，DataGrid，用于数据列表的显示，比如说要显示一个查询后的列表集合，DataGrid就非常有用了Flex常用数据校验控件如上图所示，如果输入的字符串超过10位，则提示错误。同样，如果不输入任何字符串则提示“此项为毕输项”，如果输入的字符串小于3为则提示“不能小于3位”，如下图所示：和的使用方式和基本相同，只是这些控件对应的属性不同，不在赘述。这是几种常用的，当然还有其他数据校验控件，比如说对电话号码、信用卡等的校验。Flex深入开发在深入开发过程中将使用FlashBuilder4和SDK3.3版本，用我们在实际开发中使用的UITemplate+jump这两套框架。UITemplate中常用的控件介绍1、文本控件，如下图所示:效果如下，如果单击则可以清空文本框里面的内容：2、显示列表控件（带复选框），如下图所示：效果如下，可以通过选择左边的复选框来进行相应的操作；如果要进行多选，可以设置allowMultipleSelection=”true”,上图导入xmlns:bankcomm=”com.bankcomm.*”是为了...