我们在编写WEB项目的时候,除了处理后端逻辑,包括业务逻辑和第三方插件等信息之外,还常常需要编写静态的资源信息。
静态信息,用于展示页面内容。
现在,公司基本都采用前后端分离,进行处理大中型项目。 但是小型的项目,或者我们的练习项目,通常采用的都是前后端不分离进行处理。
在SSM阶段的时候,我们会将静态的资源放置在 webapps/WEB-INFO 目录下, 放置在这个目录下的静态资源文件,
如 .html, .css,. js 可以直接访问。
SpringBoot 项目,只有一个 resources 目录放置相关的配置文件和静态资源,没有 WEB-INFO 目录,
那么应该放置在哪儿呢?
一. SpringBoot 提供的四种静态资源位置
按照以前的方式,创建一个 Static 的项目。
SpringBoot 默认提供了四种静态资源目录:
- classpath:/public/
- classpath:/static/
- classpath:/resources/
- classpath:/META-INF/resources/
优先级依次升高。 即,如果在四个目录下都放置相同的文件名称的静态文件,访问时,会优先展示 /META-INF/resources下的文件内容。
一.一 public 目录文件
在public 目录下,创建两个静态资源,一个是 b.html, 一个是 bc.css 文件
b.html 文件:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>B</title> </head> <body> 我是 /public 目录下的文件,我叫岳泽霖,一个快乐的程序员 </body> </html>
bc.css 文件:
p{ height:100px; color:blue; }
进行查询展示:
一.二 static 目录文件
在 static 目录下, 创建一个 a.html 文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>C</title> </head> <body> 我是 /static 目录下的文件,我岳泽霖,热爱生活,追求快乐 </body> </html>
进行访问:
也可以放置图片信息,在 static目录下创建 img 目录,下面放置一个 self.png 的图片
进行访问:
如果写成 self.png, 没有这个图片的话:
记住这个展示的页面信息,这是SpringBoot 默认的 404 页面。
一.三 resources 目录文件
在 resources 目录下创建两个文件, c.html 和 cj.js 文件
c.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>C</title> </head> <body> 我叫周小欢,一个可爱的小姑娘 </body> </html>
cj.js:
alert("Two Butterfly");