### EXT学习札记知识点概述
#### 一、EXT简介与特性
**EXT**（Ext JS）是一种基于JavaScript的开源框架，用于构建现代化的Web应用程序。它利用Ajax技术，为用户提供流畅且响应式的交互体验。EXT提供了丰富的用户界面组件库，支持多种后端技术如ASP.NET、C#、JQuery等，这使得开发人员可以轻松地创建跨平台的Web应用。
#### 二、EXT的版本与下载
在本札记中提到的是EXT 2.0版本。该版本可以通过官方提供的链接进行下载：[http://extjs.com/deploy/ext-2.0.2.zip](http://extjs.com/deploy/ext-2.0.2.zip)。EXT 2.0是该框架的一个重要版本，引入了许多新功能和改进，进一步提高了开发者构建复杂Web应用的能力。
#### 三、EXT的学习资源
对于希望深入学习EXT的开发者来说，以下网站提供了一些有用的资源：
- [http://extjs.org.cn/node/125](http://extjs.org.cn/node/125)：这个链接提供了EXT的一些教程和文档。
- [http://extjs.org.cn/](http://extjs.org.cn/)：这是一个综合性的学习网站，涵盖了EXT的各种教程和技术文档。
#### 四、EXT的目录结构与文件说明
EXT的安装包通常包含以下主要目录和文件：
- **adapter**：提供适配器，用于支持不同类型的后端服务，例如ASP.NET或PHP。
- **build**：包含了构建工具和配置文件，用于自定义构建EXT。
- **docs**：提供了EXT API文档，帮助开发者快速查找所需的API信息。
- **examples**：包含了一系列示例程序，展示了EXT的各种用法。
- **resources**：存储了EXT的样式表(CSS)、图片等静态资源。
- **source**：包含了EXT的核心源代码，遵循LGPL协议。
- **ext-all.js**：包含了EXT的所有功能，是一个压缩过的单文件版本。
- **ext-all-debug.js**：类似于ext-all.js，但未经过压缩，便于调试。
- **ext-core.js**：包含了EXT的核心功能。
- **ext-core-debug.js**：类似于ext-core.js，未经过压缩，便于调试。
#### 五、基本页面设置
为了在Web页面中使用EXT，需要添加以下几行代码到HTML文件中：
```html
<link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
```
这里需要注意的是：
- 需要引用样式表文件`ext-all.css`，以确保EXT组件的正常显示。
- 需要先加载`ext-base.js`文件，再加载`ext-all.js`文件，这是因为前者包含了后者运行所需的基础功能。
- 在某些情况下，还需要设置页面的字符集编码，例如`<meta http-equiv="Content-Type" content="text/html;charset=gb2312">`。
#### 六、简单的使用示例
下面是一个简单的示例代码，演示如何在页面加载完成后弹出一个消息框：
```html
<script type="text/javascript" language="javascript">
Ext.onReady(function(){
Ext.Msg.alert('系统提示', '已经成功!');
});
</script>
```
通过以上代码，当页面加载完成时会弹出一个提示框，显示“已经成功!”的消息。
### 结语
EXT作为一个强大的Web应用开发框架，为开发者提供了丰富的工具和资源。通过本文介绍的知识点，希望能帮助初学者更好地理解和掌握EXT的基本用法，进而构建出更加出色的Web应用。
