《Ext概述与框架基础》由会员分享,可在线阅读,更多相关《Ext概述与框架基础(15页珍藏版)》请在金锄头文库上搜索。
1、ExtJs概述与框架基础 0.案例:http:/ 1)什么是ext? Ext是一个Ajax框架,可以用来开发带有华 丽外观的富客户端应用,使得我们的b/s应 用更加具有活力及生命力,提高用户体验 。 Ext是一个用javascript编写,与后台技术无 关的前端ajax框架。因此,可以把Ext用在 .Net、Java、Php等各种开发语言开发的应 用中。 Ext最新版本是ext4.0Ext框架简介 2)Ext提供一系列的对象类, 这些基本上都是用于处理 WEB页面控件的。 Ext开发包的发布包括三个方面的内容: API参考手册、示例程序及开发包。2.Ext开发包 1)EXT API参考手册 示
2、例程序Ext示例程序包共包括十二大类近100示例程序 。2 2)开发包中的示例程序)开发包中的示例程序 3).开发包整体结构一览 adapter :负责将里面提供第三方底层库(包括Ext自带的 底层库)映射为Ext所支持的底层库。 build :压缩后的ext全部源码(里面分类存放)。 docs : API帮助文档。 exmaples:提供使用ExtJs技术做出的小实例。 resources:Ext UI资源文件目录,如CSS、图片文件都存 放在这里面。 source :无压缩Ext全部的源码(里面分类存放) 遵从 Lesser GNU (LGPL) 开源的协议。 ext-all.js :压缩
3、后的Ext全部源码。 ext-all-debug.js :无压缩的Ext全部的源码(用于调试)。 ext-core.js :压缩后的Ext的核心组件,包括sources/core 下的所有类。 ext-core-debug.js :无压缩Ext的核心组件,包括 sources/core下的所有类。ExtExt框架开发包简介框架开发包简介3.怎样搭建EXT运行环境及开发环境开发环境 把Ext的开发包直接复制到WEB工程的目录下helloWord示例程序 新建HTML文件并在页面中引入ExtJS的样式及 ExtJS库文件 (1)样式文件为resources/css/ext-all.css (2)库文件主要包含两个adapter/ext/ext- base.js及ext-all.js (附:其中ext-base.js是框架基础库,ext-all.js 是extjs的核心库)helloWord示例程序 helloWord在HTML直接嵌入代码实现Ext.onReady(function()Ext.Msg.alert(helloWord,Hello Word!););注意:将开发包中的adapter resource文件夹 及ext-all.css文件拷贝到项目中helloWord示例程序