上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
2.1 准备工作，配置环境
Eclipse是Java开发中最常用的开发工具，这里以Eclipse 3.2作为开发工具。为了方便编写和调试代码，我们需要安装以下两个插件。
◆ Spket IDE。该插件的安装可参见1.3节的相关内容。
◆ Tomcat插件。该插件到http://www.sysdeo.com/网站下载。安装及配置见其自带文档。
安装上面两个插件之后，就可以选择“文件→新建→项目”命令，这时会弹出一个面板，在该面板中输入项目名“demo”，然后就可以一直单击“下一步”按钮，采用默认方式生成项目。
在这个生成的“demo”项目中，我们需要把下载的整个“extjs”文件夹都复制到该项目的根目录下，如图2.1所示。
图2.1 项目的目录列表
为了使项目目录层次分明，我们需要建立几个子文件夹，图2.1中的“javascript”文件夹用来存放该项目的JS文件，“pic”文件夹用于存放图片目录。为了使该项目能运行起来，还需要在“WEB-INF”文件夹中新建web.xml配置文件，如代码清单2-1-1所示。
代码清单2-1-1 web.xml配置文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation=http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd version="2.4">
<filter>
<filter-name>encodingfilter</filter-name>
<filter-class>com.morik.util.EncodingFilter</filter-class> ①
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping> ②
<filter-name>encodingfilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
该代码用来配置我们创建的新项目，为了能使编码统一，采用统一的UTF-8编码方式。①处的com.morik.util.EncodingFilter类是简单的过滤实现，可以从网上下载或自行实现。
现在整个项目就可以运行起来，单击Eclipse工具栏中的Tomcat启动图标就可以运行该项目，接下来在浏览器中输入“http://localhost:8080/demo/index.jsp”就可以看到所测试的网页效果，说明整个项目已经搭建起来了。