搭建与测试ExtJS4开发环境及入门示例

本篇文档是关于ExtJS 4版本的教程，主要介绍了如何在开发环境中搭建和配置ExtJS应用。首先，确保机器上已经安装了Eclipse、Tomcat（或其他JAVA Web应用服务器）以及SQL Server（或MySQL）数据库，如果没有，需先安装这些基础环境。推荐从putdb网站下载WebBuilder的安装包webbuilder.zip，然后按照以下步骤进行： 1. **安装环境**：安装一个JAVA Web应用服务器（如Tomcat）和数据库，创建JNDI链接以连接数据库，这将用于后续的ExtJS应用程序与数据库的交互。 2. **部署WebBuilder**：解压下载的安装包，将其中的wb目录复制到Web应用服务器的webapps/wb目录下，例如在Tomcat中就是webapps/wb。然后通过浏览器访问安装向导，如[http://localhost:8080/wb]进行安装，初始登录用户名和密码为admin。 3. **WebBuilder的安装与配置**：使用管理员账户登录WebBuilder，完成安装过程，这将为您提供一个可视化开发环境。 4. **创建测试示例**：在Webroot目录下创建两个文件：`helloword.js`和`helloword.html`。`helloword.js`作为JavaScript文件，定义了一个名为HelloExt的应用，它使用Ext.container.Viewport创建一个视口容器，并显示一个简单的欢迎消息。`helloword.html`则是HTML页面，引入必要的CSS和JavaScript文件，并链接到自定义的`HelloExt.js`。 通过这个教程，开发者可以学习如何在ExtJS 4环境中创建和运行基本的前端应用程序，包括设置开发环境、编写基础的JavaScript代码以及创建HTML模板。这对于理解和实践ExtJS框架的功能及其在Web开发中的应用至关重要。