一、引入方式:
1.引入本地资源尽可能的使用 th 标签(访问后端动态数据),案例:
<link rel="stylesheet" th:href="@{../static/css/bootstrap.min.css}" />
<script th:src="@{../static/js/jquery.min.js}"></script>
2.或者把资源放到 cnd 服务器上,通过 URL 的方式引用,案例:
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
/>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
二、添加 spring-boot 扫描的文件夹
1.目录结构:
资源在统一放在了 static 文件夹下
html 网页文件 统一放在了 templates 文件夹下
2.在 WebMvcConfig 配置类中修改,如下:
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
@Configuration
public class MyConfig extends WebMvcConfigurerAdapter{
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
//主要添加下面这句
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
}
}
/static/**
的意思是将 static 下的所有文件夹及相关子文件夹 都添加进扫描路径,
那么修改之后重启项目就可以对 static 下的静态资源进行分类,而且访问的时候不会出现 404 了。
参考 bolg:https://blog.csdn.net/yu514950381/article/details/78015088