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

最新推荐文章于 2024-02-16 11:18:01 发布

I,Frankenstein

最新推荐文章于 2024-02-16 11:18:01 发布

阅读量1.2w

点赞数 3

分类专栏： JAVA框架之路 ------【Spring Boot】 SpringBoot学习笔记文章标签： web应用 spring-boot web开发静态资源

本文链接：https://blog.csdn.net/u013185616/article/details/73647955

版权

JAVA框架之路同时被 3 个专栏收录

22 篇文章 4 订阅

订阅专栏

------【Spring Boot】

6 篇文章 0 订阅

订阅专栏

SpringBoot学习笔记

6 篇文章 4 订阅

订阅专栏

静态资源

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这个目录下的文件。到这里我们就完成了一个简单的页面开发。