在Eclipse中使用Maven创建SpringMVC项目，项目所需软件及工具可以在官网下载。Maven、Nexus及Eclipse集成Maven等到此配置完毕。
1、Maven创建Web项目、
打开Eclipse，File——》New——》other——》Maven——》Maven Project
选择好创建Maven项目后点击Next进行下一步操作，选择项目存放位置，点击Next。
至此项目创建成功，具体结构如下：
2、添加所需Jar包，打开工程下面的pom.xml文件。内容如下
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.akwl.main</groupId> <artifactId>SpringMVC_Test</artifactId> <packaging>war</packaging> <version>0.0.1-SNAPSHOT</version> <name>SpringMVC_Test Maven Webapp</name> <url>http://maven.apache.org</url> <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> </dependencies> <build> <finalName>SpringMVC_Test</finalName> </build> </project>
修改pom.xml，将项目所需的Jar包添加进工程
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.akwl.main</groupId> <artifactId>WebSystem</artifactId> <packaging>war</packaging> <version>0.0.1-SNAPSHOT</version> <name>WebSystem Maven Webapp</name> <url>http://maven.apache.org</url> <properties> <project.springframework.version>4.0.6.RELEASE</project.springframework.version> <project.springframework.groupId>org.springframework</project.springframework.groupId> </properties> <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> <!-- c3po --> <dependency> <groupId>com.mchange</groupId> <artifactId>c3p0</artifactId> <version>0.9.2.1</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-jdbc</artifactId> <version>${project.springframework.version}</version> </dependency> <!-- start spring 核心依赖包 --> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-core</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-context</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-context-support</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-aop</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-aspects</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-tx</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-beans</artifactId> <version>${project.springframework.version}</version> </dependency> <!-- end spring 核心依赖包 --> <!-- start spring mvc --> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-web</artifactId> <version>${project.springframework.version}</version> </dependency> <dependency> <groupId>${project.springframework.groupId}</groupId> <artifactId>spring-webmvc</artifactId> <version>${project.springframework.version}</version> </dependency> <!-- end spring mvc --> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId> <version>5.1.2.Final</version> </dependency> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>1.2.17</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <!-- START SERVLET --> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.1</version> <scope>provided</scope> </dependency> <!--文件上传 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>1.3</version> </dependency> <!-- 转json --> <dependency> <groupId>com.google.code.gson</groupId> <artifactId>gson</artifactId> <version>2.2.4</version> </dependency> <!-- POI Excel数据导入包begin --> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.10-FINAL</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml-schemas</artifactId> <version>3.10-FINAL</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>3.10-FINAL</version> </dependency> <dependency> <groupId>dom4j</groupId> <artifactId>dom4j</artifactId> <version>1.6.1</version> <type>pom</type> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>openxml4j</artifactId> <version>1.0-beta</version> </dependency> <dependency> <groupId>org.apache.xmlbeans</groupId> <artifactId>xmlbeans</artifactId> <version>2.6.0</version> </dependency> <!-- POI Excel数据导入包end --> </dependencies> <build> <finalName>WebSystem</finalName> </build> </project>
修改完pom.xml文件后跟新项目。在项目——》maven——》Update Project完成项目更新。
3、Spring配置
在src/main/resource文件夹下创建spring配置文件
（ 1）、spring-jdbc.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.2.xsd" default-autowire="byName"> <bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="locations"> <list> <value>/WEB-INF/classes/jdbc.properties</value> </list> </property> </bean> <bean id="datasource" class="com.mchange.v2.c3p0.ComboPooledDataSource"> <property name="driverClass" value="${jdbc.driver}"></property> <property name="jdbcUrl" value="${jdbc.url}"></property> <property name="user" value="${jdbc.user}"></property> <property name="password" value="${jdbc.password}"></property> <property name="initialPoolSize" value="${jdbc.initSize}"></property> <property name="minPoolSize" value="${jdbc.minSize}"></property> <property name="maxPoolSize" value="${jdbc.maxSize}"></property> </bean> <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate"> <property name="dataSource" ref="datasource"></property> </bean> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <property name="dataSource" ref="datasource"></property> </bean> <!-- 事务通知 --> <tx:advice id="txAdvice" transaction-manager="transactionManager"> <!-- 事务语义 --> <tx:attributes> <!-- 所有以 'get' 打头的方法只读 --> <tx:method name="get*" read-only="true"/> <tx:method name="find*" read-only="true"/> <tx:method name="show*" read-only="true"/> <tx:method name="login" read-only="true"/> <!-- 其他方法采用默认事务设置 --> <tx:method name="*"/> </tx:attributes> </tx:advice> <!-- 事务切入点 --> <aop:config> <!-- AspactJ表达式 --> <aop:pointcut id="serviceMethods" expression="execution(* *..service.*Service.*(..))"/> <aop:advisor advice-ref="txAdvice" pointcut-ref="serviceMethods"/> </aop:config> </beans>
（2）、spring-mvc-servlet.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd"> <!-- HandlerMapping,HandlerAdapter,ViewResolver,静态资源访问 --> <!-- 重点扫描action包下的Controller --> <context:component-scan base-package="com.akwl.websystem.web.action.**"></context:component-scan> <!-- 已经注册了 基于Annotation HandlerMapping,HandlerAdapter 添加了常见的类型转换 --> <mvc:annotation-driven validator="validator" conversion-service="convertionService"> <mvc:message-converters> <!-- 处理Ajax请求时返回json字符串的编码 --> <bean class="org.springframework.http.converter.StringHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>application/json;charset=UTF-8</value> <value>text/plain;charset=UTF-8</value> </list> </property> </bean> </mvc:message-converters> </mvc:annotation-driven> <bean id="validator" class="org.springframework.validation.beanvalidation.LocalValidatorFactoryBean"> <property name="providerClass" value="org.hibernate.validator.HibernateValidator"></property> </bean> <!-- 配置一个转换器工厂 --> <bean id="convertionService" class="org.springframework.format.support.FormattingConversionServiceFactoryBean"> <property name="converters"> <list> <!-- 将来更多的自定义转换器注册到这里如果出cuo，则显示：typeMismatch.Target类型=内容 --> <!-- <bean class="cn.hchx.convert.String2Date"> <property name="pattern" value="yyyy-MM-dd"></property> </bean> --> </list> </property> </bean> <!-- 关于返回页面的 ViewResolver--> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" > <property name="order" value="2"></property> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" /> <property name="contentType" value="text/html" /> <property name="prefix" value="/" /> <property name="suffix" value=".jsp" /> </bean> <!-- 采用默认的处理 --> <mvc:default-servlet-handler/> <mvc:resources mapping="/images/**" location="/images/" cache-period="31556926" /> <mvc:resources mapping="/js/**" location="/js/" cache-period="31556926" /> <mvc:resources mapping="/css/**" location="/css/" cache-period="31556926" /> <!-- SpringMVC上传文件时，需要配置MultipartResolver处理器 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="defaultEncoding" value="UTF-8"/> <!-- 指定所上传文件的总大小不能超过200000KB。注意maxUploadSize属性的限制不是针对单个文件，而是所有文件的容量之和 --> <property name="maxUploadSize" value="200000000"/> <property name="uploadTempDir" value="/upload"></property> </bean> <!-- SpringMVC在超出上传文件限制时，会抛出org.springframework.web.multipart.MaxUploadSizeExceededException --> <!-- 该异常是SpringMVC在检查上传的文件信息时抛出来的，而且此时还没有进入到Controller方法中 --> <bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver"> <property name="exceptionMappings"> <props> <!-- 遇到MaxUploadSizeExceededException异常时，自动跳转到/WEB-INF/jsp/error_fileupload.jsp页面 --> <prop key="org.springframework.web.multipart.MaxUploadSizeExceededException">error_fileupload</prop> <prop key="java.io.IOException">error_fileupload</prop> </props> </property> </bean> </beans>
（3）、spring.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd"> <!-- Spring 对 I18n的支持 --> <bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource"> <property name="basename" value="com.bluedigits.ebookserver.web.EBookResource"></property> </bean> <!-- 所有的dao注入 begin <bean id="**Dao" class="com.**.dao.impl.**DaoImpl"> <property name="jdbcTemplate" ref="jdbcTemplate"></property> </bean> --> <!-- 所有的dao注入 end --> <!-- 所有的service注入 begin <bean id="**Service" class="com.**.service.impl.**ServiceImpl"> <property name="**Dao" ref="**Dao"></property> </bean> --> <!-- 所有的service注入 end --> </beans>
（4）、修改web.xml文件
<?xml version="1.0" encoding="UTF-8"?> <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_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>webSystem</display-name> <welcome-file-list> <welcome-file>login.jsp</welcome-file> </welcome-file-list> <!-- Spring的核心容器配置，Ioc容器 --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/classes/spring.xml /WEB-INF/classes/spring-*.xml </param-value> </context-param> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <!-- Spring mvc 的中央控制器配置 --> <servlet> <servlet-name>dispatcherServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/classes/spring-mvc-servlet.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dispatcherServlet</servlet-name> <!-- 注意能够接收所有请求包括静态，因此注意静态资源访问 --> <url-pattern>/</url-pattern> </servlet-mapping> <!-- 乱码解决方案 :过滤器 --> <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</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> <!-- log4j****************************************** --> <!--这里配置了一个listener，也可以配置servlet --> <context-param> <param-name>webAppRootKey</param-name> <param-value>myWebApp.root</param-value> </context-param> <context-param> <param-name>log4jConfigLocation</param-name> <param-value>/WEB-INF/classes/log4j.properties</param-value> </context-param> <listener> <listener-class>org.springframework.web.util.Log4jConfigListener</listener-class> </listener> <!-- ************************************************** --> </web-app>
到此SpringMVC项目创建完成，测试项目，创建LoginAction测试文件
package com.akwl.websystem.web.action; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import com.akwl.websystem.web.util.CookieHelper; /** * * @author peter * @createDate 2015年4月10日上午10:42:19 * @Email zhhy072588@163.com * @see * @version 1.0.0 */ @Controller @RequestMapping("/login") public class LoginAction { @RequestMapping("/checklogin.do") public void CheckLogin(HttpServletRequest request, HttpServletResponse response) { //返回数据 response.setContentType("application/html;charset=UTF-8"); //返回json格式 // response.setContentType("application/json;charset=UTF-8"); String name = request.getParameter("name"); try { PrintWriter outPrintWriter = response.getWriter(); if (name.equals("peter")) { //写入Cookie 保存用户的编号 CookieHelper cookieHelper =new CookieHelper(request, response, "UTF-8"); cookieHelper.writeCookie("userID", "1"); outPrintWriter.write("OK"); outPrintWriter.flush(); outPrintWriter.close(); }else { { outPrintWriter.write("用户名或密码错误！请从新输入!"); outPrintWriter.flush(); outPrintWriter.close(); } } } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }
4、项目测试运行
http://localhost:8080/SpringMVC_Test/login/checklogin.do?name=peter
返回“OK”项目创建成功。
5、添加easyUI
在项目中创建如下目录
打开下载好的jquery-easyui-1.4.2文件，将文件夹下面除demo、demo_mobile、src外文件拷贝到以下目录js/JqueryEasyUI中。
测试页面 index.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <link href="./content/js/JqueryEasyUI/themes/default/easyui.css" rel="stylesheet" /> <link href="./content/js/JqueryEasyUI/themes/icon.css" rel="stylesheet" /> <script src="./content/js/JqueryEasyUI/jquery.min.js"></script> <script src="./content/js/JqueryEasyUI/jquery.easyui.min.js"></script> <script src="./content/js/JqueryEasyUI/locale/easyui-lang-zh_CN.js"></script> <style> #top { text-shadow: 3px 3px 3px red, 6px 6px 6px black, 10px 10px 10px Blue; text-align: center; } #body { overflow-x: hidden; overflow-y: hidden; } .write_a a { color: #FFF; text-decoration: none; } </style> <script> $(function() { initPage(); initData(); }); function initPage() { //读取动态变化的时间 ReadDateTimeShow(); //绑定菜单按钮的点击事件 BindMenuClickEvent(); //这里实现对时间动态的变化 var setTimeInterval = setInterval(ReadDateTimeShow, 1000); //Tab页签的实现 $("#worktab").tabs({}); } function showMenu() { $("#menuList").layout(options) var parentMenu = $("<div class=\"easyui-accordion\" style=\"width:300px;height:200px;\"> hello </div>"); $("#menuList").append(parentMenu); } function initData() { } //绑定菜单按钮的点击事件 MenuLink function BindMenuClickEvent() { $(".MenuLink") .click( function() { //获取按钮里面的src属性 var src = $(this).attr("src"); //将主框架的iframe跳转到菜单指向的地址 //$("#frmWorkArea").attr("src", src); //得到节点的名字来放去Title var title = $(this).text(); //拼接一个Iframe标签 var str = '<iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="' + $(this).attr("src") + '"></iframe>' //首先判断用户是否已经单击了此项，如果单击了直接获取焦点，负责打开 var isExist = $("#worktab").tabs('exists', title); if (!isExist) { //添加tab的节点，调用easyUITab标签的方法 $("#worktab").tabs('add', { title : title, content : str, iconCls : 'icon-save', closable : true }); } else { //如果存在则获取焦点 $("#worktab").tabs('select', title); } }); } //读取动态变化的时间 function ReadDateTimeShow() { var year = new Date().getFullYear(); var month = new Date().getMonth() + 1; var day = new Date().getDate(); var time = new Date().toLocaleTimeString(); var addDate = year + "年" + month + "月" + day + "日,时间:" + time; $("#date").text(addDate); } </script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $(this).hide(); }) }) </script> </head> <body class="easyui-layout"> <!--------------------------------------网站头部开始（TOP）--------------------------------------> <div data-options="region:'north',split:false" style="height: 100px;"> <div class="easyui-layout" data-options="fit:true" style="background: #3591c1;"> <div style="text-align: left; background: #3591c1;"> <h1></h1> <div style="margin-left: 50px; float: left;"> <img src="content/images/toplogo.png" height=60px width=60px /> </div> <div style="margin-left: 50px; float: left;"> <img src="content/images/photo.png" height=60px width=60px style="margin-left: 100px" /> </div> <div style="margin-left: 20px; float: left;"> <div style="height: 11px"></div> <span style="font-size: 19px; color: #FFF;"> Peter ID账号：201107010119 </span> <div style="height: 6px"></div> <span style="font-size: 15px; color: #FFF;" class="write_a"> <a href="#">个人资料</a> | <a href="#">退出</a> </span> </div> <div style="clear: both;"></div> </div> <div style="text-align: right;"> 当前时间：<b id="date"></b>   <a href="./login.jsp"><b>注销</b></a> </div> </div> </div> <!--------------------------------------网站头部结束（TOP）--------------------------------------> <!--------------------------------------网站菜单栏开始（Left）--------------------------------------> <div data-options="region:'west',split:false" title="菜单导航" style="width: 150px; padding: 1px; overflow: hidden;"> <div id="menubox" class="easyui-accordion" data-options="fit:true,border:false"> <jsp:include page="${request.getContextPath}/userPrivileges/showUserMenu.do"></jsp:include> </div> </div> <!--------------------------------------网站结束（Left）--------------------------------------> <!--------------------------------------网站中间部分开始（Center） 面包屑--------------------------------------> <div data-options="region:'center'" style="overflow: hidden;"> <div id="worktab" fit="true"> <div title="欢迎页面" data-options="cache:false"> <iframe id="frmWorkArea" width="100%" height="99%" frameborder="0" scrolling="yes" src="./View/main.jsp"></iframe> </div> </div> </div> <!--------------------------------------网站中间部分结束（Center）--------------------------------------> <!--------------------------------------网站右边菜单开始（Right）--------------------------------------> <div data-options="region:'east',iconCls:'icon-reload',split:false" title="日历信息" style="width: 240px;"> <div class="easyui-calendar" style="width: 230px; height: 230px;"></div> <div style="width: 230px">苦心人，天不负，卧薪尝胆，百二秦关今属楚</div> </div> <!--------------------------------------网站右边菜单结束（Right）--------------------------------------> <!-------------------------------------网站头部开始（Foot）--------------------------------------> <div data-options="region:'south',split:false" title="" style="height: 60px; background: #3591c1;"> <div class="easyui-layout" style="background: #3591c1;"> <div style="text-align: center; padding: 10px;">版权所有：甘肃安科物联通信技术有限公司 </div> </div> </div> <!--------------------------------------网站头部结束（Foot）--------------------------------------> </body> </html>
到此springmvc+easyUI的Web工程创建成功，后续还需要添加DAO和Server层
