ExtJS4.0中文学习手册：搭建环境与HelloWorld

"这是一份中文的ExtJS4.0学习指南，主要目的是为那些不想阅读英文原版文档的学习者提供便利。文档整理了网络上的学习资料，内容涵盖ExtJS的基础知识，包括如何获取和使用ExtJS，如何搭建学习环境，以及如何开始编写基本的ExtJS应用。" 在深入探讨ExtJS4.0之前，我们首先需要理解什么是ExtJS。ExtJS是一个用于构建富客户端Web应用程序的JavaScript库，它提供了丰富的组件和强大的数据管理功能。ExtJS4.0版本带来了许多改进和新特性，比如新的MVC架构、改进的图表和布局管理，以及更强大的组件系统。 要开始学习ExtJS4.0，首先需要从官方网站或者http://extjs.org.cn/下载相应的发布包。下载后，将其解压缩到一个新的Web项目中，例如在MyEclipse中创建一个Webproject项目，并将所有文件复制到Webroot目录下。同时，确保你的开发环境中已经安装了MyEclipse和Tomcat服务器。 为了搭建学习环境，你需要在MyEclipse中创建一个新的Web项目，并将ExtJS4.0.7的文件结构放入Webroot目录。接下来，启动Tomcat服务器，通过访问http://localhost:8080/Ext4/index.html来检查环境是否配置正确。如果能看到预期的界面，说明环境搭建完成。 要开始编写第一个ExtJS应用，可以在Webroot目录下创建一个名为`helloworld.js`的JavaScript文件，编写简单的代码来创建一个面板（Panel）。同时，创建一个`helloworld.html`文件，引入必要的CSS和JavaScript文件。在HTML文件中，确保引用的路径与实际文件位置一致。通过浏览器访问`http://localhost:8080/Ext4/helloworld.html`，如果一切正常，你应该能看到一个标题为"HelloExt"，内容为"Hello! Welcome to ExtJS."的面板。 在ExtJS中，`Ext.onReady`和`Ext.application`是非常关键的方法。`Ext.onReady`会在DOM完全加载后执行，确保所有的元素都可供脚本使用。`Ext.application`则是用来启动ExtJS应用程序的核心方法，它可以管理整个应用的生命周期，包括控制器、模型、视图和存储等。初学者通常会先接触到这两个方法，通过它们开始编写和理解ExtJS的应用逻辑。 在学习过程中，建议尝试在`Ext.onReady`函数中添加代码，观察其对页面的影响，以更好地理解这个方法的作用。此外，通过访问`http://localhost:8080/Ext4/docs/index.html`查看API文档，以及`http://localhost:8080/Ext4/examples/index.html`查看官方提供的示例，这些都将对学习ExtJS4.0大有裨益。 这个中文版的ExtJS4.0学习指南提供了一个系统的学习路径，从基础环境搭建到编写简单应用，再到深入API和实例分析，帮助初学者逐步掌握这一强大的JavaScript框架。通过实践和不断探索，你将能够熟练运用ExtJS4.0来开发复杂的Web应用程序。