Spring MVC配置静态资源和资源包

转载

mb5ff5933087b38 2018-06-15 11:29:00

文章标签 spring mvc xml html css 文章分类 代码人生

Spring MVC配置静态资源和资源包

本例映射：css目录：

Spring MVC配置静态资源和资源包_css

pom.xml

<properties>
    <spring.version>4.3.5.RELEASE</spring.version>
  </properties>

  <dependencies>

     <!-- spring模块库 -->
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-beans</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-web</artifactId>
        <version>${spring.version}</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>${spring.version}</version>
    </dependency> 
    <!-- https://mvnrepository.com/artifact/org.springframework/spring-tx -->
    <!-- transaction事务 -->
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-tx</artifactId>
        <version>${spring.version}</version>
    </dependency>


    <!-- Servlet dependencies -->
    <!-- servlet(HttpServletRequest,HttpServletResponse) --> 
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>javax.servlet-api</artifactId>
        <version>3.1.0</version>
    </dependency>

    <!-- Jstl for jsp page -->
    <!-- https://mvnrepository.com/artifact/jstl/jstl -->
    <dependency>
        <groupId>jstl</groupId>
        <artifactId>jstl</artifactId>
        <version>1.2</version>
    </dependency>

    <!-- JSP API -->
    <!-- http://mvnrepository.com/artifact/javax.servlet.jsp/jsp-api -->
    <dependency>
         <groupId>javax.servlet.jsp</groupId>
         <artifactId>jsp-api</artifactId>
         <version>2.2</version>
         <scope>provided</scope>
     </dependency>



  </dependencies>

  <build>
    <finalName>gugua18</finalName>
    <pluginManagement>
      <plugins>
        <plugin>
          <groupId>org.apache.maven.plugins</groupId>
          <artifactId>maven-war-plugin</artifactId>
          <version>2.6</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>

web.xml

<web-app>
  <display-name>Archetype Created Web Application</display-name>

  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>/WEB-INF/applicationContext.xml</param-value>
  </context-param>


  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class> 
    org.springframework.web.servlet.DispatcherServlet
    </servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <listener>
    <listener-class>
      org.springframework.web.context.ContextLoaderListener
    </listener-class>
  </listener>

</web-app>

applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans
xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns: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">

</beans>

springmvc-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans
xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns: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">


<!-- 引入包 -->
<context:component-scan base-package="springmvc"/>

<!-- 自动装配 -->
<context:annotation-config/>


<!-- Important!! -->
<!-- 配置静态资源： -->
<mvc:default-servlet-handler/>
<mvc:annotation-driven/>

<!-- Config resource mapping -->
<!-- 资源映射  -->
<mvc:resources location="/WEB-INF/resources/css/" mapping="/styles/**"></mvc:resources>


<!-- Config Properties file -->
<!-- 加载文件属性  -->
<bean id="addProperties" class="org.springframework.beans.factory.config.PropertiesFactoryBean">
  <property name="locations">
    <list><value>classpath:ApplicationRB.properties</value></list>
  </property>
</bean>

<!-- 视图配置 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  <property name="prefix">
    <value>/WEB-INF/views/</value>
  </property>
  <property name="suffix">
    <value>.jsp</value>
  </property>
  <!-- exposedContextBeanNames属性来限制能够暴露到页面上的spring bean的名称列表 -->
  <property name="exposedContextBeanNames">
    <list>
      <value>addProperties</value>
    </list>
  </property>
</bean>

</beans>

将styles/css/目录映射到/WEB-INF/resources/css目录下

<mvc:resources location="/WEB-INF/resources/css/" mapping="/styles/**"></mvc:resources>

ApplicationRB.properties

text.loginPrompt=Enter user name and password
text.userName=User Name
text.password=Password

然后新建common.js/common.css

注意路径;

webapp/scripts/common.js

function sayHello()  {    
   alert("Hello from JavaScript");
}

webaapp/WEB-INF/resources/css/common.css

.button {
   font-size: 20px;
   background: #ccc;
}

.red-text {
   color: red;
   font-size: 30px;
}

.green-text {
   color: green;
   font-size: 20px;
}

然后是jsp

staticResourceTest.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>resource example</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/common.js"></script>
<link src="${pageContext.request.contextPath}/styles/css/common.css">
</head>
<body>


<div class="red-text">Red Text</div>
<br>
<div class="green-text">Green Text</div>
<br>
<input type="button" class="button" onclick="sayHello();" value="Click me">


</body>
</html>

staticBoundleTest.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>boundle resouce example</title>
</head>
<body>

<h3>${addProperties['text.loginPrompt']}</h3>


${addProperties['text.userName']}:<input type="text" name="userName"/><br>
${addProperties['text.password']}:<input type="password" name="password"/>

</body>
</html>

控制器:

MyController.jva

package springmvc.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class MyController {


  @RequestMapping(value="/staticResourceTest", method=RequestMethod.GET)
  public String staticResource(Model model)
  {

    return "staticResourceTest";
  }

  @RequestMapping(value="/staticBoundleTest", method=RequestMethod.GET)
  public String staticBoundle(Model model)
  {
    return "staticBoundleTest";
  }
}