extjs 入门
2014-02-19 11:21
162 查看
查看 版本:打开extjs-all.js或其他的文件,前几行中有类似如下的版本信息: /* * Ext JS Library 2.1 * Copyright(c) 2006-2008, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ http://blog.csdn.net/w_l_j/article/details/7543128 xtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。 一、引入类库文件 Extjs类库介绍: adapter:负责将里面提供第三方底层库(包括Ext 自带的底层库)映射为Ext 所支持的底层库。 build: 压缩后的ext 全部源码(里面分类存放)。 docs: API 帮助文档。 exmaples:提供使用ExtJs 技术做出的小实例。 resources:Ext UI 资源文件目录,如CSS、图片文件都存放在这里面。 source: 无压缩Ext 全部的源码(里面分类存放) 遵从Lesser GNU (LGPL)开源的协议 Ext-all.js:压缩后的Ext 全部源码。 ext-all-debug.js:无压缩的Ext 全部的源码(用于调试)。 ext-core.js:压缩后的Ext 的核心组件,包括sources/core 下的所有类。 ext-core-debug.js:无压缩Ext 的核心组件,包括sources/core 下的所有类。 二、新建一个jsp页面或者html文件并引入js文件和css文件,js文件的引入一定要注意顺序 <!-- 引入extjs的css样式文件 --> <link rel="stylesheet" type="text/css" href="/extjs_01/ext-4.0/resources/css/ext-all.css"> <!-- 引入使用extjs所依赖的js文件 交给引导程序处理--> <script type="text/javascript" src="/extjs_01/ext-4.0/bootstrap.js"></script> <!-- 引入自己的js文件 extjs所依赖的js文件的引入一定要在自己的js之前引入--> <script type="text/javascript" src="/extjs_01/example/lession01/hw.js"></script> 三、建一个自己的js文件 如果自己没有新建js文件,那在上面就不需要引入自己的js文件了,只要在<script></script>中书写代码就可以了 ExtJS优点: 1、 统一主题 2、 UI与数据库解耦 3、 丰富的UI组件 4、 方便测试与调试 5、 优秀的源码 在使用和开发ExtJS之前,可以在工具上安装插件实现智能提示功能(例如:Spket)
相关文章推荐
- ExtJS框架入门
- ExtJS入门之一 类与继承
- ExtJS写的小系统,有源码,献给刚入门的朋友。
- 无废话ExtJs 入门教程二[Hello World]
- Extjs视频教程_Extjs5.0从入门到实战开发信息管理系统
- ExtJs学习笔记基础篇(1)-新手入门Helloword
- ExtJs 入门教程五[文本框:TextField]
- ExtJs 入门教程十二[下拉列表联动:Combobox_Two]
- ExtJS 快速入门 - 自动化构建项目
- ExtJs 入门教程十一[网格面板:GridPanel]
- 无废话ExtJs 入门教程一[学习方法]
- 第三章 Extjs在开发中如何实现代码复用 (入门教程)
- ExtJS入门实例
- Extjs 入门小事例
- ExtJS 2.0入门指南
- ExtJS入门教程03,form中怎能没有validation
- 学习过程:ExtJs入门
- ExtJS4快速入门实例
- ExtJs4入门之五: Ajax类
- PYTHON开发入门与实战14-基于EXTJS的界面