mybatis+springmvc+maven+Extjs配置
可参考：原文
1、基本概念
1.1、Spring
Spring 是一个开源框架， Spring 是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作 Expert One-On-One J2EE Development and Design 中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。 Spring 使用基本的 JavaBean 来完成以前只可能由 EJB 完成的事情。然而， Spring 的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何 Java 应用都可以从 Spring 中受益。 简单来说， Spring 是一个轻量级的控制反转（ IoC ）和面向切面（ AOP ）的容器框架。
1.2、SpringMVC
Spring MVC 属于 SpringFrameWork 的后续产品，已经融合在 Spring Web Flow 里面。 Spring MVC 分离了 控制器 、模型 对象 、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。
1.3、MyBatis
MyBatis 本是 apache 的一个开源项目 iBatis , 2010 年这个项目由 apache software foundation 迁移到了 google code ，并且改名为 MyBatis 。 MyBatis 是一个基于 Java 的 持久层 框架。 iBATIS 提供的 持久层 框架包括 SQL Maps 和 Data Access Objects （ DAO ） MyBatis 消除了几乎所有的 JDBC 代码和参数的手工设置以及结果集的检索。 MyBatis 使用简单的 XML 或注解用于配置和原始映射，将接口和 Java 的 POJOs （ Plain Old Java Objects ，普通的 Java 对象）映射成数据库中的记录。
2、开发环境搭建
如果需要，参看之前的博文： http://blog.csdn.net/zhshulin/article/details/30779873
3、Maven Web项目创建——可参考：原文
创建maven项目步骤：
1、首先新建一个maven项目，看图： 
2、按照以上步骤就可以创建一个maven项目，可以看到最下图的目录结构，但是这样的目录结构是不对的，需要做一些修改。
首先为了避免乱码，我们应该将项目编码换成UTF-8，以后项目编码都采用UTF-8，加个字符编码过滤器，乱码就不再“乱”了（不表示没有，但是比较容易解决）。
如果项目乱码--可以参照： [SpringMVC乱码问题](http://blog.csdn.net/u014751358/article/details/50452714)
再次，按照以下图解来进行操作（设置JRE为默认的），这样就会出现完整的、正确的目录结构，至于什么原因，我不是很清楚，应该是个BUG：
最后，还有个index.jsp报错，我们需要引入java ee的jar包即可。在pom.xml中引入：
<dependency>
<groupId>javaxgroupId>
<artifactId>javaee-apiartifactId>
<version>7.0version>
dependency> 至此，完整的目录结构以及正确的项目搞定了。接下来再进行一些配置，毕竟是web项目，需要jstl等等，配置如下：
//项目可能会报错：Cannot change version of project facet Dynamic web module to 3.0 可参照：[原文](http://my.oschina.net/cloudcoder/blog/362949)
问题描述
用Eclipse创建Maven结构的web项目的时候选择了Artifact Id为maven-artchetype-webapp，由于这个catalog比较老，用的servlet还是2.3的，而一般现在都是用3.0，在Project Facets里面修改Dynamic web module为3.0的时候就会出现Cannot change version of project facet Dynamic web module to 3.0，其实在右边可以看到改到3.0需要的条件以及有冲突的facets
解决步骤：
1.把Servlet改成3.0，打开项目的web.xml
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="schedule-console" version="3.0">
<display-name>Project-Namedisplay-name>
<welcome-file-list>
<welcome-file>/view/login.jspwelcome-file>
welcome-file-list>
web-app>2.修改项目的设置，在Navigator下打开项目.settings目录下的org.eclipse.jdt.core.prefs 把1.5改成1.7
eclipse.preferences.version=1
org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.7
org.eclipse.jdt.core.compiler.compliance=1.7
org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
org.eclipse.jdt.core.compiler.source=1.74. 打开org.eclipse.wst.common.project.facet.core.xml 把1.5改成1.7
<faceted-project>
<fixed facet="wst.jsdt.web"/>
<installed facet="jst.web" version="3.0"/>
<installed facet="wst.jsdt.web" version="1.0"/>
<installed facet="java" version="1.7"/>
faceted-project>最后的效果如图：
创建完了Maven项目之后，接下来是SSM的整合:
1、Maven引入需要的JAR包
为了方便后面说的时候不需要引入JAR包，我这里 直接给出所有需要的JAR包，这都是基本的JAR包 ，每个包的是干什么的都有注释，就不再多说了。
使用框架都是较新的版本 ：
Spring 4.0.2 RELEASE
Spring MVC 4.0.2 RELEASE
MyBatis 3.2.6
放到pom.xml里：
<properties>
<spring.version>4.0.2.RELEASEspring.version>
<mybatis.version>3.2.6mybatis.version>
<slf4j.version>1.7.7slf4j.version>
<log4j.version>1.2.17log4j.version>
properties>
<dependencies>
<dependency>
<groupId>junitgroupId>
<artifactId>junitartifactId>
<version>4.11version>
<scope>testscope>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-coreartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-oxmartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-txartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jdbcartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webmvcartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-aopartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-context-supportartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-testartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatisartifactId>
<version>${mybatis.version}version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatis-springartifactId>
<version>1.2.2version>
dependency>
<dependency>
<groupId>javaxgroupId>
<artifactId>javaee-apiartifactId>
<version>7.0version>
dependency>
<dependency>
<groupId>mysqlgroupId>
<artifactId>mysql-connector-javaartifactId>
<version>5.1.30version>
dependency>
<dependency>
<groupId>commons-dbcpgroupId>
<artifactId>commons-dbcpartifactId>
<version>1.2.2version>
dependency>
<dependency>
<groupId>jstlgroupId>
<artifactId>jstlartifactId>
<version>1.2version>
dependency>
<dependency>
<groupId>log4jgroupId>
<artifactId>log4jartifactId>
<version>${log4j.version}version>
dependency>
<dependency>
<groupId>com.alibabagroupId>
<artifactId>fastjsonartifactId>
<version>1.1.41version>
dependency>
<dependency>
<groupId>org.slf4jgroupId>
<artifactId>slf4j-apiartifactId>
<version>${slf4j.version}version>
dependency>
<dependency>
<groupId>org.slf4jgroupId>
<artifactId>slf4j-log4j12artifactId>
<version>${slf4j.version}version>
dependency>
<dependency>
<groupId>org.codehaus.jacksongroupId>
<artifactId>jackson-mapper-aslartifactId>
<version>1.9.13version>
dependency>
<dependency>
<groupId>commons-fileuploadgroupId>
<artifactId>commons-fileuploadartifactId>
<version>1.3.1version>
dependency>
<dependency>
<groupId>commons-iogroupId>
<artifactId>commons-ioartifactId>
<version>2.4version>
dependency>
<dependency>
<groupId>commons-codecgroupId>
<artifactId>commons-codecartifactId>
<version>1.9version>
dependency>
dependencies>2、Spring与MyBatis的整合
所有需要的 JAR 包都引入以后，首先进行 Spring 与 MyBatis 的整合，然后再进行 JUnit 测试，先看一个项目结构图：
2.1、建立JDBC属性文件
jdbc.properties （文件编码修改为 utf-8 ）
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/student_xiaobai?useUnicode=true&characterEncoding=utf8
jdbc.username=root
jdbc.password=123456
#定义初始连接数
initialSize=0
#定义最大连接数
maxActive=20
#定义最大空闲
maxIdle=20
#定义最小空闲
minIdle=1
#定义最长等待时间
maxWait=600002.2、建立applicationContext-dao.xml配置文件
这个文件就是用来完成spring和mybatis的整合的(下面会有与springmvc的整合)。这里面也没多少行配置，主要的就是 自动扫描，自动注入，配置数据库 。注释也很详细，大家看看就明白了。
（在代码里标注TODO的意味着粘贴到你的项目时需要修改的部分）
<beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://www.springframework.org/schema/beans" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
xmlns:cache="http://www.springframework.org/schema/cache"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
http://www.springframework.org/schema/aop
http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-4.0.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
http://www.springframework.org/schema/cache
http://www.springframework.org/schema/cache/spring-cache-4.0.xsd">
<context:component-scan base-package="com.yuannote" />
<context:property-placeholder location="classpath:jdbc.properties" />
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource"
destroy-method="close">
<property name="driverClassName" value="${jdbc.driver}" />
<property name="url" value="${jdbc.url}" />
<property name="username" value="${jdbc.username}" />
<property name="password" value="${jdbc.password}" />
<property name="initialSize" value="${initialSize}">property>
<property name="maxActive" value="${maxActive}">property>
<property name="maxIdle" value="${maxIdle}">property>
<property name="minIdle" value="${minIdle}">property>
<property name="maxWait" value="${maxWait}">property>
bean>
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<property name="mapperLocations" value="classpath:com/yuannote/mapping/*.xml">property>
bean>
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="com.yuannote.mapper" />
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory">property>
bean>
<bean id="transactionManager"
class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource" />
bean>
beans>
2.3、Log4j的配置
为了方便调试，一般都会使用日志来输出信息， Log4j是 Apache 的一个开放源代码项目，通过使用Log4j，我们***可以控制 日志 信息输送的目的地是 控制台 、文件、 GUI 组件，甚至是套接口服务器、 NT 的事件记录器、 UNIX Syslog 守护进程 等；我们也可以控制每一条日志的输出格式；通过定义每一条日志信息的级别，我们能够更加细致地控制日志的生成过程。***
Log4j 的配置很简单，而且也是 通用的 ，下面 给出一个基本的配置 ，换到其他项目中也无需做多大的调整， 如果想做调整 或者想了解 Log4j 的各种配置，参考——[log4j配置](http://blog.csdn.net/zhshulin/article/details/37937365)
下面给出配置文件目录： 
log4j.properties:
#定义LOG输出级别
log4j.rootLogger=INFO,Console,File
#定义日志输出目的地为控制台
log4j.appender.Console=org.apache.log4j.ConsoleAppender
log4j.appender.Console.Target=System.out
#可以灵活地指定日志输出格式，下面一行是指定具体的格式
log4j.appender.Console.layout = org.apache.log4j.PatternLayout
log4j.appender.Console.layout.ConversionPattern=[%c] - %m%n
#文件大小到达指定尺寸的时候产生一个新的文件
log4j.appender.File = org.apache.log4j.RollingFileAppender
#指定输出目录
log4j.appender.File.File = logs/yuannote.log
#定义文件最大大小
log4j.appender.File.MaxFileSize = 10MB
# 输出所以日志，如果换成DEBUG表示输出DEBUG以上级别日志
log4j.appender.File.Threshold = ALL
log4j.appender.File.layout = org.apache.log4j.PatternLayout
log4j.appender.File.layout.ConversionPattern =[%p] [%d{yyyy-MM-dd HH\:mm\:ss}][%c]%m%n2.4、JUnit测试
2.4.1、创建测试用表
既然我们需要测试，那么我们就需要建立在数据库中建立一个测试表，笔者用的是以前自己建立的表，读者可自行创建， SQL 语句为：
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`sid` bigint(20) NOT NULL auto_increment COMMENT '主键id',
`name` varchar(225) NOT NULL,
`password` varchar(255) NOT NULL,
`age` int(11) NOT NULL,
`sex` varchar(20) NOT NULL,
`address` varchar(255) NOT NULL,
`come_time` datetime NOT NULL COMMENT '注册时间',
PRIMARY KEY (`sid`)
) ENGINE=InnoDB AUTO_INCREMENT=43 DEFAULT CHARSET=utf8;
-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES ('40', '小明', 'a64957cb919e442a72250d8128e9928a', '45', '男', '上海市黄浦区', '2015-12-28 00:00:00');2.4.2、利用MyBatis Generator自动创建代码
这个可根据表自动创建实体类、 MyBatis 映射文件以及 DAO 接口 。完成后将文件复制到工程中。如图： 
2.4.3、建立Service接口和实现类
目录结构： 
下面给出具体的内容：
IUserService.java:
package com.yuannote.service;
import com.yuannote.domain.User;
public interface IUserService {
public User getUserById(Long userId);
}
UserServiceImpl.java:
package com.yuannote.service.impl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.yuannote.domain.User;
import com.yuannote.mapper.UserMapper;
import com.yuannote.service.IUserService;
@Service
public class UserServiceImpl implements IUserService {
@Autowired
private UserMapper userMapper;
@Override
public User getUserById(Long sid) {
return this.userMapper.selectByPrimaryKey(sid);
}
}
2.4.4、建立测试类
测试类 在src/test/java中建立 ，下面测试类中 注释掉的部分是不使用 Spring 时，一般情况下的一种测试方法 ；如果使用了 Spring 那么就可以使用注解的方式来引入配置文件和类，然后再将 service 接口对象注入，就可以进行测试了。
如果测试成功，表示 Spring 和 Mybatis 已经整合成功了 。输出信息使用的是 Log4j 打印到控制台。
package yuannote;
import org.apache.log4j.Logger;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.test.context.ContextConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
import com.alibaba.fastjson.JSON;
import com.yuannote.domain.User;
import com.yuannote.service.IUserService;
@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(locations={"classpath:applicationContext-dao.xml"})
public class TestMybatis {
private static Logger logger =Logger.getLogger(TestMybatis.class);
@Autowired
private IUserService userService;
@Test
public void test1(){
User user =userService.getUserById(40L);
logger.info(JSON.toJSONString(user));
}
}
测试结果： 
3、整合SpringMVC
上面已经完成了2大框架的整合，SpringMVC的配置文件单独放，然后在web.xml中配置整合。
3.1、配置applicationContext.xml
配置里面的注释也很详细，在此就不说了，主要是 自动扫描控制器，视图模式，注解的启动 这三个。
<beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://www.springframework.org/schema/beans" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
xmlns:cache="http://www.springframework.org/schema/cache" xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
http://www.springframework.org/schema/aop
http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-4.0.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
http://www.springframework.org/schema/cache
http://www.springframework.org/schema/cache/spring-cache-4.0.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd ">
<context:component-scan base-package="com.yuannote.controller.UserController" />
<bean id="userController" class="com.yuannote.controller.UserController">bean>
<bean id="mappingJacksonHttpMessageConverter"
class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8value>
list>
property>
bean>
<bean
class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="mappingJacksonHttpMessageConverter" />
list>
property>
bean>
<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
bean>
beans>
3.2、配置web.xml文件
这里面对applicationContext-dao.xml的引入以及配置的spring-mvc的Servlet就是为了完成SSM整合，之前2框架整合不需要在此处进行任何配置。配置一样有详细注释，不多解释了。
web.xml
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="schedule-console" version="3.0">
<display-name>yuannotedisplay-name>
<servlet-mapping>
<servlet-name>defaultservlet-name>
<url-pattern>*.gifurl-pattern>
<url-pattern>*.pngurl-pattern>
<url-pattern>*.jpgurl-pattern>
<url-pattern>*.jsurl-pattern>
<url-pattern>*.cssurl-pattern>
<url-pattern>*.xmlurl-pattern>
<url-pattern>*.htmlurl-pattern>
<url-pattern>*.chmurl-pattern>
<url-pattern>*.gzurl-pattern>
<url-pattern>*.txturl-pattern>
<url-pattern>*.ttfurl-pattern>
<url-pattern>*.woffurl-pattern>
<url-pattern>*.woff2url-pattern>
<url-pattern>*.eoturl-pattern>
<url-pattern>*.svgurl-pattern>
<url-pattern>*.swfurl-pattern>
<url-pattern>*.jsturl-pattern>
servlet-mapping>
<context-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath:applicationContext-dao.xmlparam-value>
context-param>
<filter>
<filter-name>encodingFilterfilter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
<async-supported>trueasync-supported>
<init-param>
<param-name>encodingparam-name>
<param-value>UTF-8param-value>
init-param>
filter>
<filter-mapping>
<filter-name>encodingFilterfilter-name>
<url-pattern>/*url-pattern>
filter-mapping>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListenerlistener-class>
listener>
<listener>
<listener-class>org.springframework.web.util.IntrospectorCleanupListenerlistener-class>
listener>
<servlet>
<servlet-name>SpringMVCservlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
<init-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath:applicationContext.xmlparam-value>
init-param>
<load-on-startup>1load-on-startup>
<async-supported>trueasync-supported>
servlet>
<servlet-mapping>
<servlet-name>SpringMVCservlet-name>
<url-pattern>/url-pattern>
servlet-mapping>
<welcome-file-list>
<welcome-file>/index.jspwelcome-file>
welcome-file-list>
web-app>
3.3、测试
至此已经完成了SSM三大框架的整合了，接下来测试一下，如果成功了，那么恭喜你，如果失败了，继续调试吧， 作为程序员就是不停的与BUG做斗争 ！
3.3.1、新建jsp页面
login.jsp 此页面仅输出一下用户名，完成一个 完整的简单流程 。
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>logintitle>
head>
<body>${user}
body>
html>3.3.2、建立UserController类
UserController.java 控制器
package com.yuannote.controller;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import com.yuannote.domain.User;
import com.yuannote.service.IUserService;
@Controller
@RequestMapping("user")
public class UserController {
@Autowired
private IUserService userService;
@RequestMapping("/getUser")
public String test(HttpServletRequest request, Model model) {
User user = this.userService.getUserById(Long.parseLong(request.getParameter("id")));
String userName = user.getName();
model.addAttribute("user", userName);
return "login";
}
}
3.3.3、部署项目
输入地址： localhost:8080/ 项目名称 /user/getUser?id=40 
至此，SSM三大框架的整合就完成了，在此基础上可再添加其他功能。
补充：[maven的标准目录结构](http://blog.csdn.net/lengyue_wy/article/details/6718637)：
Maven提倡使用一个共同的标准目录结构，使开发人员能在熟悉了一个Maven工程后，对其他的Maven工程也能清晰了解。这样做也省去了很多设置的麻烦。以下的文档介绍是Maven希望的目录结构，并且也是目录创建工程是采用的目录结构。Maven推荐大家尽可能的遵守这样的目录结构。
//
写到最后：这是一篇好文章，ssm的配置可谓恶心至极，转载，让后来者少走弯路，感谢原创作者。
另外，在此下载源码。
—————补充：—————
再往下，整合了Extjs（可参考原文）
http://www.cnblogs.com/willick/p/3168809.html
ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，与后台技术无关的前端RIA框架。
1.添加ExtJS引用
首先将下载好的ExtJS压缩包解压，得到如下的目录：
其实要做ExtJS的开发，不用把所有的文件都引入项目，只需要部分文件就可以了。这是我添加到项目中的文件：
1.resources中存放的是皮肤和图片，都是些资源文件，我这里全部都添加到了项目中。你也可以根据自己的需要选择性的添加某一个皮肤样式的资源。
2.ext-all-debug.js 是ExtJS的可调试版本，方便开发人员进行调试。
3.ext-all.js 是发布版本。
4.locale目录存放的是ExtJS的语言包，我们在项目中需要中文的语言包：ext-lang-zh_CN.js
2. 在每页添加如下代码即可引用
<link rel="stylesheet" type="text/css" href="${ext路径 }/extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="${ext路径}/extjs/ext-all.js">script>
<script type="text/javascript" src="${ext路径h }/extjs/locale/ext-lang-zh_CN.js">script>
3.开始编码：
为了验证是否已经成功的引用ExtJS，我们来编写一个程序进行验证。
<script type="text/javascript">
Ext.onReady(function() {
//创建一个窗体
var win = new Ext.Window({
width : 300,
height : 300,
items : [],
modal : true,
buttonAlign : 'center',
buttons : [ {
text : '测试',
id : 'btnTest',
handler : function() {
Ext.Msg.show({
title : '询问',
msg : '您喜欢 ExtJs 吗？',
fn : processResult,
icon : Ext.Msg.QUESTION,
buttons : Ext.Msg.YESNO
});
}
} ]
});
win.show();
});
//询问对话框处理Handler
function processResult(btn) {
Ext.Msg.alert('结果', btn);
}
script>以上面验证框架是否成功的方式，访问该页面，会跳出一个extjs的弹出框，说明配置成功。
至此，Ext配置完成！