Spring Boot中html、js、Css、图片等应该放在什么位置

初次接触SpringBoot的小伙伴,对于前后端合并在一起的小项目,静态资源的放置可能有一丢丢疑惑。
其实非常简单,这里简单举个例子方便大家理解

前后端合并的SpringBoot项目,其静态资源都放在src/main/resource目录下
resources目录又可以根据具体的使用途径分为的public、static、template 等目录
Spring Boot中html、js、Css、图片等应该放在什么位置_第1张图片
再进入html 页面 看一下具体的使用路径
Spring Boot中html、js、Css、图片等应该放在什么位置_第2张图片

由于我在template 文件夹下放置了 html 文件,所以这里的路径就是

先用 ..  返回上一级--> 再直接Css 文件夹---> 具体的.css文件

或者 

直接Css 文件夹---> 具体的.css文件 

注意:这里是不要在路径中写出 static 文件夹的

其他部分的引入也是同理
Spring Boot中html、js、Css、图片等应该放在什么位置_第3张图片

在这里插入图片描述
在这里插入图片描述
当然,这种直接放置在resources目录下的情况是有一些问题的
当你将SpringBoot项目打包为 war 包时,将会把图片等项目中所有的静态资源全都打包进去,这对于发布维护是非常不方便的,因此我么可以将静态资源放置在服务器的某些磁盘中,并通过SpringBoot进行访问
也就是在SpringBoot中,自定义静态资源映射目录
这种请况在我的这篇博客中,有详细介绍,欢迎小伙伴们访问
SpringBoot 自定义静态资源映射目录

你可能感兴趣的:(Web,淫巧奇技,springboot,html,静态资源)