Spring Boot の JSP模板配置+WEB-INF下静态资源访问

1-创建一个SpringBoot的MAVEN工程

点击【next】

点击【next】

点击【next】

点击【finish】,那么一个springboot的maven的web工程就创建成功了。

2-导入Maven依赖

<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <java.version>1.8</java.version>
  </properties>
  
  <build>
    <plugins>
      <plugin>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-maven-plugin</artifactId>
      </plugin>
    </plugins>
  </build>

  <!-- father -->
  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.0.0.RELEASE</version>
  </parent>

  <dependencies>
    <!--是web项目
    spring-boot的web启动的jar包-->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
      <exclusions>
        <exclusion>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-logging</artifactId>
        </exclusion>
      </exclusions>
    </dependency>

    <!-- jsp 视图支持-->
    <dependency>
      <groupId>org.apache.tomcat.embed</groupId>
      <artifactId>tomcat-embed-jasper</artifactId>
      <version>9.0.6</version>
    </dependency>

    <!-- 测试-->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-test</artifactId>
      <scope>test</scope>
    </dependency>


  <!-- 热部署 -->
  <!-- optional=true,依赖不会传递，该项目依赖devtools；之后依赖myboot项目的项目如果想要使用devtools，需要重新引入 -->
  <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-devtools</artifactId>
    <optional>true</optional>
  </dependency>

3-创建jsp资源目录

添加好依赖包过后，创建如下所示目录，并将jquery-1.10.2.min.js文件和icon.jpg图片分别放入js和img下。

4-写代码

4.1-删除默认生成的启动类

4.2-创建Application.class启动类

package com.example;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.ServletComponentScan;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;

/**
 * Created by wangbiao-019 on 2018/3/21.
 */
@SpringBootApplication
@ServletComponentScan   //扫描Servlet
//@MapperScan("com.dgcpic.mvn.*.dao.mapper")//这里mapper是你的mybatis的mapper目录。
public class Application extends SpringBootServletInitializer{
    //入口
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

4.3-定制SpringBoot的全局MVC特性

有两种写法，分别是实现WebMvcConfigurer接口和继承WebMvcConfigurerAdaper类

由于SpringBoot是2.0.0.RELEASE版本，WebMvcConfigurerAdaper被划横线了，所以用第一种方式:

package com.example.demo;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
 * Created by wangbiao-019 on 2018/3/21.
 */
@Configuration
public class MyMvcConfig implements WebMvcConfigurer {

    /*资源处理器*/
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
       registry.addResourceHandler("/img/**").addResourceLocations("/WEB-INF/"+"/img/");
       registry.addResourceHandler("/static/**").addResourceLocations("/WEB-INF/"+"/static/");
    }

}

4.4-配置application.properties文件

#project
server.address=127.0.0.1
server.port=8080
server.servlet.path=/jspmodeldemo

#springMVC
#如果仅仅是访问静态资源的话，下面两个可以不要，它的作用是用于MVC的页面跳转
spring.mvc.view.prefix=/WEB-INF/page/
spring.mvc.view.suffix=.jsp

5-验证结果

-启动SpringBoot内置Tomcat

-在浏览器端访问地址: 

http://localhost:8080/jspmodeldemo/img/icon.jpg

http://localhost:8080/jspmodeldemo/static/js/jquery-1.10.2.min.js

可分别得到图片和js文件内容。

6-拓展

url访问控制：也许在应用中我们一不小心让人知道了某个页面的地址，我们也没在有关那个页面的数据交互的后台控制器做校验，这个时候我们就想着只要是他访问了这个页面，不管你是谁都给你跳到另外一个页面。

这里我做的是只要你访问的是以 .do结尾的地址都给跳转至login.jsp页面。

添加热部署依赖，前端改变代码，页面立马变，无缓存：

<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<optional>true</optional>
		</dependency>

在MyMvcConfig.class类中添加如下代码：

private final static String URI_VIEWCONTROLLER_PREFIX = "/**/*";
    private final static String URI_VIEWCONTROLLER_SUFFIX = ".do";
    private final static String URI_VIEWCONTROLLER_REDIRECT = "login";
 
@Override
    public void addViewControllers(ViewControllerRegistry registry) {
        //所有以.do结尾的url都重定向到login页面
        //将 /**/*.do重定向到 /**/login
        registry.addRedirectViewController(URI_VIEWCONTROLLER_PREFIX + URI_VIEWCONTROLLER_SUFFIX, URI_VIEWCONTROLLER_REDIRECT);
        //将 /**/login	MVC	到 /WEB-INF/page/login.jsp
        registry.addViewController("/**/login").setViewName("login");
    }

login.jsp页面代码如下:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="/jspmodeldemo/"/>
    <title>login</title>

    <script src="static/js/jquery-1.10.2.min.js"charset="utf-8"></script>
</head>
<body>
    <h2>LOGIN PAGE</h2>
    <img src="img/icon.jpg" />
</body>
</html>

随机访问：

mvc 到：

打开浏览器的调试模式 ->F12,此时可以看到 服务器的jquery和图片静态资源也拿下来了。

测试一下jquery-1.10.2.min.js

在浏览器控制台输入：

$.ajax({
	url:'fsafdsfas.do',
	type:'GET',
	dataType:'html',
	success:function(data){
		console.info(data);
	},
	error:function(error){
		console.info(error);
	}
});

得到如下图所示结果，说明正确：

注意：1、 <base href="/jspmodeldemo/" /> 标签的使用

该标签为页面上的所有链接规定默认地址或默认目标,也就说他是一个基本URL，当前页面访问资源时的路径为 <base> 标签的 【href值】 + 资源的【src值】，若无该标签，那么访问地址 http://localhost:8080/jspmodeldemo/**/*.do 将得不到想要的结果，此时只能访问http://localhost:8080/jspmodeldemo/*.do 才访问正确；

        2、创建的webapp文件夹要变成 Resource Folders；

        3、浏览器控制台 shift + Enter 为换行