SpringBoot静态资源处理(九)上

我们在编写WEB项目的时候,除了处理后端逻辑,包括业务逻辑和第三方插件等信息之外,还常常需要编写静态的资源信息。


静态信息,用于展示页面内容。


现在,公司基本都采用前后端分离,进行处理大中型项目。 但是小型的项目,或者我们的练习项目,通常采用的都是前后端不分离进行处理。


在SSM阶段的时候,我们会将静态的资源放置在 webapps/WEB-INFO 目录下, 放置在这个目录下的静态资源文件,


如 .html, .css,. js 可以直接访问。


SpringBoot 项目,只有一个 resources 目录放置相关的配置文件和静态资源,没有 WEB-INFO 目录,


那么应该放置在哪儿呢?


一. SpringBoot 提供的四种静态资源位置


按照以前的方式,创建一个 Static 的项目。


SpringBoot 默认提供了四种静态资源目录:


  1. classpath:/public/
  2. classpath:/static/
  3. classpath:/resources/
  4. classpath:/META-INF/resources/


优先级依次升高。 即,如果在四个目录下都放置相同的文件名称的静态文件,访问时,会优先展示 /META-INF/resources下的文件内容。


SpringBoot静态资源处理(九)上


一.一 public 目录文件


在public 目录下,创建两个静态资源,一个是 b.html, 一个是 bc.css 文件


SpringBoot静态资源处理(九)上


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;
}


进行查询展示:


SpringBoot静态资源处理(九)上


SpringBoot静态资源处理(九)上


一.二 static 目录文件


在 static 目录下, 创建一个 a.html 文件


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>C</title>
</head>
<body>
    我是 /static 目录下的文件,我岳泽霖,热爱生活,追求快乐
</body>
</html>


进行访问:


SpringBoot静态资源处理(九)上


也可以放置图片信息,在 static目录下创建 img 目录,下面放置一个 self.png 的图片


SpringBoot静态资源处理(九)上


进行访问:


SpringBoot静态资源处理(九)上


如果写成 self.png, 没有这个图片的话:


SpringBoot静态资源处理(九)上


记住这个展示的页面信息,这是SpringBoot 默认的 404 页面。


一.三 resources 目录文件


在 resources 目录下创建两个文件, c.html 和 cj.js 文件


SpringBoot静态资源处理(九)上


c.html:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>C</title>
</head>
<body>
    我叫周小欢,一个可爱的小姑娘
</body>
</html>


cj.js:


alert("Two Butterfly");


SpringBoot静态资源处理(九)上


SpringBoot静态资源处理(九)上



上一篇:【LeetCode】【Python解决问题的方法】Best Time to Buy and Sell Stock II


下一篇:Magento 自定义Url