init springmvc项目demo

pom.xml

@@ -11,6 +11,7 @@
     <modules>
         <module>spring_annotation</module>
         <module>springMvc</module>
+        <module>spring_test</module>
     </modules>
 
     <properties>

springMvc/src/main/java/com/config/JdbcConfig.java

@@ -0,0 +1,32 @@
+package com.config;
+
+import com.alibaba.druid.pool.DruidDataSource;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.PropertySource;
+import org.springframework.jdbc.core.JdbcTemplate;
+
+@Configuration
+@PropertySource(value = "classpath:jdbc.properties")
+public class JdbcConfig {
+    @Value("${jdbc.driver}")
+    private String driver;
+    @Value("${jdbc.url}")
+    private String url;
+    @Value("${jdbc.username}")
+    private String userName;
+    @Value("${jdbc.password}")
+    private String password;
+    @Bean
+    public JdbcTemplate backJdbc() {
+        DruidDataSource druidDataSource = new DruidDataSource();
+        druidDataSource.setDriverClassName(driver);
+        druidDataSource.setUrl(url);
+        druidDataSource.setUsername(userName);
+        druidDataSource.setPassword(password);
+        JdbcTemplate jdbcTemplate = new JdbcTemplate();
+        jdbcTemplate.setDataSource(druidDataSource);
+        return jdbcTemplate;
+    }
+}

springMvc/src/main/java/com/controller/JdbcTemplateController.java

