关于springboot 从controller返回到html页面

港控/mmm° 2022-03-19 01:50 460阅读 0赞

# 一.不用模板引擎的时候。 #

这里列出以下几种情况进行分析。

1. yml配置

![20190214150812415.png][]

controller

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70][]

静态文件目录：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 1][]

结果：

![20190214151057700.png][]

**结论：此时访问的error12.html是static目录下的 。 spring配置视图为![20190214151408939.png][]的时候  controller只需要 return "error12";**

2.yml配置

![20190214151640255.png][]

controller配置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 2][]

静态文件目录： 不变

结果：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 3][]

**结论：此时访问的error12.html是static目录下的 。 spring配置视图为**![20190214152121404.png][]**的时候  controller只需要 return "/error12";**

3.yml配置

![20190214152401947.png][]

controller：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 4][]

静态资源目录：不变

结果：

![20190214152649235.png][]

**结论：此时访问的error12.html是static目录下的 。 spring配置视图为**![20190214152716282.png][]**的时候  controller只需要 return "/error12.html";**

springboot 默认资源根目录为static下  路径一定要写对不然出来一堆404还不知道为啥

关于静态资源的其他配置[https://blog.csdn.net/yiifaa/article/details/78299052][https_blog.csdn.net_yiifaa_article_details_78299052]

**1. “spring.mvc.static-path-pattern”**  
spring.mvc.static-path-pattern代表的含义是我们应该以什么样的路径来访问静态资源，换句话说，只有静态资源满足什么样的匹配条件，Spring Boot才会处理静态资源请求，以官方配置为例：

\#   这表示只有静态资源的访问路径为/resources/\*\*时，才会处理请求  
spring.mvc.static-path-pattern=/resources/\*\*，  
  
假定采用默认的配置端口，那么只有请求地址类似于“http://localhost:8080/resources/jquery.js”时，Spring Boot才会处理此请求，处理方式是将根据模式匹配后的文件名查找本地文件，那么应该在什么地方查找本地文件呢？这就是“spring.resources.static-locations”的作用了。

**2. “spring.resources.static-locations”**  
“spring.resources.static-locations”用于告诉Spring Boot应该在何处查找静态资源文件，这是一个列表性的配置，查找文件时会依赖于配置的先后顺序依次进行，默认的官方配置如下：

spring.resources.static-locations=classpath:/static,classpath:/public,classpath:/resources,classpath:/META-INF/resources  
继续以上面的请求地址为例，“http://localhost:8080/resources/jquery.js”就会在上述的四个路径中依次查找是否存在“jquery.js”文件，如果找到了，则返回此文件， 否则返回404错误。

# 二.使用thymeleaf模板引擎的时候 #

步骤1.引入jar包 （当引入这个jar包的时候 默认的静态根目录变成了templates）

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

步骤二：application.yml只需要加(开发时禁用缓存)

spring:
       thymeleaf:
         cache: false

步骤三：写controller

![20190215150246284.png][]

步骤四：templates下放html   error12.html

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 5][]

结论：

![20190215150224783.png][]

附上html代码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 6][]

[20190214150812415.png]: /images/20220319/867d8e7135224fcbbafc16a439d1b622.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70]: /images/20220319/b9fbea1318624f11ad03628d5eedf854.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 1]: /images/20220319/2081a569c8f642bd96dbecdd10d64218.png
[20190214151057700.png]: /images/20220319/f52380c8eb344827baa1932b28e27f59.png
[20190214151408939.png]: /images/20220319/56cb5e219af342588b86f308c315bfbf.png
[20190214151640255.png]: /images/20220319/ed3a5ec659af400c8a7e52cf64c29993.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 2]: /images/20220319/43b226b4691c4e5889c8af833cc69684.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 3]: /images/20220319/b97c239e4d3041988ccfa8907724138b.png
[20190214152121404.png]: /images/20220319/efc64c2136f74e54a2eacecbc9088ef9.png
[20190214152401947.png]: /images/20220319/9277781797574aa6b6ba57ef693fef10.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 4]: /images/20220319/80446024b3fe44629cb3cbcf2bbd31c1.png
[20190214152649235.png]: /images/20220319/5e9b22596bc343df809002efc22219f6.png
[20190214152716282.png]: /images/20220319/fd73ffe6016f4e14a31475344ad3a5f5.png
[https_blog.csdn.net_yiifaa_article_details_78299052]: https://blog.csdn.net/yiifaa/article/details/78299052
[20190215150246284.png]: /images/20220319/caa70a49ee8e4c34ba6621f105551c01.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 5]: /images/20220319/e4cb145f818f44678fa1848dd0ea475a.png
[20190215150224783.png]: /images/20220319/7ed9985c86d34fb09d213c5923cf1f18.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptZW1vcnlz_size_16_color_FFFFFF_t_70 6]: /images/20220319/748414c85df946e7ae505563b2fbc940.png