Flex笔记.doc

*Flex*一、客户端历程：1。C/S： （1）包含了大量的业务逻辑（胖客户端），效率低下，维护困难 （2）客户机需要安装特定的应用程序，后期维护困难（升级） （3）对网络支持较少。2。B/S： （1）客户端只负责和用户交互及必要的有效性验证javasctipt（(调试困难，依赖于浏览器)）（瘦客户端），浏览器。 ajax:局部刷新。 （2）对网络的支持程度提高，但是需要和服务器频繁的交互（网络的压力大，速度受制约）。 （3）由于浏览器对css（样式表）支持程度不同，页面显示调试困难。 3。Flex （1）可以在允许的情况下离线运行。 （2）具备胖客户端可以包含复杂业务逻辑的优势。 （3）有丰富的页面显示效果。RIA：富客户端（Rich Internet Applications）：富互联网应用程序，包含丰富的页面显示和复杂的业务逻辑。4。Flex开发语言：（1）ActionScript:面向对象语言，专注于业务逻辑的开发 （2）MXML：标签。专注于页面显示。MXML由ActionScript实现，只是开发方式不同。.swf文件。 5。布局管理；（1）Application：当前的页面，有绝对的定位，横向，纵向。 xmlns:命名空间 ；layout:布局方式(absolute,vertical,horizontal)（2）VBox：纵向布局。（3）HBox：横向布局。（4）Canvas:绝对定位。（5）Panel:可以带有标题：绝对的定位（absolute:必需要有x.y），横向，纵向。（6）Tile:按行或者列进行排列组件，direction属性分为：横向，纵向。 建议：整行整列排列。（7）ControlBar:工具条：嵌入到容器中(如：Panel)。 （8）ApplicationControlBar:dock=true-页眉：不受滚动条限制， dock=false（默认）：普通的工具条。（9）Form:表单。（10）TextInput:单行输入框（displayAsPassword=true:隐藏输入内容）。（11）ComboBox:下拉列表框。城市下来框； 北京 上海 深圳 （12）CheckBox:多选按钮（selected=true:默认被选中）。 （13）RadioButton:单选（groupName:逻辑分组）。 （14）日历表的显示。 （15）RichTextEditor:有较强的文本编辑功能。 *！表单测试！*用户名和密码：城市下来框； 北京 上海 深圳 兴趣爱好： 性别： 出生日期： 自我介绍： 按钮： 二。ActionScript 语法1。变量： （1）类内的实例变量 格式：修饰词 var _变量名:类型； class User pribate var _id:unit; 2。常量：建议声明时用静态且公有。 命名规范:字符大写； 使用const进行定义；3。基本数据类型： (1)String:字符串。 (2)Number:处理（doubel ,float）,即处理浮点型。 (3)Int:整数。 (4)Uint：处理=0的整数。 (5)Date：时间 (6)Array:数组 (7)Boolean:布尔4。类：文件名必须以.as结束。5.反射：6。setFocus()方法 是获取光标焦点。7.事件触发： （1）文本域() enable=eventHandler(event) （2）按钮()click=eventHandler(event) （3）下拉列标()change=eventHandler(event)8.数据邦定 （1） 可以在中间加载xml。 tom其中userModel,在这里就是根元素。 8.2 (1) 中间是规范的xml。若要在页面中显示xml，只需要调用id的引用(userXML);例如：text.text+=userXML.user.length(); for(var i:uint=0;iuserXML.user.length();i+) text.text+=userID:+userXML.useri.id+n; text.text+=-n; text.text+=userName:+userXML.useri.userName+n; text.text+=-n; text.text+=userPwd:+userXML.useri.userPwd+n; text.text+=-n; 注意：这里调用的是length()方法，而不是length。 e4x的解析模式跟xml一致。 (2)var str:String=; var xml:XML=new XML(str);（3）Bindable:邦定标志，可以标注class(所有成员变量均被邦定)，成员变量 建议只对需要邦定的变量作标注9.creationComplete：所有的组件创建成功之后，可以调用所需方法。 注意：时间晚于initialize.10。Flex中，状态里的内容去除，不然可能导致页面之间不能正常跳转。11.：是把数据放入到一个刚创建的一个表中。数据的提供方12。：定义列标。 12. Object:定义键值对的形式存储。 country,city,stree：t 是键。 中国，北京，王府井：是值13.随机数算法：若两个运算的数num1,num2的大小要求大于0，且不超个某个值（例如：n） (oper:定义为运算符) （1）加法：num1=uint(Math.random()*(n+1); num2=uint(Math.random()*(n+1)-num1); （2）减法：num1uint(Math.random()*(n+1); num2=uint(Math.random()*(n+1)-num1); num1=num1+num2; oper=-; （3）乘法:num1=uint(Math.random()*32); num2=uint(Math.random()*(uint(n.0/32); oper=*; （4）除法:num1=uint(Math.random()*32); num2=uint(Math.random()*(uint(n.0/32)+1; num1=num1*num2; oper=/; 14.模块的组件化:MXML Component15.异步通信：*16。XML: :中间的内容是标准的XML语法书写。 (1).解析: (2). (3).fontSize=18;fontWeight=bold17.selectIntex:获取的是组的索引 selectItem:捕获传递的值 var selectId:uint=uint(idBox.selectedItem); 其中idBox为用户的ID变量名。 18.substr(uint a,uint b)表示:对一个数从第0位开始取，一共取了5位。例如（31.12412，得到的数是31.12）text.text+=String(user.getAvg().substr(0,5); 19.合并单元格:其中 border貌似表示边框（需验证）值班人员星期一星期2星期3 里爱嗯发地方发地方 值班人员星期一星期2星期3 里爱嗯发地方发地方 20。ArrayCollection:在加到表中的效率要比array高。21。HTTPService:与后台服务器进行交互 。注意：一初始化就调用userService里的内容。 决定对userService进行何种操作。22.Tree(树)23.var timer:Timer=new Timer();addListener.if(event.Target=timer) service.send();ActionScript例程(两个文件):User.as文件package com.ch03public class Userprivate var _id:uint;private var _userName:String;private var _userPwd:String;public function User()public function toString():Stringreturn id+, +userName+, +userPwd;public function set id(id:uint):void_id=id;public function set userName(userName:String):void_userName=userName;public function set userPwd(userPwd:String):void_userPwd=userPwd;public function get id():uintreturn _id;public function get userName():Stringreturn _userName;public function get userPwd():Stringreturn _userPwd;ch03文件 var superClassName:String=flash.utils.getQualifiedSuperclassName(student);text.text+=nsuperClassName:+superClassName;var userRef:Class=Class(flash.utils.getDefinitionByName(com.ch03.User);var u:Object=new userRef();u.id=100;u.userName=john;u.userPwd=233;text.text+=nobject:+u;- -用户名和密码68位（超出位数return）由26个大小写字母 或 09的数字 或 或 _组成。(return ,-1)处理要求：去除输入中的空格，以小写为准。失去焦点之后，文本框内容自动修正，输入错误要求提示。user_exam_tblcreate table user_exam_tbl( id number(5) primary key, username varchar2(20), userpwd varchar2(20), cent int default 0);-id userName userPwd 1 tom 123 2 jack 555 user_problem_tblcreate table user_problem_tbl( id number(5) primary key, userid number(5) references user_exam_tbl(id), problemid number(5) not null, num1 int not null, num2 int not null, oper varchar2(2) not null, useranswer int default -1);insert into user_exam_tb1(id,username,userpwd) values (1,tom,123);insert into user_tb1(id,username,userpwd) values (2,klkl,456);insert into user_tb1(id,username,userpwd) values (3,ssm,444);commit;-id userid problemid num1 oper num2 userAnswer 1 1 1 2 1 2 3 2 1 4 2 2 （1）idBoxArrayC.addItem(useri.id);XMLText(2) Bindable private var centBoxArray:Array; Bindable private var idBoxArrayC:ArrayCollection; 从X