资源描述：
《《ria技术》学生报告__计算机软件及应用_it计算机_专业资料》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、2015-2016学年第一学期《RIA技术》学生实验报告学号:姓名：实验报告（一）院系：信息学院课程名称：RIA技术日期：班级信A1321姓名潘光友专业信息管理与信息系统学号09实验室实验名称ExtJS面向对象基础成绩评定教师签名实验目的掌握ExtJs的开发环境，掌握ExtJs的类定义、继承等语法，掌握ExtJs常用的函数实验内容ExtJs的开发环境的搭建，ExtJs的类定义、继承等语法应用，掌握ExtJs常用的工具类Ext.define用法：（1）alias:相当于别名一样,可以起多个,可以通过xty
2、pe和Ext.widget()创建实例:（2）config:类的属性配置,属性可以自动生成geter/seter方法（3）extend:继承,可以继承单个类（4）inheritableStatics:定义静态方法,可以通过"类名.方法名"调用静态方法.类似statics属性,区别是:子类也可以使用该静态方法,但statics属性定义的静态方法子类是不会继承的.（5）mixins:可以实现多继承（6）singleton:创建单例模式的类,如果singleton为true,那么该类不能用通过new创建,也不
3、能被继承（7）statics:与第5个inheritableStatics属性类似,statics属性定义的静态方法子类是不会继承的（8）uses和requires:与requires属性类似,都是对某些类进行引用uses--被引用的类可以在该类之后才加载.requires--被引用的类必须在该类之前加载.1.请运行如下代码，调试结果是？Ext.onReady(function(){Ext.define("Usuario",{nome:"",senha:"",constructor:function(o
4、ptions){Ext.apply(this,options
5、
6、{});console.log("Contrutorfoichamado...");},login:function(){console.log("Fazendologin...");},logout:function(){console.log("Fazendologout...");}},function(){console.log("callbackfoichamado");});varusuario=Ext.create("Usua
7、rio",{nome:"Henrique",senha:"123"});console.log(usuario);});答案：2、类的定义：statics及singleton用法Ext.define("Usuario",{config:{nome:"",senha:""},setNome:function(n){this.nome=n+"*";}});Ext.define("Calculadora",{statics:{numero:0,soma:function(n1,n2){returnn1+n2;
8、}},constructor:function(){this.statics().numero++;}});Ext.define("Constantes",{singleton:true,URL_BLOG:"http://henriquesilvestre.com",FACEBOOK:"http://facebook.com/hsilvest"});Ext.onReady(function(){;});如果要在代码中调用soma、setNome方法及URL_BLOG属性，该如何调用。答：代码如下：Ext
9、.onReady(function(){varusuario=newUsuario({nome:"Henrique",senha:"123"});alert(usuario.getNome(1));alert(Calculadora.soma(1,2));alert(Constantes.URL_BLOG);});效果如下：3、类的继承Ext.onReady(function(){Ext.define("one",{one_1:function(){console.log("oneone_1方法调用")
10、;},one_2:function(){console.log("oneone_2");}});Ext.define("two",{two_1:function(){console.log("twotwo_1方法调用");},two_2:function(){console.log("twotwo_2");}});varthree1=Ext.create("three",{name:'tom'});three1.three_1();});请
