maven SpringMVC easyUI项目创建

在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&nbsp;&nbsp;&nbsp;ID账号：201107010119 </span>
                    <div style="height: 6px"></div>
                    <span style="font-size: 15px; color: #FFF;" class="write_a">
                        <a href="#">个人资料</a>&nbsp;|&nbsp;<a href="#">退出</a>
                    </span>
                </div>
                <div style="clear: both;"></div>
            </div>
            <div style="text-align: right;">
                当前时间：<b id="date"></b> &nbsp;&nbsp <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层