spring-boot笔记-静态资源及页面开发（六）

66 阅读 0 评论 44 点赞

我是靠谱客的博主苗条老虎，最近开发中收集的这篇文章主要介绍spring-boot笔记-静态资源及页面开发（六），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

静态资源

1.1：默认方式

在SpringBoot中加载静态资源和在普通的web应用中不太一样。静态资源（js、css、图片等资源）默认目录位置需置于classpath下，并且符合以下目录规则：

/static
/public
/resources
/META-INF/resources

我们通过一个例子来看下，先来看一个目录结构：
这里写图片描述
我们在resources目录下新建一个目录static，其下面又有个image目录，static符合我们上面所说的springboot默认的静态资源目录，所以我们如果访问这个图片，就可以通过http://localhost:8080/image/timg.jpg。也就是说，上面那几个目录，都是静态资源的映射路径，优先级顺序为：META-INF/resources > resources > static > public
建议：直接使用Spring Boot的默认配置方式。

1.2 修改默认方式

配置文件方式

# 默认值为 /**
spring.mvc.static-path-pattern=
# 默认值为 classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/
spring.resources.static-locations=这里设置要指向的路径，多个使用英文逗号隔开

比如我把spring.mvc.static-path-pattern=/demo/**，那么上面我们的那个图片就需要通过http://localhost:8080/demo/image/timg.jpg才能访问的到，如果我改了下面的locations，那么我图片依然在static就不能访问的到了。
2. WebMvcConfigurerAdapter
通过写一个类继承WebMvcConfigurerAdapter，重写其addResourceHandlers方法，可以增加一些资源路径的配置：

import org.springframework.context.annotation.Configuration;
import org.springframework.util.ResourceUtils;
import org.springframework.web.servlet.DispatcherServlet;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
/**
* Created by gonghao on 2017/6/3.
*/
//@EnableWebMvc :如果添加了该注解，则是完全控制MVC，谨慎使用
@Configuration
public class MyWebAppConfigurer extends WebMvcConfigurerAdapter{
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/myResource/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX+"/myResource/");
registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX+"/static/");
super.addResourceHandlers(registry);
}
}

这里我们没有使用@EnableWebMvc注解，所以我们这里是增加了一些资源路径的配置，而不是完全修改默认的资源路径配置。也就是说我增加了这个配置后：我通过http://localhost:8080/static/image/timg.jpg和http://localhost:8080/image/timg.jpg都可以访问到图片。

页面开发

springboot支持的动态模板引擎包括以下类型：

Thymeleaf
FreeMarker
Velocity
Groovy
Mustache

springboot对JSP的支持不是很好，应该避免使用JSP。
如果使用上述的几种模板引擎，默认的模板配置路径为：src/main/resources/templates， templates不要拼写错误。本文最上面有个截图中，我们已经在templates下面新建了一个index.html。我们来看下如何访问到该页面。
我们这里采用的是Thymeleaf，要记得引入pom文件。

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

再看下index.html的内容：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
</head>
<body>
<h1>Hello:</h1>
<h2><span th:text="${hello}"></span></h2>
<h2><span th:text="${hello2}"></span></h2>
<image th:src="@{/image/timg.jpg}"/>
<!--<img th:src="@{/myResource/timg.jpg}"/>-->
</body>
</html>

看到上面的写法你可能会有些奇怪，th:src和@{}这都是什么鬼。其实这是Thymeleaf的语法。@{}是引入外部资源用的。【不理解的同学自己去单独学习下】
再来看下我们的Controller代码：

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
/**
* Created by gonghao on 2017/6/15.
*/
@Controller
public class IndexController {
@RequestMapping("/index")
public String index(ModelMap map) {
map.addAttribute("hello2", "hello2 Thymeleaf!");
map.addAttribute("hello", "hello Thymeleaf!");
return "index";
}
}

注意这里不再是@RestController了，而是@Controller。这种写法跟我们的springMVC是一模一样的，所以我们就可以通过 http://localhost:8080/index 就可以访问到我们的页面。因为SpringBoot集成了Thymeleaf，所以它会默认查找resources下面的templates这个目录下的文件。到这里我们就完成了一个简单的页面开发。