入门指南：探索ExtJs4框架的下载与结构

ExtJs4入门教程 在这个教程中，我们将从安装和理解ExtJs4的基本架构开始。首先，你需要访问Sencha官网（http://www.sencha.com/products/extjs），通过搜索关键字"extjs4"获取最新版本的框架。注册并登录后，你会收到一个下载链接，用于下载ExtJs4的源码包。 下载并解压源码后，关键目录包括： 1. `src` - 这是源码目录，包含了ExtJs的核心组件和功能实现，是开发者进行深入学习和定制的基础。 2. `docs` - 官方HTML格式的API文档，提供了ExtJs的详细函数和类参考，对于理解和使用框架至关重要。 3. `examples` - 示例代码库，按照组件类别组织，是学习和模仿实际应用的好地方，如窗口组件（Window）示例。 4. `Local` - 国际化资源，包含语言包，用于支持多语言应用。 5. `resources` - 包含CSS、图片等静态资源，以及与框架集成相关的配置文件。 学习过程中，我们从`examples/window`目录入手，观察4.0版本的窗口组件变化，比如可自定义标题位置和子窗体嵌套功能。接下来，打开`window.html`示例，会发现核心需要引入`ext-all.css`和`ext-all.js`来加载框架本身，以及可能的用户自定义脚本`window.js`。 在实际项目中，需要将这些文件复制到Web项目的适当位置。创建一个名为`extjs4`的子目录在WebRoot下，将`ext-all.js`和`resources`（仅保留`ext-all.css`）放入其中，删除不必要的Sass目录。这样就为你的项目设置好了基本的ExtJs4环境。 通过这个入门教程，你将了解到如何下载和配置ExtJs4，以及如何通过阅读和实践例子来熟悉其窗口组件和其他功能。后续的学习将涉及组件的创建、布局管理、事件处理和主题定制等内容，一步步深化对这个强大的前端开发框架的理解。