ExtJS4学习教程：搭建环境与HelloWorld

"这篇资源是关于ExtJS 4.0的中文API学习教程，提供了获取ExtJS、搭建学习环境、创建基本示例等步骤，帮助初学者入门。" ExtJS是一个流行的JavaScript框架，用于构建富客户端应用。版本4.0在功能和性能上都有所提升，提供了丰富的组件库和强大的数据管理机制。本教程主要针对中文用户，弥补了ExtJS 4学习资料的不足。 首先，获取ExtJS 4.0可以通过访问http://extjs.org.cn/来下载官方发布的包。下载完成后，需要搭建学习环境。对于熟悉myeclipse和tomcat的开发者，可以在myeclipse中创建一个新的Webproject项目，并将解压后的ExtJS 4.0.7文件复制到Webroot目录下。官方的Examples目录包含了各种示例代码，尽管其中可能包含PHP代码，但对理解ExtJS的基本用法并无太大影响。 接下来，启动配置好的tomcat服务器，通过浏览器访问http://localhost:8080/Ext4/index.html来检查环境是否正常。如果能看到预期的界面，表示环境搭建成功。同时，可以通过http://localhost:8080/Ext4/docs/index.html查看API文档，以及http://localhost:8080/Ext4/examples/index.html浏览示例页面，这些都是学习过程中非常重要的参考资料。 为了开始实际编程，可以在Webroot目录下创建一个名为`helloworld.js`的JavaScript文件，编写基础的ExtJS代码，例如创建一个面板（Panel）。同时，创建一个`helloworld.html`文件，引入必要的CSS和JS文件。在正确设置路径后，通过浏览器访问http://localhost:8080/Ext4/helloworld.html，如果一切正常，将看到一个显示"HelloExt"标题和"Hello! Welcome to ExtJS."内容的面板。 在ExtJS中，`Ext.onReady`和`Ext.application`是两个核心方法。`Ext.onReady`会在DOM完全加载后执行，确保所有元素都可被脚本访问。而`Ext.application`则是整个应用的入口点，用于初始化应用程序。初学者通常会先接触到这两个方法，通过它们可以开始探索ExtJS的其他高级特性。 在学习过程中，尝试在`Ext.onReady`函数中添加代码，观察页面变化，是理解ExtJS工作原理的好方法。这个过程将帮助开发者逐步掌握ExtJS的组件系统、布局管理、数据绑定等关键概念，从而能够构建复杂且用户友好的Web应用。