SpringBoot+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.启动测试

访问项目查看页面是否正确显示,到这里应该是能够解决的。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值