ExtJS环境搭建与配置指南

"EXTJS（搭建环境）学习笔记主要涵盖了如何搭建EXTJS的开发环境，包括所需的工具、软件版本以及详细的配置步骤。笔记作者参考了ExtJS4.1和ExtJS5.1的API，提供了相关链接。在开发环境中，使用了Myeclipse10.7作为IDE，Spket1.6.23作为JavaScript插件，配合Extjs5.1、Java1.6和MySQL5.5进行开发。" EXTJS是Sencha公司推出的一款用于构建富客户端Web应用的JavaScript库，它提供了丰富的组件和强大的数据绑定机制。在学习EXTJS之前，首先需要搭建一个适合开发的环境。以下是根据提供的笔记内容整理的EXTJS开发环境搭建步骤： 1. **安装基础软件**： - **Myeclipse10.7**：一个集成开发环境，用于编写和管理EXTJS项目。 - **Spket1.6.23**：这是一个JavaScript IDE插件，提供代码自动完成、错误检查等功能，帮助开发者更高效地编写EXTJS代码。 - **Java1.6**：EXTJS部分功能依赖Java运行环境。 - **MySQL5.5**：数据库服务，可选，视项目需求而定。 2. **安装Spket插件**： - 将Spket1.6.23解压，将文件复制到Myeclipse的`dropins`目录下，安装完成后可以在Myeclipse的首选项中看到Spket相关的配置。 3. **关联EXTJS SDK**： - 需要下载EXTJS的SDK，如EXTJS4.1或5.1，这里选择了5.1版本。 - 在Myeclipse中配置JavaScript Profile，新建一个名为"ExtJS"的Profile，然后添加Library并关联EXTJS的sdk.jsb3文件，确保设置为默认Profile。 4. **配置Myeclipse以提高开发效率**： - 修改Myeclipse的验证设置，以减少引入EXTJS文件后的验证时间。 - 创建新的js文件，检查Spket插件是否能提供代码提示。 5. **EXTJS文件及作用**： - `Bootstrap.js`：切换应用的正常和开发模式。 - `Ext-all-debug.js`：调试模式用的JavaScript文件。 - `Ext-all.js`：生产环境下的JavaScript文件。 - `Ext-dev.js`：开发模式的JavaScript文件。 - `Ext-lang-zh_CN.js`：中文语言配置文件。 6. **创建Hello World示例**： - 创建`Index.jsp`作为入口页面，引入EXTJS的必要文件。 - 编写`Test.js`，编写EXTJS的组件和应用逻辑。 - 访问`Index.jsp`以测试环境是否配置正确。 7. **使用API**： - 根据项目需求，查阅EXTJS的API文档，例如EXTJS4.1的中文API和EXTJS5.1的英文API。 通过以上步骤，你将能够成功搭建EXTJS的开发环境并开始编写EXTJS应用。在实际开发中，还需要熟悉EXTJS的各种组件、布局、数据绑定等概念，以及如何利用这些工具和API创建复杂的应用界面。