@@ -27,12 +27,12 @@ public class JdbcTemplateController {
      */
     @RequestMapping("queryAll")
     @ResponseBody
-    public Map jdbc2() {
+    public List jdbc2() {
         HashMap<String, String> stringStringHashMap = new HashMap<>();
         stringStringHashMap.put("111","zxy");
         List<AEntity> query = jdbcTemplate.query("select * from wb_tbl_a",
                 new BeanPropertyRowMapper<AEntity>(AEntity.class));
-        return stringStringHashMap;
+        return query;
     }
     /**
      * 查询单个

springMvc/src/main/resources/context.xml

@@ -11,16 +11,16 @@
     <!--&lt;!&ndash;        <constructor-arg name="userDao" ref="UserDao"></constructor-arg>&ndash;&gt;-->
     <!--    </bean>-->
 <!--        加载外部 properties文件-->
-        <context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>
-        <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
-            <property name="driverClassName" value="${jdbc.driver}"></property>
-            <property name="url" value="${jdbc.url}"></property>
-            <property name="username" value="${jdbc.username}"></property>
-            <property name="password" value="${jdbc.password}"></property>
-        </bean>
-        <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
-            <property name="dataSource" ref="dataSource"></property>
-        </bean>
+<!--        <context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>-->
+<!--        <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">-->
+<!--            <property name="driverClassName" value="${jdbc.driver}"></property>-->
+<!--            <property name="url" value="${jdbc.url}"></property>-->
+<!--            <property name="username" value="${jdbc.username}"></property>-->
+<!--            <property name="password" value="${jdbc.password}"></property>-->
+<!--        </bean>-->
+<!--        <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">-->
+<!--            <property name="dataSource" ref="dataSource"></property>-->
+<!--        </bean>-->
     <!--    组件扫描-->
     <context:component-scan base-package="com"></context:component-scan>
     <context:component-scan base-package="testCom"></context:component-scan>

spring_test/pom.xml

@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one
+  or more contributor license agreements.  See the NOTICE file
+  distributed with this work for additional information
+  regarding copyright ownership.  The ASF licenses this file
+  to you under the Apache License, Version 2.0 (the
+  "License"); you may not use this file except in compliance
+  with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing,
+  software distributed under the License is distributed on an
+  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+  KIND, either express or implied.  See the License for the
+  specific language governing permissions and limitations
+  under the License.
+-->
+<!-- $Id: pom.xml 642118 2008-03-28 08:04:16Z reinhard $ -->
+<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>
+  <packaging>war</packaging>
+
+  <name>spring_test</name>
+  <groupId>org.example</groupId>
+  <artifactId>spring_test</artifactId>
+  <version>1.0-SNAPSHOT</version>
+
+  <build>
+    <plugins>
+      <plugin>
+        <groupId>org.mortbay.jetty</groupId>
+        <artifactId>maven-jetty-plugin</artifactId>
+        <version>6.1.7</version>
+        <configuration>
+          <connectors>
+            <connector implementation="org.mortbay.jetty.nio.SelectChannelConnector">
+              <port>8888</port>
+              <maxIdleTime>30000</maxIdleTime>
+            </connector>
+          </connectors>
+          <webAppSourceDirectory>${project.build.directory}/${pom.artifactId}-${pom.version}</webAppSourceDirectory>
+          <contextPath>/</contextPath>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+
+  <dependencies>
+    <dependency>
+      <groupId>org.springframework</groupId>
+      <artifactId>spring-webmvc</artifactId>
+      <version>5.3.6</version>
+    </dependency>
+    <dependency>
+      <groupId>mysql</groupId>
+      <artifactId>mysql-connector-java</artifactId>
+      <version>8.0.17</version>
+    </dependency>
+
+    <dependency>
+      <groupId>c3p0</groupId>
+      <artifactId>c3p0</artifactId>
+      <version>0.9.1.2</version>
+    </dependency>
+    <dependency>
+      <groupId>com.alibaba</groupId>
+      <artifactId>druid</artifactId>
+      <version>1.1.10</version>
+    </dependency>
+    <dependency>
+      <groupId>junit</groupId>
+      <artifactId>junit</artifactId>
+      <version>4.12</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>javax.servlet</groupId>
+      <artifactId>javax.servlet-api</artifactId>
+      <version>3.0.1</version>
+      <scope>provided</scope>
+    </dependency>
+    <dependency>
+      <groupId>javax.servlet.jsp</groupId>
+      <artifactId>javax.servlet.jsp-api</artifactId>
+      <version>2.2.1</version>
+      <scope>provided</scope>
+    </dependency>
+    <dependency>
+      <groupId>com.fasterxml.jackson.core</groupId>
+      <artifactId>jackson-core</artifactId>
+      <version>2.9.0</version>
+    </dependency>
+    <dependency>
+      <groupId>com.fasterxml.jackson.core</groupId>
+      <artifactId>jackson-databind</artifactId>
+      <version>2.9.0</version>
+    </dependency>
+    <dependency>
+      <groupId>com.fasterxml.jackson.core</groupId>
+      <artifactId>jackson-annotations</artifactId>
+      <version>2.9.0</version>
+    </dependency>
+    <dependency>
+      <groupId>commons-fileupload</groupId>
+      <artifactId>commons-fileupload</artifactId>
+      <version>1.3.1</version>
+    </dependency>
+    <dependency>
+      <groupId>commons-io</groupId>
+      <artifactId>commons-io</artifactId>
+      <version>2.3</version>
+    </dependency>
+    <dependency>
+      <groupId>commons-logging</groupId>
+      <artifactId>commons-logging</artifactId>
+      <version>1.2</version>
+    </dependency>
+    <dependency>
+      <groupId>org.slf4j</groupId>
+      <artifactId>slf4j-log4j12</artifactId>
+      <version>1.7.7</version>
+    </dependency>
+    <dependency>
+      <groupId>log4j</groupId>
+      <artifactId>log4j</artifactId>
+      <version>1.2.17</version>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework</groupId>
+      <artifactId>spring-jdbc</artifactId>
+      <version>5.0.5.RELEASE</version>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework</groupId>
+      <artifactId>spring-tx</artifactId>
+      <version>5.0.5.RELEASE</version>
+    </dependency>
+    <dependency>
+      <groupId>jstl</groupId>
+      <artifactId>jstl</artifactId>
+      <version>1.2</version>
+    </dependency>
+
+  </dependencies>
+
+</project>

spring_test/src/main/resources/applicationContext.xml

@@ -0,0 +1,15 @@
+<?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:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+">
+
+
+    <!--1、加载jdbc.properties-->
+
+
+
+</beans>

spring_test/src/main/resources/jdbc.properties

@@ -0,0 +1,4 @@
+jdbc.driver=com.mysql.jdbc.Driver
+jdbc.url=jdbc:mysql://localhost:3306/test
+jdbc.username=root
+jdbc.password=root

spring_test/src/main/resources/log4j.properties

@@ -0,0 +1,15 @@
+### direct log messages to stdout ###
+log4j.appender.stdout=org.apache.log4j.ConsoleAppender
+log4j.appender.stdout.Target=System.out
+log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
+log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n
+
+### direct messages to file mylog.log ###
+log4j.appender.file=org.apache.log4j.FileAppender
+log4j.appender.file.File=c:/mylog.log
+log4j.appender.file.layout=org.apache.log4j.PatternLayout
+log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n
+
+### set log levels - for more verbose logging change 'info' to 'debug' ###
+
+log4j.rootLogger=info, stdout

spring_test/src/main/resources/spring-mvc.xml

@@ -0,0 +1,27 @@
+<?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:mvc="http://www.springframework.org/schema/mvc"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+">
+
+    <!--1、mvc注解驱动-->
+    <mvc:annotation-driven/>
+
+    <!--2、配置视图解析器-->
+    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+        <property name="prefix" value="/pages/"/>
+        <property name="suffix" value=".jsp"/>
+    </bean>
+
+    <!--3、静态资源权限开放-->
+    <mvc:default-servlet-handler/>
+
+    <!--4、组件扫描  扫描Controller-->
+    <context:component-scan base-package="com.itheima.controller"/>
+
+</beans>

spring_test/src/main/webapp/403.jsp

@@ -0,0 +1,872 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <!-- 页面meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+
+
+
+    <title>数据 - AdminLTE2定制版</title>
+    <meta name="description" content="AdminLTE2定制版">
+    <meta name="keywords" content="AdminLTE2定制版">
+
+
+
+
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Font Awesome -->
+    <!-- Ionicons -->
+    <!-- iCheck -->
+    <!-- Morris chart -->
+    <!-- jvectormap -->
+    <!-- Date Picker -->
+    <!-- Daterange picker -->
+    <!-- Bootstrap time Picker -->
+    <!--<link rel="stylesheet" href="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">-->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--数据表格-->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- Bootstrap Color Picker -->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--bootstrap-markdown-->
+    <!-- Theme style -->
+    <!-- AdminLTE Skins. Choose a skin from the css/skins
+       folder instead of downloading all of them to reduce the load. -->
+    <!-- Ion Slider -->
+    <!-- ion slider Nice -->
+    <!-- bootstrap slider -->
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+
+
+
+
+
+
+
+
+    <!-- jQuery 2.2.3 -->
+    <!-- jQuery UI 1.11.4 -->
+    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Morris.js charts -->
+    <!-- Sparkline -->
+    <!-- jvectormap -->
+    <!-- jQuery Knob Chart -->
+    <!-- daterangepicker -->
+    <!-- datepicker -->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!-- Slimscroll -->
+    <!-- FastClick -->
+    <!-- iCheck -->
+    <!-- AdminLTE App -->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- bootstrap color picker -->
+    <!-- bootstrap time picker -->
+    <!--<script src="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!--bootstrap-markdown-->
+    <!-- CK Editor -->
+    <!-- InputMask -->
+    <!-- DataTables -->
+    <!-- ChartJS 1.0.1 -->
+    <!-- FLOT CHARTS -->
+    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
+    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
+    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
+    <!-- jQuery Knob -->
+    <!-- Sparkline -->
+    <!-- Morris.js charts -->
+    <!-- Ion Slider -->
+    <!-- Bootstrap slider -->
+    <!-- 页面meta /-->
+
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-purple sidebar-mini">
+
+    <div class="wrapper">
+
+        <!-- 页面头部 -->
+        <header class="main-header">
+
+
+            <!-- Logo -->
+            <a href="all-admin-index.html" class="logo">
+                <!-- mini logo for sidebar mini 50x50 pixels -->
+                <span class="logo-mini"><b>数据</b></span>
+                <!-- logo for regular state and mobile devices -->
+                <span class="logo-lg"><b>数据</b>后台管理</span>
+            </a>
+
+
+            <!-- Header Navbar: style can be found in header.less -->
+            <nav class="navbar navbar-static-top">
+                <!-- Sidebar toggle button-->
+                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
+                    <span class="sr-only">Toggle navigation</span>
+                </a>
+
+                <div class="navbar-custom-menu">
+                    <ul class="nav navbar-nav">
+                        <!-- Messages: style can be found in dropdown.less-->
+                        <li class="dropdown messages-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-envelope-o"></i>
+                                <span class="label label-success">4</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有4个邮件</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- start message -->
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    系统消息
+                                                    <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
+                                                </h4>
+                                                <p>欢迎登录系统?</p>
+                                            </a>
+                                        </li>
+                                        <!-- end message -->
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    团队消息
+                                                    <small><i class="fa fa-clock-o"></i> 2 小时前</small>
+                                                </h4>
+                                                <p>你有新的任务了</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Developers
+                                                    <small><i class="fa fa-clock-o"></i> Today</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Sales Department
+                                                    <small><i class="fa fa-clock-o"></i> Yesterday</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Reviewers
+                                                    <small><i class="fa fa-clock-o"></i> 2 days</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">See All Messages</a></li>
+                            </ul>
+                        </li>
+                        <!-- Notifications: style can be found in dropdown.less -->
+                        <li class="dropdown notifications-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-bell-o"></i>
+                                <span class="label label-warning">10</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有10个新消息</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-aqua"></i> 5 new members joined today
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-red"></i> 5 new members joined
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-shopping-cart text-green"></i> 25 sales made
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-user text-red"></i> You changed your username
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">View all</a></li>
+                            </ul>
+                        </li>
+                        <!-- Tasks: style can be found in dropdown.less -->
+                        <li class="dropdown tasks-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-flag-o"></i>
+                                <span class="label label-danger">9</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有9个新任务</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Design some buttons
+                                                    <small class="pull-right">20%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">20% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Create a nice theme
+                                                    <small class="pull-right">40%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">40% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Some task I need to do
+                                                    <small class="pull-right">60%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">60% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Make beautiful transitions
+                                                    <small class="pull-right">80%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">80% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                    </ul>
+                                </li>
+                                <li class="footer">
+                                    <a href="#">View all tasks</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- User Account: style can be found in dropdown.less -->
+                        <li class="dropdown user user-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="user-image" alt="User Image">
+                                <span class="hidden-xs">张猿猿</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <!-- User image -->
+                                <li class="user-header">
+                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+
+                                    <p>
+                                        张猿猿 - 数据管理员
+                                        <small>最后登录 11:20AM</small>
+                                    </p>
+                                </li>
+                                <!-- Menu Body 
+                        <li class="user-body">
+                            <div class="row">
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Followers</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Sales</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Friends</a>
+                                </div>
+                            </div>
+                        </li>-->
+                                <!-- Menu Footer-->
+                                <li class="user-footer">
+                                    <div class="pull-left">
+                                        <a href="#" class="btn btn-default btn-flat">修改密码</a>
+                                    </div>
+                                    <div class="pull-right">
+                                        <a href="#" class="btn btn-default btn-flat">注销</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </div>
+            </nav>
+        </header>
+        <!-- 页面头部 /-->
+
+        <!-- 导航侧栏 -->
+        <aside class="main-sidebar">
+            <!-- sidebar: style can be found in sidebar.less -->
+            <section class="sidebar">
+                <!-- Sidebar user panel -->
+                <div class="user-panel">
+                    <div class="pull-left image">
+                        <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                    </div>
+                    <div class="pull-left info">
+                        <p>张猿猿</p>
+                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+                    </div>
+                </div>
+                <!-- search form -->
+                <!--<form action="#" method="get" class="sidebar-form">
+            <div class="input-group">
+                <input type="text" name="q" class="form-control" placeholder="搜索..">
+                <span class="input-group-btn">
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
+                </button>
+              </span>
+            </div>
+        </form>-->
+                <!-- /.search form -->
+
+
+                <!-- sidebar menu: : style can be found in sidebar.less -->
+                <ul class="sidebar-menu">
+                    <li class="header">菜单</li>
+
+                    <li id="admin-index"><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> <span>首页</span></a></li>
+
+                    <!-- 菜单 -->
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-folder"></i> <span>后台通用页面</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="admin-login">
+                                <a href="all-admin-login.html">
+                                    <i class="fa fa-circle-o"></i> 登录
+                                </a>
+                            </li>
+
+                            <li id="admin-register">
+                                <a href="all-admin-register.html">
+                                    <i class="fa fa-circle-o"></i> 注册
+                                </a>
+                            </li>
+
+                            <li id="admin-404">
+                                <a href="all-admin-404.html">
+                                    <i class="fa fa-circle-o"></i> 404页
+                                </a>
+                            </li>
+
+                            <li id="admin-500">
+                                <a href="all-admin-500.html">
+                                    <i class="fa fa-circle-o"></i> 500页
+                                </a>
+                            </li>
+
+                            <li id="admin-blank">
+                                <a href="all-admin-blank.html">
+                                    <i class="fa fa-circle-o"></i> 空白页
+                                </a>
+                            </li>
+
+                            <li id="admin-datalist">
+                                <a href="all-admin-datalist.html">
+                                    <i class="fa fa-circle-o"></i> 数据列表页
+                                </a>
+                            </li>
+
+                            <li id="admin-dataform">
+                                <a href="all-admin-dataform.html">
+                                    <i class="fa fa-circle-o"></i> 表单页
+                                </a>
+                            </li>
+
+                            <li id="admin-profile">
+                                <a href="all-admin-profile.html">
+                                    <i class="fa fa-circle-o"></i> 个人中心
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice">
+                                <a href="all-admin-invoice.html">
+                                    <i class="fa fa-circle-o"></i> 发票
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice-print">
+                                <a href="all-admin-invoice-print.html">
+                                    <i class="fa fa-circle-o"></i> 发票打印
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-pie-chart"></i> <span>图表Charts</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="charts-chartjs">
+                                <a href="all-charts-chartjs.html">
+                                    <i class="fa fa-circle-o"></i> ChartJS
+                                </a>
+                            </li>
+
+                            <li id="charts-morris">
+                                <a href="all-charts-morris.html">
+                                    <i class="fa fa-circle-o"></i> Morris Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-flot">
+                                <a href="all-charts-flot.html">
+                                    <i class="fa fa-circle-o"></i> Flot Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-inline">
+                                <a href="all-charts-inline.html">
+                                    <i class="fa fa-circle-o"></i> Inline Charts
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-laptop"></i> <span>UI界面元素</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="elements-general">
+                                <a href="all-elements-general.html">
+                                    <i class="fa fa-circle-o"></i> 标准 General
+                                </a>
+                            </li>
+
+                            <li id="elements-icons">
+                                <a href="all-elements-icons.html">
+                                    <i class="fa fa-circle-o"></i> 图标 Icons
+                                </a>
+                            </li>
+
+                            <li id="elements-buttons">
+                                <a href="all-elements-buttons.html">
+                                    <i class="fa fa-circle-o"></i> 按钮 Buttons
+                                </a>
+                            </li>
+
+                            <li id="elements-sliders">
+                                <a href="all-elements-sliders.html">
+                                    <i class="fa fa-circle-o"></i> 滑块 Sliders
+                                </a>
+                            </li>
+
+                            <li id="elements-timeline">
+                                <a href="all-elements-timeline.html">
+                                    <i class="fa fa-circle-o"></i> 时间线 Timeline
+                                </a>
+                            </li>
+
+                            <li id="elements-modals">
+                                <a href="all-elements-modals.html">
+                                    <i class="fa fa-circle-o"></i> 对话框样式 Modals
+                                </a>
+                            </li>
+
+                            <li id="elements-widgets">
+                                <a href="all-elements-widgets.html">
+                                    <i class="fa fa-circle-o"></i> 窗体小部件 widgets
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-edit"></i> <span>表单 Forms</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="form-general">
+                                <a href="all-form-general.html">
+                                    <i class="fa fa-circle-o"></i> 基础表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-advanced">
+                                <a href="all-form-advanced.html">
+                                    <i class="fa fa-circle-o"></i> 高级表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-editors">
+                                <a href="all-form-editors.html">
+                                    <i class="fa fa-circle-o"></i> 编辑器
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-table"></i> <span>表格 tables</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="tables-simple">
+                                <a href="all-tables-simple.html">
+                                    <i class="fa fa-circle-o"></i> 简单表格
+                                </a>
+                            </li>
+
+                            <li id="tables-data">
+                                <a href="all-tables-data.html">
+                                    <i class="fa fa-circle-o"></i> 数据表格
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cube"></i> <span>样例-订单管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="order-manage">
+                                <a href="all-order-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 全部订单
+                                </a>
+                            </li>
+
+                            <li id="order-cancel">
+                                <a href="all-order-cancel-list.html">
+                                    <i class="fa fa-circle-o"></i> 退款
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-book"></i> <span>样例-游记管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="travellog-manage">
+                                <a href="all-travellog-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记列表
+                                </a>
+                            </li>
+
+                            <li id="travellog-review">
+                                <a href="all-travellog-review-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记点评
+                                </a>
+                            </li>
+
+                            <li id="travellog-setting">
+                                <a href="all-travellog-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 游记设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cogs"></i> <span>样例-系统管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="system-setting">
+                                <a href="all-system-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 系统设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <!-- 菜单 /-->
+
+                    <li id="admin-documentation"><a href="documentation.html" target="_blank"><i class="fa fa-book"></i> <span>AdminLTE汉化文档</span></a></li>
+
+                </ul>
+            </section>
+            <!-- /.sidebar -->
+        </aside>
+        <!-- 导航侧栏 /-->
+
+        <!-- 内容区域 -->
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <section class="content-header">
+                <h1>
+                    403 错误页面
+                </h1>
+
+                <ol class="breadcrumb">
+                    <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
+                    <li class="active">403 错误</li>
+                </ol>
+
+            </section>
+
+            <!-- Main content -->
+            <section class="content">
+                <div class="error-page">
+                    <h2 class="headline text-yellow"> 403</h2>
+
+                    <div class="error-content">
+                        <h3><i class="fa fa-warning text-yellow"></i> Oops! 权限不足.</h3>
+
+                        <p>
+                            没有找到你请求的页面, 你可以 <a href="all-admin-index.html">返回到后台首页</a> 或者通过搜索查询
+                        </p>
+
+                        <form class="search-form">
+                            <div class="input-group">
+                                <input type="text" name="search" class="form-control" placeholder="搜索">
+
+                                <div class="input-group-btn">
+                                    <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
+                </button>
+                                </div>
+                            </div>
+                            <!-- /.input-group -->
+                        </form>
+                    </div>
+                    <!-- /.error-content -->
+                </div>
+                <!-- /.error-page -->
+            </section>
+            <!-- /.content -->
+        </div>
+        <!-- 内容区域 /-->
+
+        <!-- 底部导航 -->
+        <footer class="main-footer">
+            <div class="pull-right hidden-xs">
+                <b>Version</b> 1.0.8
+            </div>
+            <strong>Copyright &copy; 2014-2017 <a href="http://www.itcast.cn">研究院研发部</a>.</strong> All rights reserved.
+        </footer>
+        <!-- 底部导航 /-->
+
+    </div>
+
+
+    <script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+    <script>
+        $.widget.bridge('uibutton', $.ui.button);
+    </script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+    <script>
+        $(document).ready(function() {
+            // 选择框
+            $(".select2").select2();
+
+            // WYSIHTML5编辑器
+            $(".textarea").wysihtml5({
+                locale: 'zh-CN'
+            });
+        });
+
+
+        // 设置激活菜单
+        function setSidebarActive(tagUri) {
+            var liObj = $("#" + tagUri);
+            if (liObj.length > 0) {
+                liObj.parent().parent().addClass("active");
+                liObj.addClass("active");
+            }
+        }
+
+
+        $(document).ready(function() {
+            setSidebarActive("admin-404");
+        });
+    </script>
+</body>
+
+</html>

spring_test/src/main/webapp/404.jsp

@@ -0,0 +1,872 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <!-- 页面meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+
+
+
+    <title>数据 - AdminLTE2定制版</title>
+    <meta name="description" content="AdminLTE2定制版">
+    <meta name="keywords" content="AdminLTE2定制版">
+
+
+
+
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Font Awesome -->
+    <!-- Ionicons -->
+    <!-- iCheck -->
+    <!-- Morris chart -->
+    <!-- jvectormap -->
+    <!-- Date Picker -->
+    <!-- Daterange picker -->
+    <!-- Bootstrap time Picker -->
+    <!--<link rel="stylesheet" href="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">-->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--数据表格-->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- Bootstrap Color Picker -->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--bootstrap-markdown-->
+    <!-- Theme style -->
+    <!-- AdminLTE Skins. Choose a skin from the css/skins
+       folder instead of downloading all of them to reduce the load. -->
+    <!-- Ion Slider -->
+    <!-- ion slider Nice -->
+    <!-- bootstrap slider -->
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+
+
+
+
+
+
+
+
+    <!-- jQuery 2.2.3 -->
+    <!-- jQuery UI 1.11.4 -->
+    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Morris.js charts -->
+    <!-- Sparkline -->
+    <!-- jvectormap -->
+    <!-- jQuery Knob Chart -->
+    <!-- daterangepicker -->
+    <!-- datepicker -->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!-- Slimscroll -->
+    <!-- FastClick -->
+    <!-- iCheck -->
+    <!-- AdminLTE App -->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- bootstrap color picker -->
+    <!-- bootstrap time picker -->
+    <!--<script src="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!--bootstrap-markdown-->
+    <!-- CK Editor -->
+    <!-- InputMask -->
+    <!-- DataTables -->
+    <!-- ChartJS 1.0.1 -->
+    <!-- FLOT CHARTS -->
+    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
+    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
+    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
+    <!-- jQuery Knob -->
+    <!-- Sparkline -->
+    <!-- Morris.js charts -->
+    <!-- Ion Slider -->
+    <!-- Bootstrap slider -->
+    <!-- 页面meta /-->
+
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-purple sidebar-mini">
+
+    <div class="wrapper">
+
+        <!-- 页面头部 -->
+        <header class="main-header">
+
+
+            <!-- Logo -->
+            <a href="all-admin-index.html" class="logo">
+                <!-- mini logo for sidebar mini 50x50 pixels -->
+                <span class="logo-mini"><b>数据</b></span>
+                <!-- logo for regular state and mobile devices -->
+                <span class="logo-lg"><b>数据</b>后台管理</span>
+            </a>
+
+
+            <!-- Header Navbar: style can be found in header.less -->
+            <nav class="navbar navbar-static-top">
+                <!-- Sidebar toggle button-->
+                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
+                    <span class="sr-only">Toggle navigation</span>
+                </a>
+
+                <div class="navbar-custom-menu">
+                    <ul class="nav navbar-nav">
+                        <!-- Messages: style can be found in dropdown.less-->
+                        <li class="dropdown messages-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-envelope-o"></i>
+                                <span class="label label-success">4</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有4个邮件</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- start message -->
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    系统消息
+                                                    <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
+                                                </h4>
+                                                <p>欢迎登录系统?</p>
+                                            </a>
+                                        </li>
+                                        <!-- end message -->
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    团队消息
+                                                    <small><i class="fa fa-clock-o"></i> 2 小时前</small>
+                                                </h4>
+                                                <p>你有新的任务了</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Developers
+                                                    <small><i class="fa fa-clock-o"></i> Today</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Sales Department
+                                                    <small><i class="fa fa-clock-o"></i> Yesterday</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Reviewers
+                                                    <small><i class="fa fa-clock-o"></i> 2 days</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">See All Messages</a></li>
+                            </ul>
+                        </li>
+                        <!-- Notifications: style can be found in dropdown.less -->
+                        <li class="dropdown notifications-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-bell-o"></i>
+                                <span class="label label-warning">10</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有10个新消息</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-aqua"></i> 5 new members joined today
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-red"></i> 5 new members joined
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-shopping-cart text-green"></i> 25 sales made
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-user text-red"></i> You changed your username
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">View all</a></li>
+                            </ul>
+                        </li>
+                        <!-- Tasks: style can be found in dropdown.less -->
+                        <li class="dropdown tasks-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-flag-o"></i>
+                                <span class="label label-danger">9</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有9个新任务</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Design some buttons
+                                                    <small class="pull-right">20%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">20% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Create a nice theme
+                                                    <small class="pull-right">40%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">40% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Some task I need to do
+                                                    <small class="pull-right">60%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">60% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Make beautiful transitions
+                                                    <small class="pull-right">80%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">80% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                    </ul>
+                                </li>
+                                <li class="footer">
+                                    <a href="#">View all tasks</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- User Account: style can be found in dropdown.less -->
+                        <li class="dropdown user user-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="user-image" alt="User Image">
+                                <span class="hidden-xs">张猿猿</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <!-- User image -->
+                                <li class="user-header">
+                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+
+                                    <p>
+                                        张猿猿 - 数据管理员
+                                        <small>最后登录 11:20AM</small>
+                                    </p>
+                                </li>
+                                <!-- Menu Body 
+                        <li class="user-body">
+                            <div class="row">
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Followers</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Sales</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Friends</a>
+                                </div>
+                            </div>
+                        </li>-->
+                                <!-- Menu Footer-->
+                                <li class="user-footer">
+                                    <div class="pull-left">
+                                        <a href="#" class="btn btn-default btn-flat">修改密码</a>
+                                    </div>
+                                    <div class="pull-right">
+                                        <a href="#" class="btn btn-default btn-flat">注销</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </div>
+            </nav>
+        </header>
+        <!-- 页面头部 /-->
+
+        <!-- 导航侧栏 -->
+        <aside class="main-sidebar">
+            <!-- sidebar: style can be found in sidebar.less -->
+            <section class="sidebar">
+                <!-- Sidebar user panel -->
+                <div class="user-panel">
+                    <div class="pull-left image">
+                        <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                    </div>
+                    <div class="pull-left info">
+                        <p>张猿猿</p>
+                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+                    </div>
+                </div>
+                <!-- search form -->
+                <!--<form action="#" method="get" class="sidebar-form">
+            <div class="input-group">
+                <input type="text" name="q" class="form-control" placeholder="搜索..">
+                <span class="input-group-btn">
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
+                </button>
+              </span>
+            </div>
+        </form>-->
+                <!-- /.search form -->
+
+
+                <!-- sidebar menu: : style can be found in sidebar.less -->
+                <ul class="sidebar-menu">
+                    <li class="header">菜单</li>
+
+                    <li id="admin-index"><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> <span>首页</span></a></li>
+
+                    <!-- 菜单 -->
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-folder"></i> <span>后台通用页面</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="admin-login">
+                                <a href="all-admin-login.html">
+                                    <i class="fa fa-circle-o"></i> 登录
+                                </a>
+                            </li>
+
+                            <li id="admin-register">
+                                <a href="all-admin-register.html">
+                                    <i class="fa fa-circle-o"></i> 注册
+                                </a>
+                            </li>
+
+                            <li id="admin-404">
+                                <a href="all-admin-404.html">
+                                    <i class="fa fa-circle-o"></i> 404页
+                                </a>
+                            </li>
+
+                            <li id="admin-500">
+                                <a href="all-admin-500.html">
+                                    <i class="fa fa-circle-o"></i> 500页
+                                </a>
+                            </li>
+
+                            <li id="admin-blank">
+                                <a href="all-admin-blank.html">
+                                    <i class="fa fa-circle-o"></i> 空白页
+                                </a>
+                            </li>
+
+                            <li id="admin-datalist">
+                                <a href="all-admin-datalist.html">
+                                    <i class="fa fa-circle-o"></i> 数据列表页
+                                </a>
+                            </li>
+
+                            <li id="admin-dataform">
+                                <a href="all-admin-dataform.html">
+                                    <i class="fa fa-circle-o"></i> 表单页
+                                </a>
+                            </li>
+
+                            <li id="admin-profile">
+                                <a href="all-admin-profile.html">
+                                    <i class="fa fa-circle-o"></i> 个人中心
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice">
+                                <a href="all-admin-invoice.html">
+                                    <i class="fa fa-circle-o"></i> 发票
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice-print">
+                                <a href="all-admin-invoice-print.html">
+                                    <i class="fa fa-circle-o"></i> 发票打印
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-pie-chart"></i> <span>图表Charts</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="charts-chartjs">
+                                <a href="all-charts-chartjs.html">
+                                    <i class="fa fa-circle-o"></i> ChartJS
+                                </a>
+                            </li>
+
+                            <li id="charts-morris">
+                                <a href="all-charts-morris.html">
+                                    <i class="fa fa-circle-o"></i> Morris Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-flot">
+                                <a href="all-charts-flot.html">
+                                    <i class="fa fa-circle-o"></i> Flot Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-inline">
+                                <a href="all-charts-inline.html">
+                                    <i class="fa fa-circle-o"></i> Inline Charts
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-laptop"></i> <span>UI界面元素</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="elements-general">
+                                <a href="all-elements-general.html">
+                                    <i class="fa fa-circle-o"></i> 标准 General
+                                </a>
+                            </li>
+
+                            <li id="elements-icons">
+                                <a href="all-elements-icons.html">
+                                    <i class="fa fa-circle-o"></i> 图标 Icons
+                                </a>
+                            </li>
+
+                            <li id="elements-buttons">
+                                <a href="all-elements-buttons.html">
+                                    <i class="fa fa-circle-o"></i> 按钮 Buttons
+                                </a>
+                            </li>
+
+                            <li id="elements-sliders">
+                                <a href="all-elements-sliders.html">
+                                    <i class="fa fa-circle-o"></i> 滑块 Sliders
+                                </a>
+                            </li>
+
+                            <li id="elements-timeline">
+                                <a href="all-elements-timeline.html">
+                                    <i class="fa fa-circle-o"></i> 时间线 Timeline
+                                </a>
+                            </li>
+
+                            <li id="elements-modals">
+                                <a href="all-elements-modals.html">
+                                    <i class="fa fa-circle-o"></i> 对话框样式 Modals
+                                </a>
+                            </li>
+
+                            <li id="elements-widgets">
+                                <a href="all-elements-widgets.html">
+                                    <i class="fa fa-circle-o"></i> 窗体小部件 widgets
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-edit"></i> <span>表单 Forms</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="form-general">
+                                <a href="all-form-general.html">
+                                    <i class="fa fa-circle-o"></i> 基础表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-advanced">
+                                <a href="all-form-advanced.html">
+                                    <i class="fa fa-circle-o"></i> 高级表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-editors">
+                                <a href="all-form-editors.html">
+                                    <i class="fa fa-circle-o"></i> 编辑器
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-table"></i> <span>表格 tables</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="tables-simple">
+                                <a href="all-tables-simple.html">
+                                    <i class="fa fa-circle-o"></i> 简单表格
+                                </a>
+                            </li>
+
+                            <li id="tables-data">
+                                <a href="all-tables-data.html">
+                                    <i class="fa fa-circle-o"></i> 数据表格
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cube"></i> <span>样例-订单管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="order-manage">
+                                <a href="all-order-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 全部订单
+                                </a>
+                            </li>
+
+                            <li id="order-cancel">
+                                <a href="all-order-cancel-list.html">
+                                    <i class="fa fa-circle-o"></i> 退款
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-book"></i> <span>样例-游记管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="travellog-manage">
+                                <a href="all-travellog-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记列表
+                                </a>
+                            </li>
+
+                            <li id="travellog-review">
+                                <a href="all-travellog-review-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记点评
+                                </a>
+                            </li>
+
+                            <li id="travellog-setting">
+                                <a href="all-travellog-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 游记设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cogs"></i> <span>样例-系统管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="system-setting">
+                                <a href="all-system-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 系统设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <!-- 菜单 /-->
+
+                    <li id="admin-documentation"><a href="documentation.html" target="_blank"><i class="fa fa-book"></i> <span>AdminLTE汉化文档</span></a></li>
+
+                </ul>
+            </section>
+            <!-- /.sidebar -->
+        </aside>
+        <!-- 导航侧栏 /-->
+
+        <!-- 内容区域 -->
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <section class="content-header">
+                <h1>
+                    404 错误页面
+                </h1>
+
+                <ol class="breadcrumb">
+                    <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
+                    <li class="active">404 错误</li>
+                </ol>
+
+            </section>
+
+            <!-- Main content -->
+            <section class="content">
+                <div class="error-page">
+                    <h2 class="headline text-yellow"> 404</h2>
+
+                    <div class="error-content">
+                        <h3><i class="fa fa-warning text-yellow"></i> Oops! 页面没有找到.</h3>
+
+                        <p>
+                            没有找到你请求的页面, 你可以 <a href="all-admin-index.html">返回到后台首页</a> 或者通过搜索查询
+                        </p>
+
+                        <form class="search-form">
+                            <div class="input-group">
+                                <input type="text" name="search" class="form-control" placeholder="搜索">
+
+                                <div class="input-group-btn">
+                                    <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
+                </button>
+                                </div>
+                            </div>
+                            <!-- /.input-group -->
+                        </form>
+                    </div>
+                    <!-- /.error-content -->
+                </div>
+                <!-- /.error-page -->
+            </section>
+            <!-- /.content -->
+        </div>
+        <!-- 内容区域 /-->
+
+        <!-- 底部导航 -->
+        <footer class="main-footer">
+            <div class="pull-right hidden-xs">
+                <b>Version</b> 1.0.8
+            </div>
+            <strong>Copyright &copy; 2014-2017 <a href="http://www.itcast.cn">研究院研发部</a>.</strong> All rights reserved.
+        </footer>
+        <!-- 底部导航 /-->
+
+    </div>
+
+
+    <script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+    <script>
+        $.widget.bridge('uibutton', $.ui.button);
+    </script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+    <script>
+        $(document).ready(function() {
+            // 选择框
+            $(".select2").select2();
+
+            // WYSIHTML5编辑器
+            $(".textarea").wysihtml5({
+                locale: 'zh-CN'
+            });
+        });
+
+
+        // 设置激活菜单
+        function setSidebarActive(tagUri) {
+            var liObj = $("#" + tagUri);
+            if (liObj.length > 0) {
+                liObj.parent().parent().addClass("active");
+                liObj.addClass("active");
+            }
+        }
+
+
+        $(document).ready(function() {
+            setSidebarActive("admin-404");
+        });
+    </script>
+</body>
+
+</html>

spring_test/src/main/webapp/500.jsp

@@ -0,0 +1,872 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <!-- 页面meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+
+
+
+    <title>数据 - AdminLTE2定制版</title>
+    <meta name="description" content="AdminLTE2定制版">
+    <meta name="keywords" content="AdminLTE2定制版">
+
+
+
+
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Font Awesome -->
+    <!-- Ionicons -->
+    <!-- iCheck -->
+    <!-- Morris chart -->
+    <!-- jvectormap -->
+    <!-- Date Picker -->
+    <!-- Daterange picker -->
+    <!-- Bootstrap time Picker -->
+    <!--<link rel="stylesheet" href="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">-->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--数据表格-->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- Bootstrap Color Picker -->
+    <!-- bootstrap wysihtml5 - text editor -->
+    <!--bootstrap-markdown-->
+    <!-- Theme style -->
+    <!-- AdminLTE Skins. Choose a skin from the css/skins
+       folder instead of downloading all of them to reduce the load. -->
+    <!-- Ion Slider -->
+    <!-- ion slider Nice -->
+    <!-- bootstrap slider -->
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+
+
+
+
+
+
+
+
+    <!-- jQuery 2.2.3 -->
+    <!-- jQuery UI 1.11.4 -->
+    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+    <!-- Bootstrap 3.3.6 -->
+    <!-- Morris.js charts -->
+    <!-- Sparkline -->
+    <!-- jvectormap -->
+    <!-- jQuery Knob Chart -->
+    <!-- daterangepicker -->
+    <!-- datepicker -->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!-- Slimscroll -->
+    <!-- FastClick -->
+    <!-- iCheck -->
+    <!-- AdminLTE App -->
+    <!-- 表格树 -->
+    <!-- select2 -->
+    <!-- bootstrap color picker -->
+    <!-- bootstrap time picker -->
+    <!--<script src="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
+    <!-- Bootstrap WYSIHTML5 -->
+    <!--bootstrap-markdown-->
+    <!-- CK Editor -->
+    <!-- InputMask -->
+    <!-- DataTables -->
+    <!-- ChartJS 1.0.1 -->
+    <!-- FLOT CHARTS -->
+    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
+    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
+    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
+    <!-- jQuery Knob -->
+    <!-- Sparkline -->
+    <!-- Morris.js charts -->
+    <!-- Ion Slider -->
+    <!-- Bootstrap slider -->
+    <!-- 页面meta /-->
+
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-purple sidebar-mini">
+
+    <div class="wrapper">
+
+        <!-- 页面头部 -->
+        <header class="main-header">
+
+
+            <!-- Logo -->
+            <a href="all-admin-index.html" class="logo">
+                <!-- mini logo for sidebar mini 50x50 pixels -->
+                <span class="logo-mini"><b>数据</b></span>
+                <!-- logo for regular state and mobile devices -->
+                <span class="logo-lg"><b>数据</b>后台管理</span>
+            </a>
+
+
+            <!-- Header Navbar: style can be found in header.less -->
+            <nav class="navbar navbar-static-top">
+                <!-- Sidebar toggle button-->
+                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
+                    <span class="sr-only">Toggle navigation</span>
+                </a>
+
+                <div class="navbar-custom-menu">
+                    <ul class="nav navbar-nav">
+                        <!-- Messages: style can be found in dropdown.less-->
+                        <li class="dropdown messages-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-envelope-o"></i>
+                                <span class="label label-success">4</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有4个邮件</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- start message -->
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    系统消息
+                                                    <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
+                                                </h4>
+                                                <p>欢迎登录系统?</p>
+                                            </a>
+                                        </li>
+                                        <!-- end message -->
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    团队消息
+                                                    <small><i class="fa fa-clock-o"></i> 2 小时前</small>
+                                                </h4>
+                                                <p>你有新的任务了</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Developers
+                                                    <small><i class="fa fa-clock-o"></i> Today</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user3-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Sales Department
+                                                    <small><i class="fa fa-clock-o"></i> Yesterday</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <div class="pull-left">
+                                                    <img src="${pageContext.request.contextPath}/img/user4-128x128.jpg" class="img-circle" alt="User Image">
+                                                </div>
+                                                <h4>
+                                                    Reviewers
+                                                    <small><i class="fa fa-clock-o"></i> 2 days</small>
+                                                </h4>
+                                                <p>Why not buy a new awesome theme?</p>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">See All Messages</a></li>
+                            </ul>
+                        </li>
+                        <!-- Notifications: style can be found in dropdown.less -->
+                        <li class="dropdown notifications-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-bell-o"></i>
+                                <span class="label label-warning">10</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有10个新消息</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-aqua"></i> 5 new members joined today
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-users text-red"></i> 5 new members joined
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-shopping-cart text-green"></i> 25 sales made
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i class="fa fa-user text-red"></i> You changed your username
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="footer"><a href="#">View all</a></li>
+                            </ul>
+                        </li>
+                        <!-- Tasks: style can be found in dropdown.less -->
+                        <li class="dropdown tasks-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-flag-o"></i>
+                                <span class="label label-danger">9</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li class="header">你有9个新任务</li>
+                                <li>
+                                    <!-- inner menu: contains the actual data -->
+                                    <ul class="menu">
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Design some buttons
+                                                    <small class="pull-right">20%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">20% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Create a nice theme
+                                                    <small class="pull-right">40%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">40% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Some task I need to do
+                                                    <small class="pull-right">60%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">60% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                        <li>
+                                            <!-- Task item -->
+                                            <a href="#">
+                                                <h3>
+                                                    Make beautiful transitions
+                                                    <small class="pull-right">80%</small>
+                                                </h3>
+                                                <div class="progress xs">
+                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                                        <span class="sr-only">80% Complete</span>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <!-- end task item -->
+                                    </ul>
+                                </li>
+                                <li class="footer">
+                                    <a href="#">View all tasks</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- User Account: style can be found in dropdown.less -->
+                        <li class="dropdown user user-menu">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="user-image" alt="User Image">
+                                <span class="hidden-xs">张猿猿</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                                <!-- User image -->
+                                <li class="user-header">
+                                    <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+
+                                    <p>
+                                        张猿猿 - 数据管理员
+                                        <small>最后登录 11:20AM</small>
+                                    </p>
+                                </li>
+                                <!-- Menu Body 
+                        <li class="user-body">
+                            <div class="row">
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Followers</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Sales</a>
+                                </div>
+                                <div class="col-xs-4 text-center">
+                                    <a href="#">Friends</a>
+                                </div>
+                            </div>
+                        </li>-->
+                                <!-- Menu Footer-->
+                                <li class="user-footer">
+                                    <div class="pull-left">
+                                        <a href="#" class="btn btn-default btn-flat">修改密码</a>
+                                    </div>
+                                    <div class="pull-right">
+                                        <a href="#" class="btn btn-default btn-flat">注销</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </div>
+            </nav>
+        </header>
+        <!-- 页面头部 /-->
+
+        <!-- 导航侧栏 -->
+        <aside class="main-sidebar">
+            <!-- sidebar: style can be found in sidebar.less -->
+            <section class="sidebar">
+                <!-- Sidebar user panel -->
+                <div class="user-panel">
+                    <div class="pull-left image">
+                        <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                    </div>
+                    <div class="pull-left info">
+                        <p>张猿猿</p>
+                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+                    </div>
+                </div>
+                <!-- search form -->
+                <!--<form action="#" method="get" class="sidebar-form">
+            <div class="input-group">
+                <input type="text" name="q" class="form-control" placeholder="搜索..">
+                <span class="input-group-btn">
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
+                </button>
+              </span>
+            </div>
+        </form>-->
+                <!-- /.search form -->
+
+
+                <!-- sidebar menu: : style can be found in sidebar.less -->
+                <ul class="sidebar-menu">
+                    <li class="header">菜单</li>
+
+                    <li id="admin-index"><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> <span>首页</span></a></li>
+
+                    <!-- 菜单 -->
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-folder"></i> <span>后台通用页面</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="admin-login">
+                                <a href="all-admin-login.html">
+                                    <i class="fa fa-circle-o"></i> 登录
+                                </a>
+                            </li>
+
+                            <li id="admin-register">
+                                <a href="all-admin-register.html">
+                                    <i class="fa fa-circle-o"></i> 注册
+                                </a>
+                            </li>
+
+                            <li id="admin-404">
+                                <a href="all-admin-404.html">
+                                    <i class="fa fa-circle-o"></i> 404页
+                                </a>
+                            </li>
+
+                            <li id="admin-500">
+                                <a href="all-admin-500.html">
+                                    <i class="fa fa-circle-o"></i> 500页
+                                </a>
+                            </li>
+
+                            <li id="admin-blank">
+                                <a href="all-admin-blank.html">
+                                    <i class="fa fa-circle-o"></i> 空白页
+                                </a>
+                            </li>
+
+                            <li id="admin-datalist">
+                                <a href="all-admin-datalist.html">
+                                    <i class="fa fa-circle-o"></i> 数据列表页
+                                </a>
+                            </li>
+
+                            <li id="admin-dataform">
+                                <a href="all-admin-dataform.html">
+                                    <i class="fa fa-circle-o"></i> 表单页
+                                </a>
+                            </li>
+
+                            <li id="admin-profile">
+                                <a href="all-admin-profile.html">
+                                    <i class="fa fa-circle-o"></i> 个人中心
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice">
+                                <a href="all-admin-invoice.html">
+                                    <i class="fa fa-circle-o"></i> 发票
+                                </a>
+                            </li>
+
+                            <li id="admin-invoice-print">
+                                <a href="all-admin-invoice-print.html">
+                                    <i class="fa fa-circle-o"></i> 发票打印
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-pie-chart"></i> <span>图表Charts</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="charts-chartjs">
+                                <a href="all-charts-chartjs.html">
+                                    <i class="fa fa-circle-o"></i> ChartJS
+                                </a>
+                            </li>
+
+                            <li id="charts-morris">
+                                <a href="all-charts-morris.html">
+                                    <i class="fa fa-circle-o"></i> Morris Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-flot">
+                                <a href="all-charts-flot.html">
+                                    <i class="fa fa-circle-o"></i> Flot Charts
+                                </a>
+                            </li>
+
+                            <li id="charts-inline">
+                                <a href="all-charts-inline.html">
+                                    <i class="fa fa-circle-o"></i> Inline Charts
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-laptop"></i> <span>UI界面元素</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="elements-general">
+                                <a href="all-elements-general.html">
+                                    <i class="fa fa-circle-o"></i> 标准 General
+                                </a>
+                            </li>
+
+                            <li id="elements-icons">
+                                <a href="all-elements-icons.html">
+                                    <i class="fa fa-circle-o"></i> 图标 Icons
+                                </a>
+                            </li>
+
+                            <li id="elements-buttons">
+                                <a href="all-elements-buttons.html">
+                                    <i class="fa fa-circle-o"></i> 按钮 Buttons
+                                </a>
+                            </li>
+
+                            <li id="elements-sliders">
+                                <a href="all-elements-sliders.html">
+                                    <i class="fa fa-circle-o"></i> 滑块 Sliders
+                                </a>
+                            </li>
+
+                            <li id="elements-timeline">
+                                <a href="all-elements-timeline.html">
+                                    <i class="fa fa-circle-o"></i> 时间线 Timeline
+                                </a>
+                            </li>
+
+                            <li id="elements-modals">
+                                <a href="all-elements-modals.html">
+                                    <i class="fa fa-circle-o"></i> 对话框样式 Modals
+                                </a>
+                            </li>
+
+                            <li id="elements-widgets">
+                                <a href="all-elements-widgets.html">
+                                    <i class="fa fa-circle-o"></i> 窗体小部件 widgets
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-edit"></i> <span>表单 Forms</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="form-general">
+                                <a href="all-form-general.html">
+                                    <i class="fa fa-circle-o"></i> 基础表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-advanced">
+                                <a href="all-form-advanced.html">
+                                    <i class="fa fa-circle-o"></i> 高级表单元素
+                                </a>
+                            </li>
+
+                            <li id="form-editors">
+                                <a href="all-form-editors.html">
+                                    <i class="fa fa-circle-o"></i> 编辑器
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-table"></i> <span>表格 tables</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="tables-simple">
+                                <a href="all-tables-simple.html">
+                                    <i class="fa fa-circle-o"></i> 简单表格
+                                </a>
+                            </li>
+
+                            <li id="tables-data">
+                                <a href="all-tables-data.html">
+                                    <i class="fa fa-circle-o"></i> 数据表格
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cube"></i> <span>样例-订单管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="order-manage">
+                                <a href="all-order-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 全部订单
+                                </a>
+                            </li>
+
+                            <li id="order-cancel">
+                                <a href="all-order-cancel-list.html">
+                                    <i class="fa fa-circle-o"></i> 退款
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-book"></i> <span>样例-游记管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="travellog-manage">
+                                <a href="all-travellog-manage-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记列表
+                                </a>
+                            </li>
+
+                            <li id="travellog-review">
+                                <a href="all-travellog-review-list.html">
+                                    <i class="fa fa-circle-o"></i> 游记点评
+                                </a>
+                            </li>
+
+                            <li id="travellog-setting">
+                                <a href="all-travellog-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 游记设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <li class="treeview">
+                        <a href="#">
+                            <i class="fa fa-cogs"></i> <span>样例-系统管理</span>
+                            <span class="pull-right-container">
+                        <i class="fa fa-angle-left pull-right"></i>
+                    </span>
+                        </a>
+                        <ul class="treeview-menu">
+
+                            <li id="system-setting">
+                                <a href="all-system-setting-edit.html">
+                                    <i class="fa fa-circle-o"></i> 系统设置
+                                </a>
+                            </li>
+
+                        </ul>
+                    </li>
+
+
+
+                    <!-- 菜单 /-->
+
+                    <li id="admin-documentation"><a href="documentation.html" target="_blank"><i class="fa fa-book"></i> <span>AdminLTE汉化文档</span></a></li>
+
+                </ul>
+            </section>
+            <!-- /.sidebar -->
+        </aside>
+        <!-- 导航侧栏 /-->
+
+        <!-- 内容区域 -->
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <section class="content-header">
+                <h1>
+                    500 错误页面
+                </h1>
+
+                <ol class="breadcrumb">
+                    <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
+                    <li class="active">500 错误</li>
+                </ol>
+
+            </section>
+
+            <!-- Main content -->
+            <section class="content">
+                <div class="error-page">
+                    <h2 class="headline text-yellow"> 500</h2>
+
+                    <div class="error-content">
+                        <h3><i class="fa fa-warning text-yellow"></i> Oops! 服务器开小差了.</h3>
+
+                        <p>
+                            没有找到你请求的页面, 你可以 <a href="all-admin-index.html">返回到后台首页</a> 或者通过搜索查询
+                        </p>
+
+                        <form class="search-form">
+                            <div class="input-group">
+                                <input type="text" name="search" class="form-control" placeholder="搜索">
+
+                                <div class="input-group-btn">
+                                    <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
+                </button>
+                                </div>
+                            </div>
+                            <!-- /.input-group -->
+                        </form>
+                    </div>
+                    <!-- /.error-content -->
+                </div>
+                <!-- /.error-page -->
+            </section>
+            <!-- /.content -->
+        </div>
+        <!-- 内容区域 /-->
+
+        <!-- 底部导航 -->
+        <footer class="main-footer">
+            <div class="pull-right hidden-xs">
+                <b>Version</b> 1.0.8
+            </div>
+            <strong>Copyright &copy; 2014-2017 <a href="http://www.itcast.cn">研究院研发部</a>.</strong> All rights reserved.
+        </footer>
+        <!-- 底部导航 /-->
+
+    </div>
+
+
+    <script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+    <script>
+        $.widget.bridge('uibutton', $.ui.button);
+    </script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+    <script src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+    <script>
+        $(document).ready(function() {
+            // 选择框
+            $(".select2").select2();
+
+            // WYSIHTML5编辑器
+            $(".textarea").wysihtml5({
+                locale: 'zh-CN'
+            });
+        });
+
+
+        // 设置激活菜单
+        function setSidebarActive(tagUri) {
+            var liObj = $("#" + tagUri);
+            if (liObj.length > 0) {
+                liObj.parent().parent().addClass("active");
+                liObj.addClass("active");
+            }
+        }
+
+
+        $(document).ready(function() {
+            setSidebarActive("admin-404");
+        });
+    </script>
+</body>
+
+</html>

spring_test/src/main/webapp/WEB-INF/applicationContext.xml

@@ -0,0 +1,23 @@
+<?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:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context
+       https://www.springframework.org/schema/context/spring-context.xsd">
+  <!--    <bean id="userService1" class="com.service.impl.UserServiceImpl">-->
+  <!--&lt;!&ndash;        <constructor-arg name="userDao" ref="UserDao"></constructor-arg>&ndash;&gt;-->
+  <!--    </bean>-->
+  <!--    加载外部 properties文件-->
+  <!--      <context:property-placeholder location="jdbc.properties"></context:property-placeholder>-->
+  <!--    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">-->
+  <!--        <property name="driverClassName" value="${jdbc.driver}"></property>-->
+  <!--        <property name="url" value="${jdbc.url}"></property>-->
+  <!--        <property name="username" value="${jdbc.username}"></property>-->
+  <!--        <property name="password" value="${jdbc.password}"></property>-->
+  <!--    </bean>-->
+  <!--    组件扫描-->
+  <context:component-scan base-package="com"></context:component-scan>
+</beans>

spring_test/src/main/webapp/WEB-INF/web.xml

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
+         version="4.0">
+
+  <!--解决乱码的过滤器-->
+  <filter>
+    <filter-name>CharacterEncodingFilter</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>CharacterEncodingFilter</filter-name>
+    <url-pattern>/*</url-pattern>
+  </filter-mapping>
+
+  <!--全局的初始化参数-->
+  <context-param>
+    <param-name>contextConfigLocation</param-name>
+    <param-value>classpath:applicationContext.xml</param-value>
+  </context-param>
+  <!--Spring的监听器-->
+  <listener>
+    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+  </listener>
+
+
+  <!--SpringMVC的前端控制器-->
+  <servlet>
+    <servlet-name>DispatcherServlet</servlet-name>
+    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+    <init-param>
+      <param-name>contextConfigLocation</param-name>
+      <param-value>classpath:spring-mvc.xml</param-value>
+    </init-param>
+    <load-on-startup>2</load-on-startup>
+  </servlet>
+  <servlet-mapping>
+    <servlet-name>DispatcherServlet</servlet-name>
+    <url-pattern>/</url-pattern>
+  </servlet-mapping>
+
+</web-app>

spring_test/src/main/webapp/css/style.css

@@ -0,0 +1,145 @@
+/* tab 1*/
+.double {
+	line-height: 58px;
+}
+.title .glyphicon{
+	padding: 3px;
+	font-size: 13px;
+    border-radius: 8px;
+    color: #fff;
+	
+}
+.data span.arrowup {
+	color: #d88918;
+}
+.data span.arrowdown {
+	color: #6bb10a;
+}
+.item-blue .glyphicon{
+	background-color: #39a9ea;
+}
+.item-green {
+	line-height: 58px;
+}
+.item-green .glyphicon{
+	background-color: #6bb10a;
+	line-height: 12px;
+}
+.item-orange .glyphicon{
+	background-color:#d88918;
+}
+.item-red .glyphicon{
+	background-color: #f14f4f;
+}
+.chart .chart-box {
+	margin: 10px;
+}
+
+/* 数据表格label */
+.content-wrapper .data-type {
+	/*width: 90%;*/
+	margin: 10px 5px;
+	border:1px solid #d4d4d4;
+	border-radius: 2px;
+}
+.data-type .title,
+.data-type .data {
+	padding: 3px 12px;
+	border-top: 1px solid #d4d4d4;
+	overflow: hidden;
+    height: 42px;
+}
+.data-type .title {
+    line-height: 34px;
+	border-right: 1px solid #d4d4d4;
+}
+
+.data-type .data:last-child{
+	border-right: 0;
+}
+.data-type .title{
+	text-align: center;
+	background: #ececec;
+}
+.data-type .data .line{
+	vertical-align: middle;
+	overflow: hidden;
+	padding-bottom: 10px;
+	padding-top: 10px;
+}
+
+/* label行高度 */
+.data-type .data > label {
+	line-height:36px;
+}
+.data-type .data > .form-group {
+	line-height:36px;
+}
+.data-type .data.text {
+	line-height:36px;
+}
+/* label行分隔符 */
+.data-type .data.border-right {
+	border-right: 1px solid #d4d4d4;
+}
+
+/* 表格双倍高度 */
+.data-type .title.rowHeight2x,
+.data-type .data.rowHeight2x {
+	height:84px;
+}
+.data-type .title.rowHeight2x ,
+.data-type .data.rowHeight2x.text {
+	line-height:78px;
+}
+/*.data-type .data.rowHeight2x > label {
+	line-height:78px;
+}*/
+.data-type .title.editer,
+.data-type .data.editer {
+	height:320px;
+}
+.data-type .title.editer {
+	line-height:300px;
+}
+
+/*清除parding*/
+.padding-clear {
+	padding-right: 0px;
+	padding-left: 0px;
+}
+
+/* 文件上传 */
+/*a  upload */
+.a-upload {
+    padding: 4px 10px;
+    height: 35px;
+    line-height: 25px;
+    position: relative;
+    cursor: pointer;
+    color: #888;
+    background: #fafafa;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    overflow: hidden;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1
+}
+.a-upload  input {
+    position: absolute;
+    font-size: 100px;
+    right: 0;
+    top: 0;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    cursor: pointer
+}
+.a-upload:hover {
+    color: #444;
+    background: #eee;
+    border-color: #ccc;
+    text-decoration: none
+}
+
+

spring_test/src/main/webapp/failer.jsp

@@ -0,0 +1,394 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+	pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+
+
+
+
+
+
+
+<!-- jQuery 2.2.3 -->
+<!-- jQuery UI 1.11.4 -->
+<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+<!-- Bootstrap 3.3.6 -->
+<!-- Morris.js charts -->
+<!-- Sparkline -->
+<!-- jvectormap -->
+<!-- jQuery Knob Chart -->
+<!-- daterangepicker -->
+<!-- datepicker -->
+<!-- Bootstrap WYSIHTML5 -->
+<!-- Slimscroll -->
+<!-- FastClick -->
+<!-- iCheck -->
+<!-- AdminLTE App -->
+<!-- 表格树 -->
+<!-- select2 -->
+<!-- bootstrap color picker -->
+<!-- bootstrap time picker -->
+<!--<script src="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
+<!-- Bootstrap WYSIHTML5 -->
+<!--bootstrap-markdown-->
+<!-- CK Editor -->
+<!-- InputMask -->
+<!-- DataTables -->
+<!-- ChartJS 1.0.1 -->
+<!-- FLOT CHARTS -->
+<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
+<!-- FLOT PIE PLUGIN - also used to draw donut charts -->
+<!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
+<!-- jQuery Knob -->
+<!-- Sparkline -->
+<!-- Morris.js charts -->
+<!-- Ion Slider -->
+<!-- Bootstrap slider -->
+<!-- 页面meta /-->
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-purple sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<!-- 页面头部 -->
+<header class="main-header">
+	<!-- Logo -->
+	<a href="all-admin-index.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
+		<span class="logo-mini"><b>数据</b></span> <!-- logo for regular state and mobile devices -->
+		<span class="logo-lg"><b>数据</b>后台管理</span>
+	</a>
+	<!-- Header Navbar: style can be found in header.less -->
+	<nav class="navbar navbar-static-top">
+		<!-- Sidebar toggle button-->
+		<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
+			role="button"> <span class="sr-only">Toggle navigation</span>
+		</a>
+
+		<div class="navbar-custom-menu">
+			<ul class="nav navbar-nav">
+
+				<li class="dropdown user user-menu"><a href="#"
+					class="dropdown-toggle" data-toggle="dropdown"> <img
+						src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+						class="user-image" alt="User Image"> <span class="hidden-xs">
+							未登录
+					</span>
+
+				</a>
+					<ul class="dropdown-menu">
+						<!-- User image -->
+						<li class="user-header"><img
+							src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+							class="img-circle" alt="User Image"></li>
+
+						<!-- Menu Footer-->
+						<li class="user-footer">
+							<div class="pull-left">
+								<a href="#" class="btn btn-default btn-flat">修改密码</a>
+							</div>
+							<div class="pull-right">
+								<a href="${pageContext.request.contextPath}/logout.do"
+									class="btn btn-default btn-flat">注销</a>
+							</div>
+						</li>
+					</ul></li>
+
+			</ul>
+		</div>
+	</nav>
+</header>
+<!-- 页面头部 /-->
+		<!-- 页面头部 /-->
+
+		<!-- 导航侧栏 -->
+		<aside class="main-sidebar">
+	<!-- sidebar: style can be found in sidebar.less -->
+	<section class="sidebar">
+		<!-- Sidebar user panel -->
+		<div class="user-panel">
+			<div class="pull-left image">
+				<img src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+					class="img-circle" alt="User Image">
+			</div>
+			<div class="pull-left info">
+				<p>
+					未登录
+				</p>
+				<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+			</div>
+		</div>
+
+		<!-- sidebar menu: : style can be found in sidebar.less -->
+		<ul class="sidebar-menu">
+			<li class="header">菜单</li>
+			<li id="admin-index"><a
+				href="${pageContext.request.contextPath}/pages/main.jsp"><i
+					class="fa fa-dashboard"></i> <span>首页</span></a></li>
+
+			<li class="treeview"><a href="#"> <i class="fa fa-cogs"></i>
+					<span>系统管理</span> <span class="pull-right-container"> <i
+						class="fa fa-angle-left pull-right"></i>
+				</span>
+			</a>
+				<ul class="treeview-menu">
+
+					<li id="system-setting"><a
+						href="${pageContext.request.contextPath}/user/findAll.do"> <i
+							class="fa fa-circle-o"></i> 用户管理
+					</a></li>
+					<li id="system-setting"><a href="${pageContext.request.contextPath}/role/findAll.do">
+							<i class="fa fa-circle-o"></i> 角色管理
+					</a></li>
+					<li id="system-setting"><a href="${pageContext.request.contextPath}/permission/findAll.do">
+							<i class="fa fa-circle-o"></i> 资源权限管理
+					</a></li>
+					<li id="system-setting"><a
+						href="${pageContext.request.contextPath}/sysLog/findAll.do"> <i
+							class="fa fa-circle-o"></i> 访问日志
+					</a></li>
+
+				</ul></li>
+			<li class="treeview"><a href="#"> <i class="fa fa-cube"></i>
+					<span>基础数据</span> <span class="pull-right-container"> <i
+						class="fa fa-angle-left pull-right"></i>
+				</span>
+			</a>
+				<ul class="treeview-menu">
+
+					<li id="system-setting"><a
+						href="${pageContext.request.contextPath}/product/findAll.do">
+							<i class="fa fa-circle-o"></i> 产品管理
+					</a></li>
+					<li id="system-setting"><a
+						href="${pageContext.request.contextPath}/order/findAll.do?page=1&pageSize=3">
+							<i class="fa fa-circle-o"></i> 订单管理
+					</a></li>
+
+				</ul></li>
+
+		</ul>
+	</section>
+	<!-- /.sidebar -->
+</aside>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+			<!-- Content Header (Page header) -->
+			<section class="content-header">
+				<h1>登录失败 页面</h1>
+
+				<ol class="breadcrumb">
+					<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+							class="fa fa-dashboard"></i> 首页</a></li>
+					<li class="active">登录失败</li>
+				</ol>
+
+			</section>
+
+			<!-- Main content -->
+			<section class="content">
+				<div class="error-page">
+				
+
+					<div class="error-content">
+						
+						<p>
+							登录失败 , 你可以 <a href="${pageContext.request.contextPath}/login.jsp">返回到登录页面</a>
+							重新登录
+						</p>
+
+						
+					</div>
+					<!-- /.error-content -->
+				</div>
+				<!-- /.error-page -->
+			</section>
+			<!-- /.content -->
+		</div>
+		<!-- 内容区域 /-->
+
+		<!-- 底部导航 -->
+		<footer class="main-footer">
+			<div class="pull-right hidden-xs">
+				<b>Version</b> 1.0.8
+			</div>
+			<strong>Copyright &copy; 2014-2017 <a
+				href="http://www.itcast.cn">研究院研发部</a>.
+			</strong> All rights reserved.
+		</footer>
+		<!-- 底部导航 /-->
+
+	</div>
+
+
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+	<script>
+		$.widget.bridge('uibutton', $.ui.button);
+	</script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+	<script>
+		$(document).ready(function() {
+			// 选择框
+			$(".select2").select2();
+
+			// WYSIHTML5编辑器
+			$(".textarea").wysihtml5({
+				locale : 'zh-CN'
+			});
+		});
+
+		// 设置激活菜单
+		function setSidebarActive(tagUri) {
+			var liObj = $("#" + tagUri);
+			if (liObj.length > 0) {
+				liObj.parent().parent().addClass("active");
+				liObj.addClass("active");
+			}
+		}
+
+		$(document).ready(function() {
+			setSidebarActive("admin-500");
+		});
+	</script>
+</body>
+
+</html>

spring_test/src/main/webapp/index.jsp

@@ -0,0 +1,15 @@
+<%@ 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>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>主页</title>
+</head>
+<body>
+	<%
+		response.sendRedirect(request.getContextPath()+"/pages/main.jsp");
+	%>
+</body>
+</html>

spring_test/src/main/webapp/login.jsp

@@ -0,0 +1,90 @@
+<%@ 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>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>数据 - AdminLTE2定制版 | Log in</title>
+
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+</head>
+
+<body class="hold-transition login-page">
+	<div class="login-box">
+		<div class="login-logo">
+			<a href="all-admin-index.html"><b>ITCAST</b>后台管理系统</a>
+		</div>
+		<!-- /.login-logo -->
+		<div class="login-box-body">
+			<p class="login-box-msg">登录系统</p>
+
+			<form action="${pageContext.request.contextPath}/pages/main.jsp"
+				method="post">
+				<div class="form-group has-feedback">
+					<input type="text" name="username" class="form-control"
+						placeholder="用户名"> <span
+						class="glyphicon glyphicon-envelope form-control-feedback"></span>
+				</div>
+				<div class="form-group has-feedback">
+					<input type="password" name="password" class="form-control"
+						placeholder="密码"> <span
+						class="glyphicon glyphicon-lock form-control-feedback"></span>
+				</div>
+				<div class="row">
+					<div class="col-xs-8">
+						<div class="checkbox icheck">
+							<label><input type="checkbox"> 记住 下次自动登录</label>
+						</div>
+					</div>
+					<!-- /.col -->
+					<div class="col-xs-4">
+						<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
+					</div>
+					<!-- /.col -->
+				</div>
+			</form>
+
+			<a href="#">忘记密码</a><br>
+
+
+		</div>
+		<!-- /.login-box-body -->
+	</div>
+	<!-- /.login-box -->
+
+	<!-- jQuery 2.2.3 -->
+	<!-- Bootstrap 3.3.6 -->
+	<!-- iCheck -->
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script>
+		$(function() {
+			$('input').iCheck({
+				checkboxClass : 'icheckbox_square-blue',
+				radioClass : 'iradio_square-blue',
+				increaseArea : '20%' // optional
+			});
+		});
+	</script>
+</body>
+
+</html>

spring_test/src/main/webapp/pages/aside.jsp

@@ -0,0 +1,70 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+	pageEncoding="UTF-8"%>
+<aside class="main-sidebar">
+	<!-- sidebar: style can be found in sidebar.less -->
+	<section class="sidebar">
+		<!-- Sidebar user panel -->
+		<div class="user-panel">
+			<div class="pull-left image">
+				<img src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+					class="img-circle" alt="User Image">
+			</div>
+			<div class="pull-left info">
+				<p>
+					<security:authentication property="principal.username" />
+				</p>
+				<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+			</div>
+		</div>
+
+		<!-- sidebar menu: : style can be found in sidebar.less -->
+		<ul class="sidebar-menu">
+			<li class="header">菜单</li>
+			<li id="admin-index"><a
+				href="${pageContext.request.contextPath}/pages/main.jsp"><i
+					class="fa fa-dashboard"></i> <span>首页</span></a></li>
+
+			<li class="treeview"><a href="#"> <i class="fa fa-cogs"></i>
+					<span>系统管理</span> <span class="pull-right-container"> <i
+						class="fa fa-angle-left pull-right"></i>
+				</span>
+
+
+			</a>
+				<ul class="treeview-menu">
+
+					<li><a
+						href="${pageContext.request.contextPath}/pages/user-list.jsp"> <i
+							class="fa fa-circle-o"></i> 用户管理
+					</a></li>
+					<li><a
+						href="${pageContext.request.contextPath}/pages/role-list.jsp"> <i
+							class="fa fa-circle-o"></i> 角色管理
+					</a></li>
+					<li><a
+						href="${pageContext.request.contextPath}/pages/syslog-list.jsp"> <i
+							class="fa fa-circle-o"></i> 访问日志
+					</a></li>
+				</ul></li>
+			<li class="treeview"><a href="#"> <i class="fa fa-cube"></i>
+					<span>基础数据</span> <span class="pull-right-container"> <i
+						class="fa fa-angle-left pull-right"></i>
+				</span>
+			</a>
+				<ul class="treeview-menu">
+
+					<li><a
+						href="#">
+							<i class="fa fa-circle-o"></i> 产品管理
+					</a></li>
+					<li><a
+						href="#">
+							<i class="fa fa-circle-o"></i> 订单管理
+					</a></li>
+
+				</ul></li>
+
+		</ul>
+	</section>
+	<!-- /.sidebar -->
+</aside>

spring_test/src/main/webapp/pages/header.jsp

@@ -0,0 +1,50 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+	pageEncoding="UTF-8"%>
+<!-- 页面头部 -->
+<header class="main-header">
+	<!-- Logo -->
+	<a href="all-admin-index.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
+		<span class="logo-mini"><b>数据</b></span> <!-- logo for regular state and mobile devices -->
+		<span class="logo-lg"><b>数据</b>后台管理</span>
+	</a>
+	<!-- Header Navbar: style can be found in header.less -->
+	<nav class="navbar navbar-static-top">
+		<!-- Sidebar toggle button-->
+		<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
+			role="button"> <span class="sr-only">Toggle navigation</span>
+		</a>
+
+		<div class="navbar-custom-menu">
+			<ul class="nav navbar-nav">
+
+				<li class="dropdown user user-menu"><a href="#"
+					class="dropdown-toggle" data-toggle="dropdown"> <img
+						src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+						class="user-image" alt="User Image"> <span class="hidden-xs">
+							<security:authentication property="principal.username" />
+					</span>
+
+				</a>
+					<ul class="dropdown-menu">
+						<!-- User image -->
+						<li class="user-header"><img
+							src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
+							class="img-circle" alt="User Image"></li>
+
+						<!-- Menu Footer-->
+						<li class="user-footer">
+							<div class="pull-left">
+								<a href="#" class="btn btn-default btn-flat">修改密码</a>
+							</div>
+							<div class="pull-right">
+								<a href="${pageContext.request.contextPath}/login.jsp"
+									class="btn btn-default btn-flat">注销</a>
+							</div>
+						</li>
+					</ul></li>
+
+			</ul>
+		</div>
+	</nav>
+</header>
+<!-- 页面头部 /-->

spring_test/src/main/webapp/pages/main.jsp

@@ -0,0 +1,202 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>ITCAST - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-blue sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+			<!-- 页面头部 /-->
+
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+		</div>
+		<!-- 内容区域 /-->
+
+		<!-- 底部导航 -->
+		<footer class="main-footer">
+		<div class="pull-right hidden-xs">
+			<b>Version</b> 1.0.8
+		</div>
+		<strong>Copyright &copy; 2014-2017 <a
+			href="http://www.itcast.cn">研究院研发部</a>.
+		</strong> All rights reserved. </footer>
+		<!-- 底部导航 /-->
+
+	</div>
+
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+	<script>
+		$.widget.bridge('uibutton', $.ui.button);
+	</script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+	<script>
+		$(document).ready(function() {
+			// 选择框
+			$(".select2").select2();
+
+			// WYSIHTML5编辑器
+			$(".textarea").wysihtml5({
+				locale : 'zh-CN'
+			});
+		});
+
+		// 设置激活菜单
+		function setSidebarActive(tagUri) {
+			var liObj = $("#" + tagUri);
+			if (liObj.length > 0) {
+				liObj.parent().parent().addClass("active");
+				liObj.addClass("active");
+			}
+		}
+
+		$(document).ready(function() {
+			// 激活导航位置
+			setSidebarActive("admin-index");
+		});
+	</script>
+</body>
+
+</html>

spring_test/src/main/webapp/pages/role-add.jsp

@@ -0,0 +1,252 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
+</head>
+
+	<body class="hold-transition skin-purple sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+		<!-- 页面头部 /-->
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+			<!-- 内容头部 -->
+			<section class="content-header">
+			<h1>
+				角色管理 <small>角色表单</small>
+			</h1>
+			<ol class="breadcrumb">
+				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+						class="fa fa-dashboard"></i> 首页</a></li>
+				<li><a href="${pageContext.request.contextPath}/role/findAll.do">角色管理</a></li>
+				<li class="active">角色表单</li>
+			</ol>
+			</section>
+			<!-- 内容头部 /-->
+
+			<form action="${pageContext.request.contextPath}/role/save.do"
+				method="post">
+				<!-- 正文区域 -->
+				<section class="content"> <!--产品信息-->
+
+				<div class="panel panel-default">
+					<div class="panel-heading">角色信息</div>
+					<div class="row data-type">
+
+						<div class="col-md-2 title">角色名称</div>
+						<div class="col-md-4 data">
+							<input type="text" class="form-control" name="roleName"
+								placeholder="角色名称" value="">
+						</div>
+						<div class="col-md-2 title">角色描述</div>
+						<div class="col-md-4 data">
+							<input type="text" class="form-control" name="roleDesc"
+								placeholder="角色描述" value="">
+						</div>
+										
+
+					</div>
+				</div>
+				<!--订单信息/--> <!--工具栏-->
+				<div class="box-tools text-center">
+					<button type="submit" class="btn bg-maroon">保存</button>
+					<button type="button" class="btn bg-default"
+						onclick="history.back(-1);">返回</button>
+				</div>
+				<!--工具栏/--> </section>
+				<!-- 正文区域 /-->
+			</form>
+		</div>
+		<!-- 内容区域 /-->
+
+		<!-- 底部导航 -->
+		<footer class="main-footer">
+		<div class="pull-right hidden-xs">
+			<b>Version</b> 1.0.8
+		</div>
+		<strong>Copyright &copy; 2014-2017 <a
+			href="http://www.itcast.cn">研究院研发部</a>.
+		</strong> All rights reserved. </footer>
+		<!-- 底部导航 /-->
+
+	</div>
+
+
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+	<script>
+		$.widget.bridge('uibutton', $.ui.button);
+	</script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
+
+	<script>
+		$(document).ready(function() {
+			// 选择框
+			$(".select2").select2();
+
+			// WYSIHTML5编辑器
+			$(".textarea").wysihtml5({
+				locale : 'zh-CN'
+			});
+		});
+
+		// 设置激活菜单
+		function setSidebarActive(tagUri) {
+			var liObj = $("#" + tagUri);
+			if (liObj.length > 0) {
+				liObj.parent().parent().addClass("active");
+				liObj.addClass("active");
+			}
+		}
+
+	</script>
+	
+
+</body>
+
+</html>

spring_test/src/main/webapp/pages/role-list.jsp

@@ -0,0 +1,309 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-blue sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+		<!-- 页面头部 /-->
+
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+			<!-- 内容头部 -->
+			<section class="content-header">
+			<h1>
+				角色管理 <small>全部角色</small>
+			</h1>
+			<ol class="breadcrumb">
+				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+						class="fa fa-dashboard"></i> 首页</a></li>
+				<li><a
+					href="${pageContext.request.contextPath}/role/findAll.do">角色管理</a></li>
+
+				<li class="active">全部角色</li>
+			</ol>
+			</section>
+			<!-- 内容头部 /-->
+
+				<!-- 正文区域 -->
+				<section class="content"> <!-- .box-body -->
+				<div class="box box-primary">
+					<div class="box-header with-border">
+						<h3 class="box-title">列表</h3>
+					</div>
+
+					<div class="box-body">
+
+						<!-- 数据表格 -->
+						<div class="table-box">
+
+							<!--工具栏-->
+							<div class="pull-left">
+								<div class="form-group form-inline">
+									<div class="btn-group">
+										<button type="button" class="btn btn-default" title="新建" onclick="location.href='${pageContext.request.contextPath}/pages/role-add.jsp'">
+											<i class="fa fa-file-o"></i> 新建
+										</button>
+										
+										<button type="button" class="btn btn-default" title="刷新">
+											<i class="fa fa-refresh"></i> 刷新
+										</button>
+									</div>
+								</div>
+							</div>
+							<div class="box-tools pull-right">
+								<div class="has-feedback">
+									<input type="text" class="form-control input-sm"
+										placeholder="搜索"> <span
+										class="glyphicon glyphicon-search form-control-feedback"></span>
+								</div>
+							</div>
+							<!--工具栏/-->
+
+							<!--数据列表-->
+							<table id="dataList"
+								class="table table-bordered table-striped table-hover dataTable">
+								<thead>
+									<tr>
+										<th class="" style="padding-right: 0px"><input
+											id="selall" type="checkbox" class="icheckbox_square-blue">
+										</th>
+										<th class="sorting_asc">ID</th>
+										<th class="sorting_desc">角色名称</th>									
+										<th class="sorting">角色描述</th>
+										<th class="sorting">操作</th>
+									</tr>
+								</thead>
+								<tbody>
+
+										<tr>
+											<td><input name="ids" type="checkbox"></td>
+											<td>1</td>
+											<td>院长</td>
+											<td>java学院整体工作管理</td>
+											<td class="text-center">
+												<a href="#" class="btn bg-olive btn-xs">删除</a>
+											</td>
+										</tr>
+										<tr>
+											<td><input name="ids" type="checkbox"></td>
+											<td>2</td>
+											<td>课程研究员</td>
+											<td>课程的研究</td>
+											<td class="text-center">
+												<a href="#" class="btn bg-olive btn-xs">删除</a>
+											</td>
+										</tr>
+										<tr>
+											<td><input name="ids" type="checkbox"></td>
+											<td>3</td>
+											<td>讲师</td>
+											<td>授课工作</td>
+											<td class="text-center">
+												<a href="#" class="btn bg-olive btn-xs">删除</a>
+											</td>
+										</tr>
+								</tbody>
+
+							</table>
+							<!--数据列表/-->
+
+						</div>
+						<!-- 数据表格 /-->
+
+					</div>
+					<!-- /.box-body -->
+
+				</div>
+
+				</section>
+				<!-- 正文区域 /-->
+
+			</div>
+			<!-- @@close -->
+			<!-- 内容区域 /-->
+
+			<!-- 底部导航 -->
+			<footer class="main-footer">
+			<div class="pull-right hidden-xs">
+				<b>Version</b> 1.0.8
+			</div>
+			<strong>Copyright &copy; 2018-2020 <a
+				href="http://www.itcast.cn">研究院研发部</a>.
+			</strong> All rights reserved. </footer>
+			<!-- 底部导航 /-->
+
+		</div>
+
+		<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
+		<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
+		<script>
+			$.widget.bridge('uibutton', $.ui.button);
+		</script>
+		<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
+		<script src="../plugins/raphael/raphael-min.js"></script>
+		<script src="../plugins/morris/morris.min.js"></script>
+		<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
+		<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+		<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+		<script src="../plugins/knob/jquery.knob.js"></script>
+		<script src="../plugins/daterangepicker/moment.min.js"></script>
+		<script src="../plugins/daterangepicker/daterangepicker.js"></script>
+		<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+		<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
+		<script
+			src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+		<script
+			src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+		<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
+		<script src="../plugins/fastclick/fastclick.js"></script>
+		<script src="../plugins/iCheck/icheck.min.js"></script>
+		<script src="../plugins/adminLTE/js/app.min.js"></script>
+		<script src="../plugins/treeTable/jquery.treetable.js"></script>
+		<script src="../plugins/select2/select2.full.min.js"></script>
+		<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+		<script
+			src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+		<script
+			src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
+		<script src="../plugins/ckeditor/ckeditor.js"></script>
+		<script src="../plugins/input-mask/jquery.inputmask.js"></script>
+		<script
+			src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+		<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
+		<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
+		<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
+		<script src="../plugins/chartjs/Chart.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
+		<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
+		<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
+		<script>
+			$(document).ready(function() {
+				// 选择框
+				$(".select2").select2();
+
+				// WYSIHTML5编辑器
+				$(".textarea").wysihtml5({
+					locale : 'zh-CN'
+				});
+			});
+
+			// 设置激活菜单
+			function setSidebarActive(tagUri) {
+				var liObj = $("#" + tagUri);
+				if (liObj.length > 0) {
+					liObj.parent().parent().addClass("active");
+					liObj.addClass("active");
+				}
+			}
+
+			$(document)
+					.ready(
+							function() {
+
+								// 激活导航位置
+								setSidebarActive("admin-datalist");
+
+								// 列表按钮 
+								$("#dataList td input[type='checkbox']")
+										.iCheck(
+												{
+													checkboxClass : 'icheckbox_square-blue',
+													increaseArea : '20%'
+												});
+								// 全选操作 
+								$("#selall")
+										.click(
+												function() {
+													var clicks = $(this).is(
+															':checked');
+													if (!clicks) {
+														$(
+																"#dataList td input[type='checkbox']")
+																.iCheck(
+																		"uncheck");
+													} else {
+														$(
+																"#dataList td input[type='checkbox']")
+																.iCheck("check");
+													}
+													$(this).data("clicks",
+															!clicks);
+												});
+							});
+		</script>
+</body>
+
+</html>

spring_test/src/main/webapp/pages/syslog-list.jsp

@@ -0,0 +1,370 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
+</head>
+
+<body class="hold-transition skin-blue sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+		<!-- 页面头部 /-->
+
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+			<!-- 内容头部 -->
+			<section class="content-header">
+			<h1>
+				日志管理 <small>全部日志</small>
+			</h1>
+			<ol class="breadcrumb">
+				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+						class="fa fa-dashboard"></i> 首页</a></li>
+				<li><a
+					href="${pageContext.request.contextPath}/sysLog/findAll.do">日志管理</a></li>
+
+				<li class="active">全部日志</li>
+			</ol>
+			</section>
+			<!-- 内容头部 /-->
+
+			<!-- 正文区域 -->
+			<section class="content"> <!-- .box-body -->
+			<div class="box box-primary">
+				<div class="box-header with-border">
+					<h3 class="box-title">列表</h3>
+				</div>
+
+				<div class="box-body">
+
+					<!-- 数据表格 -->
+					<div class="table-box">
+
+						<!--工具栏-->
+						<div class="pull-left">
+							<div class="form-group form-inline">
+								<div class="btn-group">
+									<button type="button" class="btn btn-default" title="刷新"
+										onclick="window.location.reload();">
+										<i class="fa fa-refresh"></i> 刷新
+									</button>
+								</div>
+							</div>
+						</div>
+						<div class="box-tools pull-right">
+							<div class="has-feedback">
+								<input type="text" class="form-control input-sm"
+									placeholder="搜索"> <span
+									class="glyphicon glyphicon-search form-control-feedback"></span>
+							</div>
+						</div>
+						<!--工具栏/-->
+
+						<!--数据列表-->
+						<table id="dataList"
+							class="table table-bordered table-striped table-hover dataTable">
+							<thead>
+								<tr>
+									<th class="" style="padding-right: 0px"><input id="selall"
+										type="checkbox" class="icheckbox_square-blue"></th>
+									<th class="sorting_asc">ID</th>
+									<th class="sorting">访问时间</th>
+									<th class="sorting">访问用户</th>
+									<th class="sorting">访问IP</th>
+									<th class="sorting">资源URL</th>
+									<th class="sorting">执行时间</th>
+									<th class="sorting">访问方法</th>
+								</tr>
+							</thead>
+							<tbody>
+								<c:forEach items="${sysLogs}" var="syslog">
+									<tr>
+										<td><input name="ids" type="checkbox"></td>
+										<td>${syslog.id}</td>
+										<td>${syslog.visitTimeStr }</td>
+										<td>${syslog.username }</td>
+										<td>${syslog.ip }</td>
+										<td>${syslog.url}</td>
+										<td>${syslog.executionTime}毫秒</td>
+										<td>${syslog.method}</td>										
+									</tr>
+								</c:forEach>
+							</tbody>
+
+						</table>
+						<!--数据列表/-->
+
+						<!--工具栏-->
+						<div class="pull-left">
+							<div class="form-group form-inline">
+								<div class="btn-group">
+									<button type="button" class="btn btn-default" title="刷新"
+										onclick="window.location.reload();">
+										<i class="fa fa-refresh"></i> 刷新
+									</button>
+								</div>
+							</div>
+						</div>
+						<div class="box-tools pull-right">
+							<div class="has-feedback">
+								<input type="text" class="form-control input-sm"
+									placeholder="搜索"> <span
+									class="glyphicon glyphicon-search form-control-feedback"></span>
+							</div>
+						</div>
+						<!--工具栏/-->
+
+
+					</div>
+					<!-- 数据表格 /-->
+
+				</div>
+				<!-- /.box-body -->
+
+				<!-- .box-footer-->
+				<div class="box-footer">
+					<div class="pull-left">
+						<div class="form-group form-inline">
+							总共2 页，共14 条数据。 每页 <select class="form-control">
+								<option>10</option>
+								<option>15</option>
+								<option>20</option>
+								<option>50</option>
+								<option>80</option>
+							</select> 条
+						</div>
+					</div>
+
+					<div class="box-tools pull-right">
+						<ul class="pagination">
+							<li><a href="#" aria-label="Previous">首页</a></li>
+							<li><a href="#">上一页</a></li>
+							<li><a href="#">1</a></li>
+							<li><a href="#">2</a></li>
+							<li><a href="#">3</a></li>
+							<li><a href="#">4</a></li>
+							<li><a href="#">5</a></li>
+							<li><a href="#">下一页</a></li>
+							<li><a href="#" aria-label="Next">尾页</a></li>
+						</ul>
+					</div>
+
+				</div>
+				<!-- /.box-footer-->
+
+			</div>
+
+			</section>
+			<!-- 正文区域 /-->
+
+		</div>
+		<!-- 内容区域 /-->
+
+		<!-- 底部导航 -->
+		<footer class="main-footer">
+		<div class="pull-right hidden-xs">
+			<b>Version</b> 1.0.8
+		</div>
+		<strong>Copyright &copy; 2014-2017 <a
+			href="http://www.itcast.cn">研究院研发部</a>.
+		</strong> All rights reserved. </footer>
+		<!-- 底部导航 /-->
+
+	</div>
+
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+	<script>
+		$.widget.bridge('uibutton', $.ui.button);
+	</script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
+
+	<script>
+		$(document).ready(function() {
+			// 选择框
+			$(".select2").select2();
+
+			// WYSIHTML5编辑器
+			$(".textarea").wysihtml5({
+				locale : 'zh-CN'
+			});
+		});
+
+		// 设置激活菜单
+		function setSidebarActive(tagUri) {
+			var liObj = $("#" + tagUri);
+			if (liObj.length > 0) {
+				liObj.parent().parent().addClass("active");
+				liObj.addClass("active");
+			}
+		}
+
+		$(document).ready(function() {
+
+			// 激活导航位置
+			setSidebarActive("order-manage");
+
+			// 列表按钮 
+			$("#dataList td input[type='checkbox']").iCheck({
+				checkboxClass : 'icheckbox_square-blue',
+				increaseArea : '20%'
+			});
+			// 全选操作 
+			$("#selall").click(function() {
+				var clicks = $(this).is(':checked');
+				if (!clicks) {
+					$("#dataList td input[type='checkbox']").iCheck("uncheck");
+				} else {
+					$("#dataList td input[type='checkbox']").iCheck("check");
+				}
+				$(this).data("clicks", !clicks);
+			});
+		});
+	</script>
+</body>
+
+</html>

spring_test/src/main/webapp/pages/user-add.jsp

@@ -0,0 +1,270 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
+</head>
+
+<body class="hold-transition skin-purple sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+		<!-- 页面头部 /-->
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+			<!-- 内容头部 -->
+			<section class="content-header">
+			<h1>
+				用户管理 <small>用户表单</small>
+			</h1>
+			<ol class="breadcrumb">
+				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+						class="fa fa-dashboard"></i> 首页</a></li>
+				<li><a
+					href="${pageContext.request.contextPath}/user/findAll.do">用户管理</a></li>
+				<li class="active">用户表单</li>
+			</ol>
+			</section>
+			<!-- 内容头部 /-->
+
+			<form action="${pageContext.request.contextPath}/user/save.do"
+				method="post">
+				<!-- 正文区域 -->
+				<section class="content"> <!--产品信息-->
+
+				<div class="panel panel-default">
+					<div class="panel-heading">用户信息</div>
+					<div class="row data-type">
+
+						<div class="col-md-2 title">用户名称</div>
+						<div class="col-md-4 data">
+							<input type="text" class="form-control" name="username"
+								placeholder="用户名称" value="">
+						</div>
+						<div class="col-md-2 title">密码</div>
+						<div class="col-md-4 data">
+							<input type="password" class="form-control" name="password"
+								placeholder="密码" value="">
+						</div>
+						<div class="col-md-2 title">邮箱</div>
+						<div class="col-md-4 data">
+							<input type="text" class="form-control" name="email"
+								placeholder="邮箱" value="">
+						</div>
+						<div class="col-md-2 title">联系电话</div>
+						<div class="col-md-4 data">
+							<input type="text" class="form-control" name="phoneNum"
+								placeholder="联系电话" value="">
+						</div>
+						<div class="col-md-2 title">用户角色</div>
+						<div class="col-md-10 data">
+							<input class="" type="checkbox" name="roleId" value="1">院长
+							<input type="checkbox" name="roleId" value="2">课程研究员
+							<input type="checkbox" name="roleId" value="3">讲师
+							<input type="checkbox" name="roleId" value="4">助教
+							<input type="checkbox" name="roleId" value="5">就业指导
+							<input type="checkbox" name="roleId" value="6">班主任
+						</div>
+
+					</div>
+				</div>
+				<!--订单信息/--> <!--工具栏-->
+				<div class="box-tools text-center">
+					<button type="submit" class="btn bg-maroon">保存</button>
+					<button type="button" class="btn bg-default"
+						onclick="history.back(-1);">返回</button>
+				</div>
+				<!--工具栏/--> </section>
+				<!-- 正文区域 /-->
+			</form>
+		</div>
+		<!-- 内容区域 /-->
+
+		<!-- 底部导航 -->
+		<footer class="main-footer">
+		<div class="pull-right hidden-xs">
+			<b>Version</b> 1.0.8
+		</div>
+		<strong>Copyright &copy; 2014-2017 <a
+			href="http://www.itcast.cn">研究院研发部</a>.
+		</strong> All rights reserved. </footer>
+		<!-- 底部导航 /-->
+
+	</div>
+
+
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
+	<script>
+		$.widget.bridge('uibutton', $.ui.button);
+	</script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
+	<script
+		src="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
+
+	<script>
+		$(document).ready(function() {
+			// 选择框
+			$(".select2").select2();
+
+			// WYSIHTML5编辑器
+			$(".textarea").wysihtml5({
+				locale : 'zh-CN'
+			});
+		});
+
+		// 设置激活菜单
+		function setSidebarActive(tagUri) {
+			var liObj = $("#" + tagUri);
+			if (liObj.length > 0) {
+				liObj.parent().parent().addClass("active");
+				liObj.addClass("active");
+			}
+		}
+	</script>
+
+
+</body>
+
+</html>

spring_test/src/main/webapp/pages/user-list.jsp

@@ -0,0 +1,311 @@
+<%@ 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>
+<head>
+<!-- 页面meta -->
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<title>数据 - AdminLTE2定制版</title>
+<meta name="description" content="AdminLTE2定制版">
+<meta name="keywords" content="AdminLTE2定制版">
+
+<!-- Tell the browser to be responsive to screen width -->
+<meta
+	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+	name="viewport">
+
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/css/style.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
+<link rel="stylesheet"
+	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
+</head>
+
+<body class="hold-transition skin-blue sidebar-mini">
+
+	<div class="wrapper">
+
+		<!-- 页面头部 -->
+		<jsp:include page="header.jsp"></jsp:include>
+		<!-- 页面头部 /-->
+
+		<!-- 导航侧栏 -->
+		<jsp:include page="aside.jsp"></jsp:include>
+		<!-- 导航侧栏 /-->
+
+		<!-- 内容区域 -->
+		<div class="content-wrapper">
+
+			<!-- 内容头部 -->
+			<section class="content-header">
+			<h1>
+				用户管理 <small>全部用户</small>
+			</h1>
+			<ol class="breadcrumb">
+				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
+						class="fa fa-dashboard"></i> 首页</a></li>
+				<li><a
+					href="${pageContext.request.contextPath}/user/findAll.do">用户管理</a></li>
+
+				<li class="active">全部用户</li>
+			</ol>
+			</section>
+			<!-- 内容头部 /-->
+
+				<!-- 正文区域 -->
+				<section class="content"> <!-- .box-body -->
+				<div class="box box-primary">
+					<div class="box-header with-border">
+						<h3 class="box-title">列表</h3>
+					</div>
+
+					<div class="box-body">
+
+						<!-- 数据表格 -->
+						<div class="table-box">
+
+							<!--工具栏-->
+							<div class="pull-left">
+								<div class="form-group form-inline">
+									<div class="btn-group">
+										<button type="button" class="btn btn-default" title="新建" onclick="location.href='${pageContext.request.contextPath}/pages/user-add.jsp'">
+											<i class="fa fa-file-o"></i> 新建
+										</button>
+										
+										<button type="button" class="btn btn-default" title="刷新">
+											<i class="fa fa-refresh"></i> 刷新
+										</button>
+									</div>
+								</div>
+							</div>
+							<div class="box-tools pull-right">
+								<div class="has-feedback">
+									<input type="text" class="form-control input-sm"
+										placeholder="搜索"> <span
+										class="glyphicon glyphicon-search form-control-feedback"></span>
+								</div>
+							</div>
+							<!--工具栏/-->
+
+							<!--数据列表-->
+							<table id="dataList"
+								class="table table-bordered table-striped table-hover dataTable">
+								<thead>
+									<tr>
+										<th class="" style="padding-right: 0px"><input
+											id="selall" type="checkbox" class="icheckbox_square-blue">
+										</th>
+										<th class="sorting_asc">ID</th>
+										<th class="sorting_desc">用户名</th>
+										<th class="sorting_asc sorting_asc_disabled">邮箱</th>
+										<th class="sorting_desc sorting_desc_disabled">联系电话</th>
+										<th class="sorting">具有角色</th>
+										<th class="sorting">操作</th>
+									</tr>
+								</thead>
+								<tbody>
+
+										<tr>
+											<td><input name="ids" type="checkbox"></td>
+											<td>1</td>
+											<td>张三</td>
+											<td>zhangsan@itcast.cn</td>
+											<td>13888888888</td>
+											<td class="text-center">
+												课程研究员&nbsp;讲师&nbsp;
+											</td>
+											<td class="text-center">
+												<a href="javascript:void(0);" class="btn bg-olive btn-xs">删除</a>
+											</td>
+										</tr>
+
+                                        <tr>
+                                            <td><input name="ids" type="checkbox"></td>
+                                            <td>2</td>
+                                            <td>李四</td>
+                                            <td>lisi@itcast.cn</td>
+                                            <td>13999999999</td>
+                                            <td class="text-center">
+                                                讲师&nbsp;
+                                            </td>
+                                        </tr>
+
+								</tbody>
+
+							</table>
+							<!--数据列表/-->
+
+						</div>
+						<!-- 数据表格 /-->
+
+					</div>
+					<!-- /.box-body -->
+
+
+
+				</div>
+
+				</section>
+				<!-- 正文区域 /-->
+
+			</div>
+			<!-- @@close -->
+			<!-- 内容区域 /-->
+
+			<!-- 底部导航 -->
+			<footer class="main-footer">
+			<div class="pull-right hidden-xs">
+				<b>Version</b> 1.0.8
+			</div>
+			<strong>Copyright &copy; 2018-2020 <a
+				href="http://www.itcast.cn">研究院研发部</a>.
+			</strong> All rights reserved. </footer>
+			<!-- 底部导航 /-->
+
+		</div>
+
+		<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
+		<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
+		<script>
+			$.widget.bridge('uibutton', $.ui.button);
+		</script>
+		<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
+		<script src="../plugins/raphael/raphael-min.js"></script>
+		<script src="../plugins/morris/morris.min.js"></script>
+		<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
+		<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+		<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+		<script src="../plugins/knob/jquery.knob.js"></script>
+		<script src="../plugins/daterangepicker/moment.min.js"></script>
+		<script src="../plugins/daterangepicker/daterangepicker.js"></script>
+		<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
+		<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
+		<script
+			src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
+		<script
+			src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+		<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
+		<script src="../plugins/fastclick/fastclick.js"></script>
+		<script src="../plugins/iCheck/icheck.min.js"></script>
+		<script src="../plugins/adminLTE/js/app.min.js"></script>
+		<script src="../plugins/treeTable/jquery.treetable.js"></script>
+		<script src="../plugins/select2/select2.full.min.js"></script>
+		<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
+		<script
+			src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
+		<script
+			src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
+		<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
+		<script src="../plugins/ckeditor/ckeditor.js"></script>
+		<script src="../plugins/input-mask/jquery.inputmask.js"></script>
+		<script
+			src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
+		<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
+		<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
+		<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
+		<script src="../plugins/chartjs/Chart.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
+		<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
+		<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
+		<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
+		<script>
+			$(document).ready(function() {
+				// 选择框
+				$(".select2").select2();
+
+				// WYSIHTML5编辑器
+				$(".textarea").wysihtml5({
+					locale : 'zh-CN'
+				});
+			});
+
+			// 设置激活菜单
+			function setSidebarActive(tagUri) {
+				var liObj = $("#" + tagUri);
+				if (liObj.length > 0) {
+					liObj.parent().parent().addClass("active");
+					liObj.addClass("active");
+				}
+			}
+
+			$(document)
+					.ready(
+							function() {
+
+								// 激活导航位置
+								setSidebarActive("admin-datalist");
+
+								// 列表按钮 
+								$("#dataList td input[type='checkbox']")
+										.iCheck(
+												{
+													checkboxClass : 'icheckbox_square-blue',
+													increaseArea : '20%'
+												});
+								// 全选操作 
+								$("#selall")
+										.click(
+												function() {
+													var clicks = $(this).is(
+															':checked');
+													if (!clicks) {
+														$(
+																"#dataList td input[type='checkbox']")
+																.iCheck(
+																		"uncheck");
+													} else {
+														$(
+																"#dataList td input[type='checkbox']")
+																.iCheck("check");
+													}
+													$(this).data("clicks",
+															!clicks);
+												});
+							});
+		</script>
+</body>
+
+</html>

spring_test/src/main/webapp/plugins/adminLTE/css/alt/AdminLTE-bootstrap-social.css

@@ -0,0 +1,760 @@
+/*
+ * Social Buttons for Bootstrap
+ *
+ * Copyright 2013-2015 Panayiotis Lipiridis
+ * Licensed under the MIT License
+ *
+ * https://github.com/lipis/bootstrap-social
+ */
+.btn-social {
+  position: relative;
+  padding-left: 44px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.btn-social > :first-child {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 32px;
+  line-height: 34px;
+  font-size: 1.6em;
+  text-align: center;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+}
+.btn-social.btn-lg {
+  padding-left: 61px;
+}
+.btn-social.btn-lg > :first-child {
+  line-height: 45px;
+  width: 45px;
+  font-size: 1.8em;
+}
+.btn-social.btn-sm {
+  padding-left: 38px;
+}
+.btn-social.btn-sm > :first-child {
+  line-height: 28px;
+  width: 28px;
+  font-size: 1.4em;
+}
+.btn-social.btn-xs {
+  padding-left: 30px;
+}
+.btn-social.btn-xs > :first-child {
+  line-height: 20px;
+  width: 20px;
+  font-size: 1.2em;
+}
+.btn-social-icon {
+  position: relative;
+  padding-left: 44px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: 34px;
+  width: 34px;
+  padding: 0;
+}
+.btn-social-icon > :first-child {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 32px;
+  line-height: 34px;
+  font-size: 1.6em;
+  text-align: center;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+}
+.btn-social-icon.btn-lg {
+  padding-left: 61px;
+}
+.btn-social-icon.btn-lg > :first-child {
+  line-height: 45px;
+  width: 45px;
+  font-size: 1.8em;
+}
+.btn-social-icon.btn-sm {
+  padding-left: 38px;
+}
+.btn-social-icon.btn-sm > :first-child {
+  line-height: 28px;
+  width: 28px;
+  font-size: 1.4em;
+}
+.btn-social-icon.btn-xs {
+  padding-left: 30px;
+}
+.btn-social-icon.btn-xs > :first-child {
+  line-height: 20px;
+  width: 20px;
+  font-size: 1.2em;
+}
+.btn-social-icon > :first-child {
+  border: none;
+  text-align: center;
+  width: 100%;
+}
+.btn-social-icon.btn-lg {
+  height: 45px;
+  width: 45px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.btn-social-icon.btn-sm {
+  height: 30px;
+  width: 30px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.btn-social-icon.btn-xs {
+  height: 22px;
+  width: 22px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.btn-adn {
+  color: #ffffff;
+  background-color: #d87a68;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:focus,
+.btn-adn.focus {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:hover {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:active,
+.btn-adn.active,
+.open > .dropdown-toggle.btn-adn {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:active,
+.btn-adn.active,
+.open > .dropdown-toggle.btn-adn {
+  background-image: none;
+}
+.btn-adn .badge {
+  color: #d87a68;
+  background-color: #ffffff;
+}
+.btn-bitbucket {
+  color: #ffffff;
+  background-color: #205081;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:focus,
+.btn-bitbucket.focus {
+  color: #ffffff;
+  background-color: #163758;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:hover {
+  color: #ffffff;
+  background-color: #163758;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:active,
+.btn-bitbucket.active,
+.open > .dropdown-toggle.btn-bitbucket {
+  color: #ffffff;
+  background-color: #163758;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:active,
+.btn-bitbucket.active,
+.open > .dropdown-toggle.btn-bitbucket {
+  background-image: none;
+}
+.btn-bitbucket .badge {
+  color: #205081;
+  background-color: #ffffff;
+}
+.btn-dropbox {
+  color: #ffffff;
+  background-color: #1087dd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:focus,
+.btn-dropbox.focus {
+  color: #ffffff;
+  background-color: #0d6aad;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:hover {
+  color: #ffffff;
+  background-color: #0d6aad;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:active,
+.btn-dropbox.active,
+.open > .dropdown-toggle.btn-dropbox {
+  color: #ffffff;
+  background-color: #0d6aad;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:active,
+.btn-dropbox.active,
+.open > .dropdown-toggle.btn-dropbox {
+  background-image: none;
+}
+.btn-dropbox .badge {
+  color: #1087dd;
+  background-color: #ffffff;
+}
+.btn-facebook {
+  color: #ffffff;
+  background-color: #3b5998;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:focus,
+.btn-facebook.focus {
+  color: #ffffff;
+  background-color: #2d4373;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:hover {
+  color: #ffffff;
+  background-color: #2d4373;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:active,
+.btn-facebook.active,
+.open > .dropdown-toggle.btn-facebook {
+  color: #ffffff;
+  background-color: #2d4373;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:active,
+.btn-facebook.active,
+.open > .dropdown-toggle.btn-facebook {
+  background-image: none;
+}
+.btn-facebook .badge {
+  color: #3b5998;
+  background-color: #ffffff;
+}
+.btn-flickr {
+  color: #ffffff;
+  background-color: #ff0084;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:focus,
+.btn-flickr.focus {
+  color: #ffffff;
+  background-color: #cc006a;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:hover {
+  color: #ffffff;
+  background-color: #cc006a;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:active,
+.btn-flickr.active,
+.open > .dropdown-toggle.btn-flickr {
+  color: #ffffff;
+  background-color: #cc006a;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:active,
+.btn-flickr.active,
+.open > .dropdown-toggle.btn-flickr {
+  background-image: none;
+}
+.btn-flickr .badge {
+  color: #ff0084;
+  background-color: #ffffff;
+}
+.btn-foursquare {
+  color: #ffffff;
+  background-color: #f94877;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:focus,
+.btn-foursquare.focus {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:hover {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:active,
+.btn-foursquare.active,
+.open > .dropdown-toggle.btn-foursquare {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:active,
+.btn-foursquare.active,
+.open > .dropdown-toggle.btn-foursquare {
+  background-image: none;
+}
+.btn-foursquare .badge {
+  color: #f94877;
+  background-color: #ffffff;
+}
+.btn-github {
+  color: #ffffff;
+  background-color: #444444;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:focus,
+.btn-github.focus {
+  color: #ffffff;
+  background-color: #2b2b2b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:hover {
+  color: #ffffff;
+  background-color: #2b2b2b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:active,
+.btn-github.active,
+.open > .dropdown-toggle.btn-github {
+  color: #ffffff;
+  background-color: #2b2b2b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:active,
+.btn-github.active,
+.open > .dropdown-toggle.btn-github {
+  background-image: none;
+}
+.btn-github .badge {
+  color: #444444;
+  background-color: #ffffff;
+}
+.btn-google {
+  color: #ffffff;
+  background-color: #dd4b39;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:focus,
+.btn-google.focus {
+  color: #ffffff;
+  background-color: #c23321;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:hover {
+  color: #ffffff;
+  background-color: #c23321;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:active,
+.btn-google.active,
+.open > .dropdown-toggle.btn-google {
+  color: #ffffff;
+  background-color: #c23321;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:active,
+.btn-google.active,
+.open > .dropdown-toggle.btn-google {
+  background-image: none;
+}
+.btn-google .badge {
+  color: #dd4b39;
+  background-color: #ffffff;
+}
+.btn-instagram {
+  color: #ffffff;
+  background-color: #3f729b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:focus,
+.btn-instagram.focus {
+  color: #ffffff;
+  background-color: #305777;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:hover {
+  color: #ffffff;
+  background-color: #305777;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:active,
+.btn-instagram.active,
+.open > .dropdown-toggle.btn-instagram {
+  color: #ffffff;
+  background-color: #305777;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:active,
+.btn-instagram.active,
+.open > .dropdown-toggle.btn-instagram {
+  background-image: none;
+}
+.btn-instagram .badge {
+  color: #3f729b;
+  background-color: #ffffff;
+}
+.btn-linkedin {
+  color: #ffffff;
+  background-color: #007bb6;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:focus,
+.btn-linkedin.focus {
+  color: #ffffff;
+  background-color: #005983;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:hover {
+  color: #ffffff;
+  background-color: #005983;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:active,
+.btn-linkedin.active,
+.open > .dropdown-toggle.btn-linkedin {
+  color: #ffffff;
+  background-color: #005983;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:active,
+.btn-linkedin.active,
+.open > .dropdown-toggle.btn-linkedin {
+  background-image: none;
+}
+.btn-linkedin .badge {
+  color: #007bb6;
+  background-color: #ffffff;
+}
+.btn-microsoft {
+  color: #ffffff;
+  background-color: #2672ec;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:focus,
+.btn-microsoft.focus {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:hover {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:active,
+.btn-microsoft.active,
+.open > .dropdown-toggle.btn-microsoft {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:active,
+.btn-microsoft.active,
+.open > .dropdown-toggle.btn-microsoft {
+  background-image: none;
+}
+.btn-microsoft .badge {
+  color: #2672ec;
+  background-color: #ffffff;
+}
+.btn-openid {
+  color: #ffffff;
+  background-color: #f7931e;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:focus,
+.btn-openid.focus {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:hover {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:active,
+.btn-openid.active,
+.open > .dropdown-toggle.btn-openid {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:active,
+.btn-openid.active,
+.open > .dropdown-toggle.btn-openid {
+  background-image: none;
+}
+.btn-openid .badge {
+  color: #f7931e;
+  background-color: #ffffff;
+}
+.btn-pinterest {
+  color: #ffffff;
+  background-color: #cb2027;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:focus,
+.btn-pinterest.focus {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:hover {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open > .dropdown-toggle.btn-pinterest {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open > .dropdown-toggle.btn-pinterest {
+  background-image: none;
+}
+.btn-pinterest .badge {
+  color: #cb2027;
+  background-color: #ffffff;
+}
+.btn-reddit {
+  color: #000000;
+  background-color: #eff7ff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:focus,
+.btn-reddit.focus {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:hover {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:active,
+.btn-reddit.active,
+.open > .dropdown-toggle.btn-reddit {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:active,
+.btn-reddit.active,
+.open > .dropdown-toggle.btn-reddit {
+  background-image: none;
+}
+.btn-reddit .badge {
+  color: #eff7ff;
+  background-color: #000000;
+}
+.btn-soundcloud {
+  color: #ffffff;
+  background-color: #ff5500;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:focus,
+.btn-soundcloud.focus {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:hover {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:active,
+.btn-soundcloud.active,
+.open > .dropdown-toggle.btn-soundcloud {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:active,
+.btn-soundcloud.active,
+.open > .dropdown-toggle.btn-soundcloud {
+  background-image: none;
+}
+.btn-soundcloud .badge {
+  color: #ff5500;
+  background-color: #ffffff;
+}
+.btn-tumblr {
+  color: #ffffff;
+  background-color: #2c4762;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:focus,
+.btn-tumblr.focus {
+  color: #ffffff;
+  background-color: #1c2d3f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:hover {
+  color: #ffffff;
+  background-color: #1c2d3f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:active,
+.btn-tumblr.active,
+.open > .dropdown-toggle.btn-tumblr {
+  color: #ffffff;
+  background-color: #1c2d3f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:active,
+.btn-tumblr.active,
+.open > .dropdown-toggle.btn-tumblr {
+  background-image: none;
+}
+.btn-tumblr .badge {
+  color: #2c4762;
+  background-color: #ffffff;
+}
+.btn-twitter {
+  color: #ffffff;
+  background-color: #55acee;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:focus,
+.btn-twitter.focus {
+  color: #ffffff;
+  background-color: #2795e9;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:hover {
+  color: #ffffff;
+  background-color: #2795e9;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:active,
+.btn-twitter.active,
+.open > .dropdown-toggle.btn-twitter {
+  color: #ffffff;
+  background-color: #2795e9;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:active,
+.btn-twitter.active,
+.open > .dropdown-toggle.btn-twitter {
+  background-image: none;
+}
+.btn-twitter .badge {
+  color: #55acee;
+  background-color: #ffffff;
+}
+.btn-vimeo {
+  color: #ffffff;
+  background-color: #1ab7ea;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:focus,
+.btn-vimeo.focus {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:hover {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:active,
+.btn-vimeo.active,
+.open > .dropdown-toggle.btn-vimeo {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:active,
+.btn-vimeo.active,
+.open > .dropdown-toggle.btn-vimeo {
+  background-image: none;
+}
+.btn-vimeo .badge {
+  color: #1ab7ea;
+  background-color: #ffffff;
+}
+.btn-vk {
+  color: #ffffff;
+  background-color: #587ea3;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:focus,
+.btn-vk.focus {
+  color: #ffffff;
+  background-color: #466482;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:hover {
+  color: #ffffff;
+  background-color: #466482;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:active,
+.btn-vk.active,
+.open > .dropdown-toggle.btn-vk {
+  color: #ffffff;
+  background-color: #466482;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:active,
+.btn-vk.active,
+.open > .dropdown-toggle.btn-vk {
+  background-image: none;
+}
+.btn-vk .badge {
+  color: #587ea3;
+  background-color: #ffffff;
+}
+.btn-yahoo {
+  color: #ffffff;
+  background-color: #720e9e;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:focus,
+.btn-yahoo.focus {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:hover {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:active,
+.btn-yahoo.active,
+.open > .dropdown-toggle.btn-yahoo {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:active,
+.btn-yahoo.active,
+.open > .dropdown-toggle.btn-yahoo {
+  background-image: none;
+}
+.btn-yahoo .badge {
+  color: #720e9e;
+  background-color: #ffffff;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/alt/AdminLTE-fullcalendar.css

@@ -0,0 +1,93 @@
+/*
+ * Plugin: Full Calendar
+ * ---------------------
+ */
+.fc-button {
+  background: #f4f4f4;
+  background-image: none;
+  color: #444;
+  border-color: #ddd;
+  border-bottom-color: #ddd;
+}
+.fc-button:hover,
+.fc-button:active,
+.fc-button.hover {
+  background-color: #e9e9e9;
+}
+.fc-header-title h2 {
+  font-size: 15px;
+  line-height: 1.6em;
+  color: #666;
+  margin-left: 10px;
+}
+.fc-header-right {
+  padding-right: 10px;
+}
+.fc-header-left {
+  padding-left: 10px;
+}
+.fc-widget-header {
+  background: #fafafa;
+}
+.fc-grid {
+  width: 100%;
+  border: 0;
+}
+.fc-widget-header:first-of-type,
+.fc-widget-content:first-of-type {
+  border-left: 0;
+  border-right: 0;
+}
+.fc-widget-header:last-of-type,
+.fc-widget-content:last-of-type {
+  border-right: 0;
+}
+.fc-toolbar {
+  padding: 10px;
+  margin: 0;
+}
+.fc-day-number {
+  font-size: 20px;
+  font-weight: 300;
+  padding-right: 10px;
+}
+.fc-color-picker {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.fc-color-picker > li {
+  float: left;
+  font-size: 30px;
+  margin-right: 5px;
+  line-height: 30px;
+}
+.fc-color-picker > li .fa {
+  -webkit-transition: -webkit-transform linear 0.3s;
+  -moz-transition: -moz-transform linear 0.3s;
+  -o-transition: -o-transform linear 0.3s;
+  transition: transform linear 0.3s;
+}
+.fc-color-picker > li .fa:hover {
+  -webkit-transform: rotate(30deg);
+  -ms-transform: rotate(30deg);
+  -o-transform: rotate(30deg);
+  transform: rotate(30deg);
+}
+#add-new-event {
+  -webkit-transition: all linear 0.3s;
+  -o-transition: all linear 0.3s;
+  transition: all linear 0.3s;
+}
+.external-event {
+  padding: 5px 10px;
+  font-weight: bold;
+  margin-bottom: 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+  cursor: move;
+}
+.external-event:hover {
+  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
+}

spring_test/src/main/webapp/plugins/adminLTE/css/alt/AdminLTE-select2.css

@@ -0,0 +1,97 @@
+/*
+ * Plugin: Select2
+ * ---------------
+ */
+.select2-container--default.select2-container--focus,
+.select2-selection.select2-container--focus,
+.select2-container--default:focus,
+.select2-selection:focus,
+.select2-container--default:active,
+.select2-selection:active {
+  outline: none;
+}
+.select2-container--default .select2-selection--single,
+.select2-selection .select2-selection--single {
+  border: 1px solid #d2d6de;
+  border-radius: 0;
+  padding: 6px 12px;
+  height: 34px;
+}
+.select2-container--default.select2-container--open {
+  border-color: #3c8dbc;
+}
+.select2-dropdown {
+  border: 1px solid #d2d6de;
+  border-radius: 0;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: #3c8dbc;
+  color: white;
+}
+.select2-results__option {
+  padding: 6px 12px;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.select2-container .select2-selection--single .select2-selection__rendered {
+  padding-left: 0;
+  padding-right: 0;
+  height: auto;
+  margin-top: -4px;
+}
+.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+  padding-right: 6px;
+  padding-left: 20px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+  height: 28px;
+  right: 3px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+  margin-top: 0;
+}
+.select2-dropdown .select2-search__field,
+.select2-search--inline .select2-search__field {
+  border: 1px solid #d2d6de;
+}
+.select2-dropdown .select2-search__field:focus,
+.select2-search--inline .select2-search__field:focus {
+  outline: none;
+  border: 1px solid #3c8dbc;
+}
+.select2-container--default .select2-results__option[aria-disabled=true] {
+  color: #999;
+}
+.select2-container--default .select2-results__option[aria-selected=true] {
+  background-color: #ddd;
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  color: #444;
+}
+.select2-container--default .select2-selection--multiple {
+  border: 1px solid #d2d6de;
+  border-radius: 0;
+}
+.select2-container--default .select2-selection--multiple:focus {
+  border-color: #3c8dbc;
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #d2d6de;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3c8dbc;
+  border-color: #367fa9;
+  padding: 1px 10px;
+  color: #fff;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  margin-right: 5px;
+  color: rgba(255, 255, 255, 0.7);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+.select2-container .select2-selection--single .select2-selection__rendered {
+  padding-right: 10px;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-black-light.css

@@ -0,0 +1,173 @@
+/*
+ * Skin: Black
+ * -----------
+ */
+/* skin-black navbar */
+.skin-black-light .main-header {
+  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
+}
+.skin-black-light .main-header .navbar-toggle {
+  color: #333;
+}
+.skin-black-light .main-header .navbar-brand {
+  color: #333;
+  border-right: 1px solid #eee;
+}
+.skin-black-light .main-header .navbar {
+  background-color: #ffffff;
+}
+.skin-black-light .main-header .navbar .nav > li > a {
+  color: #333333;
+}
+.skin-black-light .main-header .navbar .nav > li > a:hover,
+.skin-black-light .main-header .navbar .nav > li > a:active,
+.skin-black-light .main-header .navbar .nav > li > a:focus,
+.skin-black-light .main-header .navbar .nav .open > a,
+.skin-black-light .main-header .navbar .nav .open > a:hover,
+.skin-black-light .main-header .navbar .nav .open > a:focus,
+.skin-black-light .main-header .navbar .nav > .active > a {
+  background: #ffffff;
+  color: #999999;
+}
+.skin-black-light .main-header .navbar .sidebar-toggle {
+  color: #333333;
+}
+.skin-black-light .main-header .navbar .sidebar-toggle:hover {
+  color: #999999;
+  background: #ffffff;
+}
+.skin-black-light .main-header .navbar > .sidebar-toggle {
+  color: #333;
+  border-right: 1px solid #eee;
+}
+.skin-black-light .main-header .navbar .navbar-nav > li > a {
+  border-right: 1px solid #eee;
+}
+.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
+.skin-black-light .main-header .navbar .navbar-right > li > a {
+  border-left: 1px solid #eee;
+  border-right-width: 0;
+}
+.skin-black-light .main-header > .logo {
+  background-color: #ffffff;
+  color: #333333;
+  border-bottom: 0 solid transparent;
+  border-right: 1px solid #eee;
+}
+.skin-black-light .main-header > .logo:hover {
+  background-color: #fcfcfc;
+}
+@media (max-width: 767px) {
+  .skin-black-light .main-header > .logo {
+    background-color: #222222;
+    color: #ffffff;
+    border-bottom: 0 solid transparent;
+    border-right: none;
+  }
+  .skin-black-light .main-header > .logo:hover {
+    background-color: #1f1f1f;
+  }
+}
+.skin-black-light .main-header li.user-header {
+  background-color: #222;
+}
+.skin-black-light .content-header {
+  background: transparent;
+  box-shadow: none;
+}
+.skin-black-light .wrapper,
+.skin-black-light .main-sidebar,
+.skin-black-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-black-light .content-wrapper,
+.skin-black-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-black-light .user-panel > .info,
+.skin-black-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-black-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-black-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-black-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-black-light .sidebar-menu > li:hover > a,
+.skin-black-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-black-light .sidebar-menu > li.active {
+  border-left-color: #ffffff;
+}
+.skin-black-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-black-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-black-light .sidebar a {
+  color: #444444;
+}
+.skin-black-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-black-light .treeview-menu > li.active > a,
+.skin-black-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-black-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-black-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-black-light .sidebar-form input[type="text"],
+.skin-black-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-black-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black-light .sidebar-form input[type="text"]:focus,
+.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-black.css

@@ -0,0 +1,158 @@
+/*
+ * Skin: Black
+ * -----------
+ */
+/* skin-black navbar */
+.skin-black .main-header {
+  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
+}
+.skin-black .main-header .navbar-toggle {
+  color: #333;
+}
+.skin-black .main-header .navbar-brand {
+  color: #333;
+  border-right: 1px solid #eee;
+}
+.skin-black .main-header .navbar {
+  background-color: #ffffff;
+}
+.skin-black .main-header .navbar .nav > li > a {
+  color: #333333;
+}
+.skin-black .main-header .navbar .nav > li > a:hover,
+.skin-black .main-header .navbar .nav > li > a:active,
+.skin-black .main-header .navbar .nav > li > a:focus,
+.skin-black .main-header .navbar .nav .open > a,
+.skin-black .main-header .navbar .nav .open > a:hover,
+.skin-black .main-header .navbar .nav .open > a:focus,
+.skin-black .main-header .navbar .nav > .active > a {
+  background: #ffffff;
+  color: #999999;
+}
+.skin-black .main-header .navbar .sidebar-toggle {
+  color: #333333;
+}
+.skin-black .main-header .navbar .sidebar-toggle:hover {
+  color: #999999;
+  background: #ffffff;
+}
+.skin-black .main-header .navbar > .sidebar-toggle {
+  color: #333;
+  border-right: 1px solid #eee;
+}
+.skin-black .main-header .navbar .navbar-nav > li > a {
+  border-right: 1px solid #eee;
+}
+.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
+.skin-black .main-header .navbar .navbar-right > li > a {
+  border-left: 1px solid #eee;
+  border-right-width: 0;
+}
+.skin-black .main-header > .logo {
+  background-color: #ffffff;
+  color: #333333;
+  border-bottom: 0 solid transparent;
+  border-right: 1px solid #eee;
+}
+.skin-black .main-header > .logo:hover {
+  background-color: #fcfcfc;
+}
+@media (max-width: 767px) {
+  .skin-black .main-header > .logo {
+    background-color: #222222;
+    color: #ffffff;
+    border-bottom: 0 solid transparent;
+    border-right: none;
+  }
+  .skin-black .main-header > .logo:hover {
+    background-color: #1f1f1f;
+  }
+}
+.skin-black .main-header li.user-header {
+  background-color: #222;
+}
+.skin-black .content-header {
+  background: transparent;
+  box-shadow: none;
+}
+.skin-black .wrapper,
+.skin-black .main-sidebar,
+.skin-black .left-side {
+  background-color: #222d32;
+}
+.skin-black .user-panel > .info,
+.skin-black .user-panel > .info > a {
+  color: #fff;
+}
+.skin-black .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-black .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-black .sidebar-menu > li:hover > a,
+.skin-black .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #ffffff;
+}
+.skin-black .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-black .sidebar a {
+  color: #b8c7ce;
+}
+.skin-black .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-black .treeview-menu > li.active > a,
+.skin-black .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-black .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-black .sidebar-form input[type="text"],
+.skin-black .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-black .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black .sidebar-form input[type="text"]:focus,
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-black .pace .pace-progress {
+  background: #222;
+}
+.skin-black .pace .pace-activity {
+  border-top-color: #222;
+  border-left-color: #222;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-blue-light.css

@@ -0,0 +1,164 @@
+/*
+ * Skin: Blue
+ * ----------
+ */
+.skin-blue-light .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue-light .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-blue-light .main-header .navbar .nav > li > a:hover,
+.skin-blue-light .main-header .navbar .nav > li > a:active,
+.skin-blue-light .main-header .navbar .nav > li > a:focus,
+.skin-blue-light .main-header .navbar .nav .open > a,
+.skin-blue-light .main-header .navbar .nav .open > a:hover,
+.skin-blue-light .main-header .navbar .nav .open > a:focus,
+.skin-blue-light .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue-light .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue-light .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-blue-light .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.skin-blue-light .main-header .logo {
+  background-color: #3c8dbc;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue-light .main-header .logo:hover {
+  background-color: #3b8ab8;
+}
+.skin-blue-light .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue-light .content-header {
+  background: transparent;
+}
+.skin-blue-light .wrapper,
+.skin-blue-light .main-sidebar,
+.skin-blue-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-blue-light .content-wrapper,
+.skin-blue-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-blue-light .user-panel > .info,
+.skin-blue-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-blue-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-blue-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-blue-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-blue-light .sidebar-menu > li:hover > a,
+.skin-blue-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-blue-light .sidebar-menu > li.active {
+  border-left-color: #3c8dbc;
+}
+.skin-blue-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-blue-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-blue-light .sidebar a {
+  color: #444444;
+}
+.skin-blue-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-blue-light .treeview-menu > li.active > a,
+.skin-blue-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-blue-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-blue-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-blue-light .sidebar-form input[type="text"],
+.skin-blue-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-blue-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue-light .sidebar-form input[type="text"]:focus,
+.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}
+.skin-blue-light .main-footer {
+  border-top-color: #d2d6de;
+}
+.skin-blue.layout-top-nav .main-header > .logo {
+  background-color: #3c8dbc;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue.layout-top-nav .main-header > .logo:hover {
+  background-color: #3b8ab8;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-blue.css

@@ -0,0 +1,139 @@
+/*
+ * Skin: Blue
+ * ----------
+ */
+.skin-blue .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-blue .main-header .navbar .nav > li > a:hover,
+.skin-blue .main-header .navbar .nav > li > a:active,
+.skin-blue .main-header .navbar .nav > li > a:focus,
+.skin-blue .main-header .navbar .nav .open > a,
+.skin-blue .main-header .navbar .nav .open > a:hover,
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.skin-blue .main-header .logo {
+  background-color: #367fa9;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue .main-header .logo:hover {
+  background-color: #357ca5;
+}
+.skin-blue .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue .content-header {
+  background: transparent;
+}
+.skin-blue .wrapper,
+.skin-blue .main-sidebar,
+.skin-blue .left-side {
+  background-color: #222d32;
+}
+.skin-blue .user-panel > .info,
+.skin-blue .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue .sidebar-menu > li:hover > a,
+.skin-blue .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue .treeview-menu > li.active > a,
+.skin-blue .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-blue .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue .sidebar-form input[type="text"],
+.skin-blue .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-blue .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue .sidebar-form input[type="text"]:focus,
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue.layout-top-nav .main-header > .logo {
+  background-color: #3c8dbc;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue.layout-top-nav .main-header > .logo:hover {
+  background-color: #3b8ab8;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-green-light.css

@@ -0,0 +1,153 @@
+/*
+ * Skin: Green
+ * -----------
+ */
+.skin-green-light .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green-light .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-green-light .main-header .navbar .nav > li > a:hover,
+.skin-green-light .main-header .navbar .nav > li > a:active,
+.skin-green-light .main-header .navbar .nav > li > a:focus,
+.skin-green-light .main-header .navbar .nav .open > a,
+.skin-green-light .main-header .navbar .nav .open > a:hover,
+.skin-green-light .main-header .navbar .nav .open > a:focus,
+.skin-green-light .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green-light .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-green-light .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green-light .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green-light .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green-light .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-green-light .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+  }
+}
+.skin-green-light .main-header .logo {
+  background-color: #00a65a;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-green-light .main-header .logo:hover {
+  background-color: #00a157;
+}
+.skin-green-light .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green-light .content-header {
+  background: transparent;
+}
+.skin-green-light .wrapper,
+.skin-green-light .main-sidebar,
+.skin-green-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-green-light .content-wrapper,
+.skin-green-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-green-light .user-panel > .info,
+.skin-green-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-green-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-green-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-green-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-green-light .sidebar-menu > li:hover > a,
+.skin-green-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-green-light .sidebar-menu > li.active {
+  border-left-color: #00a65a;
+}
+.skin-green-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-green-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-green-light .sidebar a {
+  color: #444444;
+}
+.skin-green-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-green-light .treeview-menu > li.active > a,
+.skin-green-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-green-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-green-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-green-light .sidebar-form input[type="text"],
+.skin-green-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-green-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green-light .sidebar-form input[type="text"]:focus,
+.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-green.css

@@ -0,0 +1,131 @@
+/*
+ * Skin: Green
+ * -----------
+ */
+.skin-green .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-green .main-header .navbar .nav > li > a:hover,
+.skin-green .main-header .navbar .nav > li > a:active,
+.skin-green .main-header .navbar .nav > li > a:focus,
+.skin-green .main-header .navbar .nav .open > a,
+.skin-green .main-header .navbar .nav .open > a:hover,
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+  }
+}
+.skin-green .main-header .logo {
+  background-color: #008d4c;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-green .main-header .logo:hover {
+  background-color: #008749;
+}
+.skin-green .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green .content-header {
+  background: transparent;
+}
+.skin-green .wrapper,
+.skin-green .main-sidebar,
+.skin-green .left-side {
+  background-color: #222d32;
+}
+.skin-green .user-panel > .info,
+.skin-green .user-panel > .info > a {
+  color: #fff;
+}
+.skin-green .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-green .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-green .sidebar-menu > li:hover > a,
+.skin-green .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #00a65a;
+}
+.skin-green .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-green .sidebar a {
+  color: #b8c7ce;
+}
+.skin-green .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-green .treeview-menu > li.active > a,
+.skin-green .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-green .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-green .sidebar-form input[type="text"],
+.skin-green .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-green .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green .sidebar-form input[type="text"]:focus,
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-purple-light.css

@@ -0,0 +1,153 @@
+/*
+ * Skin: Purple
+ * ------------
+ */
+.skin-purple-light .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple-light .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-purple-light .main-header .navbar .nav > li > a:hover,
+.skin-purple-light .main-header .navbar .nav > li > a:active,
+.skin-purple-light .main-header .navbar .nav > li > a:focus,
+.skin-purple-light .main-header .navbar .nav .open > a,
+.skin-purple-light .main-header .navbar .nav .open > a:hover,
+.skin-purple-light .main-header .navbar .nav .open > a:focus,
+.skin-purple-light .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple-light .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple-light .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-purple-light .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+  }
+}
+.skin-purple-light .main-header .logo {
+  background-color: #605ca8;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-purple-light .main-header .logo:hover {
+  background-color: #5d59a6;
+}
+.skin-purple-light .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple-light .content-header {
+  background: transparent;
+}
+.skin-purple-light .wrapper,
+.skin-purple-light .main-sidebar,
+.skin-purple-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-purple-light .content-wrapper,
+.skin-purple-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-purple-light .user-panel > .info,
+.skin-purple-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-purple-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-purple-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-purple-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-purple-light .sidebar-menu > li:hover > a,
+.skin-purple-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-purple-light .sidebar-menu > li.active {
+  border-left-color: #605ca8;
+}
+.skin-purple-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-purple-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-purple-light .sidebar a {
+  color: #444444;
+}
+.skin-purple-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-purple-light .treeview-menu > li.active > a,
+.skin-purple-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-purple-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-purple-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-purple-light .sidebar-form input[type="text"],
+.skin-purple-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-purple-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple-light .sidebar-form input[type="text"]:focus,
+.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-purple.css

@@ -0,0 +1,131 @@
+/*
+ * Skin: Purple
+ * ------------
+ */
+.skin-purple .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-purple .main-header .navbar .nav > li > a:hover,
+.skin-purple .main-header .navbar .nav > li > a:active,
+.skin-purple .main-header .navbar .nav > li > a:focus,
+.skin-purple .main-header .navbar .nav .open > a,
+.skin-purple .main-header .navbar .nav .open > a:hover,
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+  }
+}
+.skin-purple .main-header .logo {
+  background-color: #555299;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-purple .main-header .logo:hover {
+  background-color: #545096;
+}
+.skin-purple .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple .content-header {
+  background: transparent;
+}
+.skin-purple .wrapper,
+.skin-purple .main-sidebar,
+.skin-purple .left-side {
+  background-color: #222d32;
+}
+.skin-purple .user-panel > .info,
+.skin-purple .user-panel > .info > a {
+  color: #fff;
+}
+.skin-purple .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-purple .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-purple .sidebar-menu > li:hover > a,
+.skin-purple .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #605ca8;
+}
+.skin-purple .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-purple .sidebar a {
+  color: #b8c7ce;
+}
+.skin-purple .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-purple .treeview-menu > li.active > a,
+.skin-purple .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-purple .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-purple .sidebar-form input[type="text"],
+.skin-purple .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-purple .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple .sidebar-form input[type="text"]:focus,
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-red-light.css

@@ -0,0 +1,153 @@
+/*
+ * Skin: Red
+ * ---------
+ */
+.skin-red-light .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red-light .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-red-light .main-header .navbar .nav > li > a:hover,
+.skin-red-light .main-header .navbar .nav > li > a:active,
+.skin-red-light .main-header .navbar .nav > li > a:focus,
+.skin-red-light .main-header .navbar .nav .open > a,
+.skin-red-light .main-header .navbar .nav .open > a:hover,
+.skin-red-light .main-header .navbar .nav .open > a:focus,
+.skin-red-light .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red-light .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-red-light .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red-light .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red-light .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red-light .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-red-light .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+  }
+}
+.skin-red-light .main-header .logo {
+  background-color: #dd4b39;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-red-light .main-header .logo:hover {
+  background-color: #dc4735;
+}
+.skin-red-light .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red-light .content-header {
+  background: transparent;
+}
+.skin-red-light .wrapper,
+.skin-red-light .main-sidebar,
+.skin-red-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-red-light .content-wrapper,
+.skin-red-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-red-light .user-panel > .info,
+.skin-red-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-red-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-red-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-red-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-red-light .sidebar-menu > li:hover > a,
+.skin-red-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-red-light .sidebar-menu > li.active {
+  border-left-color: #dd4b39;
+}
+.skin-red-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-red-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-red-light .sidebar a {
+  color: #444444;
+}
+.skin-red-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-red-light .treeview-menu > li.active > a,
+.skin-red-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-red-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-red-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-red-light .sidebar-form input[type="text"],
+.skin-red-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-red-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red-light .sidebar-form input[type="text"]:focus,
+.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-red.css

@@ -0,0 +1,131 @@
+/*
+ * Skin: Red
+ * ---------
+ */
+.skin-red .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-red .main-header .navbar .nav > li > a:hover,
+.skin-red .main-header .navbar .nav > li > a:active,
+.skin-red .main-header .navbar .nav > li > a:focus,
+.skin-red .main-header .navbar .nav .open > a,
+.skin-red .main-header .navbar .nav .open > a:hover,
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+  }
+}
+.skin-red .main-header .logo {
+  background-color: #d73925;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-red .main-header .logo:hover {
+  background-color: #d33724;
+}
+.skin-red .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red .content-header {
+  background: transparent;
+}
+.skin-red .wrapper,
+.skin-red .main-sidebar,
+.skin-red .left-side {
+  background-color: #222d32;
+}
+.skin-red .user-panel > .info,
+.skin-red .user-panel > .info > a {
+  color: #fff;
+}
+.skin-red .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-red .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-red .sidebar-menu > li:hover > a,
+.skin-red .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #dd4b39;
+}
+.skin-red .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-red .sidebar a {
+  color: #b8c7ce;
+}
+.skin-red .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-red .treeview-menu > li.active > a,
+.skin-red .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-red .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-red .sidebar-form input[type="text"],
+.skin-red .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-red .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red .sidebar-form input[type="text"]:focus,
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-yellow-light.css

@@ -0,0 +1,153 @@
+/*
+ * Skin: Yellow
+ * ------------
+ */
+.skin-yellow-light .main-header .navbar {
+  background-color: #f39c12;
+}
+.skin-yellow-light .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-yellow-light .main-header .navbar .nav > li > a:hover,
+.skin-yellow-light .main-header .navbar .nav > li > a:active,
+.skin-yellow-light .main-header .navbar .nav > li > a:focus,
+.skin-yellow-light .main-header .navbar .nav .open > a,
+.skin-yellow-light .main-header .navbar .nav .open > a:hover,
+.skin-yellow-light .main-header .navbar .nav .open > a:focus,
+.skin-yellow-light .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-yellow-light .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-yellow-light .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e08e0b;
+}
+@media (max-width: 767px) {
+  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-yellow-light .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
+    background: #e08e0b;
+  }
+}
+.skin-yellow-light .main-header .logo {
+  background-color: #f39c12;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-yellow-light .main-header .logo:hover {
+  background-color: #f39a0d;
+}
+.skin-yellow-light .main-header li.user-header {
+  background-color: #f39c12;
+}
+.skin-yellow-light .content-header {
+  background: transparent;
+}
+.skin-yellow-light .wrapper,
+.skin-yellow-light .main-sidebar,
+.skin-yellow-light .left-side {
+  background-color: #f9fafc;
+}
+.skin-yellow-light .content-wrapper,
+.skin-yellow-light .main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.skin-yellow-light .user-panel > .info,
+.skin-yellow-light .user-panel > .info > a {
+  color: #444444;
+}
+.skin-yellow-light .sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.skin-yellow-light .sidebar-menu > li.header {
+  color: #848484;
+  background: #f9fafc;
+}
+.skin-yellow-light .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.skin-yellow-light .sidebar-menu > li:hover > a,
+.skin-yellow-light .sidebar-menu > li.active > a {
+  color: #000000;
+  background: #f4f4f5;
+}
+.skin-yellow-light .sidebar-menu > li.active {
+  border-left-color: #f39c12;
+}
+.skin-yellow-light .sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-yellow-light .sidebar-menu > li > .treeview-menu {
+  background: #f4f4f5;
+}
+.skin-yellow-light .sidebar a {
+  color: #444444;
+}
+.skin-yellow-light .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow-light .treeview-menu > li > a {
+  color: #777777;
+}
+.skin-yellow-light .treeview-menu > li.active > a,
+.skin-yellow-light .treeview-menu > li > a:hover {
+  color: #000000;
+}
+.skin-yellow-light .treeview-menu > li.active > a {
+  font-weight: 600;
+}
+.skin-yellow-light .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.skin-yellow-light .sidebar-form input[type="text"],
+.skin-yellow-light .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-yellow-light .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow-light .sidebar-form input[type="text"]:focus,
+.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow-light .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}

spring_test/src/main/webapp/plugins/adminLTE/css/skins/skin-yellow.css

@@ -0,0 +1,131 @@
+/*
+ * Skin: Yellow
+ * ------------
+ */
+.skin-yellow .main-header .navbar {
+  background-color: #f39c12;
+}
+.skin-yellow .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-yellow .main-header .navbar .nav > li > a:hover,
+.skin-yellow .main-header .navbar .nav > li > a:active,
+.skin-yellow .main-header .navbar .nav > li > a:focus,
+.skin-yellow .main-header .navbar .nav .open > a,
+.skin-yellow .main-header .navbar .nav .open > a:hover,
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e08e0b;
+}
+@media (max-width: 767px) {
+  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
+    background: #e08e0b;
+  }
+}
+.skin-yellow .main-header .logo {
+  background-color: #e08e0b;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-yellow .main-header .logo:hover {
+  background-color: #db8b0b;
+}
+.skin-yellow .main-header li.user-header {
+  background-color: #f39c12;
+}
+.skin-yellow .content-header {
+  background: transparent;
+}
+.skin-yellow .wrapper,
+.skin-yellow .main-sidebar,
+.skin-yellow .left-side {
+  background-color: #222d32;
+}
+.skin-yellow .user-panel > .info,
+.skin-yellow .user-panel > .info > a {
+  color: #fff;
+}
+.skin-yellow .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-yellow .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-yellow .sidebar-menu > li:hover > a,
+.skin-yellow .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #f39c12;
+}
+.skin-yellow .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-yellow .sidebar a {
+  color: #b8c7ce;
+}
+.skin-yellow .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-yellow .treeview-menu > li.active > a,
+.skin-yellow .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-yellow .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-yellow .sidebar-form input[type="text"],
+.skin-yellow .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.skin-yellow .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus,
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}