加入thymeleaf 后,访问静态资源方法

SpringBoot+thymeleaf如何访问静态资源
1.版本信息
spring boot : 2.1.8

2.目录结构


3.问题描述
在springboot项目搭建好以后,访问HTML页面时发现没有任何的样式。

4.页面路径
首先修改HTML页面对静态资源文件的访问路径。

(1)在HTML的头部添加thymeleaf的标记
<html lang="en" xmlns:th="http://www.thymeleaf.org">
(2)修改网页文档中的对静态资源的引用,语法规则如下:
命令格式:   
th:href="@{/static/.....}"
 
命令用法:
<link rel="stylesheet"  th:href="@{/static/vendor/bootstrap/css/bootstrap.min.css}">
解释说明:
1.springboot2.0之后的静态资源文件需要添加/static/,在IDEA中测试路径写法是否正确是按住Ctrl键并用鼠标左键点击,若能跳转到资源则说明路径正确。
2.th:href 替换的是href属性,相对应的还有src,可以使用th:src=“@{/static/....}”进行替换。

5.扩展MVC
springboot的优点在于有各种自动配置,在这里我们需要对springMVC进行扩展配置则需要继承WebMvcConfigurationSupport,这是2.0以后修改的地方,具体的做法步骤如下。

(1)创建扩展
首先在src下新建config目录,并创建SpringMVC配置扩展类,并继承WebMvcConfigurationSupport类。

(2)重写方法
重写方法addResourceHandlers,将其中的请求映射路径做修改。

@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
     // 将url为 /static/** 的请求映射到 /static/ 路径下进行查找
    registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
}
6.启动测试
访问项目查看页面是否正确显示,到这里应该是能够解决的。
————————————————
版权声明:本文为CSDN博主「徐小霁」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Xu_XiaoXiao_Ji/article/details/100850545
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值