springboot+thymeleaf 跳转修改默认页面路径及相关配置

我会带着你远行 2022-05-18 10:36 987阅读 0赞

**一般来说****springboot默认静态资源就是****resources****-》static目录下，但是总有各种各样的原因，所以还是直接配置**

**一下比较好。**

**一般来说被****thymeleaf****修饰****的页面一般是****thymeleaf****默认在****resources****-》templates目录下**作为前缀，表示被**thymeleaf****修饰的页面在这里作为根目录。（注意：不是静态资源）**

但是还是希望大家能加上对应的配置，避免各种各样的尴尬。

application.yml**我的配置如下：**

**spring:**  
**    mvc:**  
**          static-path-pattern:** /\*\*  
    **resources:**  
**          static-locations:** classpath:/static/  
    **thymeleaf:**  
**          prefix:** classpath:/templates/  
          **suffix:** .html  
          **cache: false** *\#**关闭缓存*

*如果你的是*application.properties那么对应的就是

spring.mvc.static-path-pattern=/\*\*表示所有的访问都经过静态资源路径；

spring.resources.static-locations=classpath:/static/在这里表示配置静态资源根路径

**Thymeleaf****.****prefix****=**classpath:/templates/ 在这里作为前缀，表示被**thymeleaf****修饰的页面在这里作为根目录。（注意：不是静态资源）**

**Thymeleaf****.****suffix****=**.html 在这里表示以.html作为后缀。

请根据你的需要进行配置。

给大家参考一下页面中导入各种各样的外部资源应该怎么操作。

我的目录结构因为是这样：

![70][]

所以导入如下：

导入css:

<**link** **rel=****"stylesheet"** **th****:href=****"@\{/index/css/owl.theme.css\}"**>

导入js:

<**script** **th****:src=****"@\{/index/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js\}"**></**script**>

导入图片：

<**img** **th****:src=****"@\{/index/img/logo.png\}"** **alt=****"Logo"**>

链接网页：

除非你把网页放到静态资源中去，不然还是要通过controller进行跳转。

<**li**><**a** **th:href=****"@\{/system/login\}"**>\- 个人主页</**a**></**li**>

有一些地方需要注意一下：

**@\{\}表示的是调用静态资源那一块，也就是你设置的**spring.resources.static-locations=classpath:/static/这里面的内容

不是这里面的内容是获取不到的。

**@\{/**index/img/slider/image\_1.jpg**\}**

[说明一下，**@\{/****.....\}里面的/的作用是从你设置的**][.....]application.yml中

**resources:**  
**      static-locations:** classpath:/templates/ (意思是http://localhost:8080从这里开始)

开始的，如：

[http://localhost:8080/index/img/slider/image\_1.jpg][http_localhost_8080_index_img_slider_image_1.jpg](正确)

如果不加上就是从你调用的controller层类上面那个映射开始，如

@RequestMapping(**"/system"**)  
**public class** SystemController \{

........

**s****ystem****开始****.如：**

http://localhost:8080/system/index/img/slider/image\_1.jpg（错误）

所以根据你项目结构而加以区别。

一般来说请你加上/

最重要的一点，请不要页面上有**th:href****=****””**** 或者****th****:src=****””****等带有th：标签然后后面不接任何东西的代码。**

**这样编辑时不会报错，但是运行之后会报错，而且看了你自己都蒙。找问题根源浪费你大量时间。错误如下：**

16:07:39.100 \[http-nio-8080-exec-1\] ERROR org.thymeleaf.TemplateEngine - \[THYMELEAF\]\[http-nio-8080-exec-1\] Exception processing template "index/index": An error happened during template parsing (template: "class path resource \[templates/index/index.html\]")

org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource \[templates/index/index.html\]")

**如果要写的话请****th:href****=****”****@\{\}****”****或者****th****:src=****”****@\{\}****”****这样写。其他还没有验证，自行体验。**

对于想要熟悉基本的**thymeleaf标签的孩子们，可以来这个链接看一下，个人觉得还不错。**

[https://www.cnblogs.com/hjwublog/p/5051732.html][https_www.cnblogs.com_hjwublog_p_5051732.html]

[70]: /images/20220518/1357b2f51ebf4b398195ed61ba3305b7.png
[.....]: mailto:%E8%AF%B4%E6%98%8E%E4%B8%80%E4%B8%8B%EF%BC%8C@%7B/.....%7D%E9%87%8C%E9%9D%A2%E7%9A%84/%E7%9A%84%E4%BD%9C%E7%94%A8%E6%98%AF%E4%BB%8E%E4%BD%A0%E8%AE%BE%E7%BD%AE%E7%9A%84
[http_localhost_8080_index_img_slider_image_1.jpg]: http://localhost:8080/system/index/img/slider/image_1.jpg
[https_www.cnblogs.com_hjwublog_p_5051732.html]: https://www.cnblogs.com/hjwublog/p/5051732.html