SpringBoot静态资源处理(九)上

简介: 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下的文件内容。


41ad03bb04a89d6ebc297847b7716988.png


一.一 public 目录文件


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


a5d1c8a1a92097135ad49673707ed9d8.png


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


进行查询展示:


4a00d8af3af33528b92a365964803221.png


3eb06b2770581faac6da354e0e1d7796.png


一.二 static 目录文件


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


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


进行访问:


c5c8e4a092844683cc3c2569ccd2311f.png


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


4d811a5e8067908178cca3561dd0816d.png


进行访问:


00c6a8375f0166771dc313d19a2a41c4.png


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


5ac234e21176ddd7812d3d1343964f6f.png


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


一.三 resources 目录文件


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


e4bbc33d70b8511e1911df578094b834.png


c.html:


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


cj.js:


alert("Two Butterfly");


90b0f11a57e0f371cb91f2f810f698db.png


b58e51410cb538d888710969de075afc.png



相关文章
|
JavaScript 前端开发 Java
SpringBoot之静态资源规则与定制化
SpringBoot之静态资源规则与定制化
344 1
|
移动开发 Java HTML5
Springboot web静态资源配置
Springboot web静态资源配置
1135 0
|
前端开发 JavaScript Java
Springboot 使用thymeleaf 服务器无法加载resources中的静态资源异常处理
Springboot 使用thymeleaf 服务器无法加载resources中的静态资源异常处理
1190 0
|
5月前
|
JavaScript Java Maven
【SpringBoot(二)】带你认识Yaml配置文件类型、SpringMVC的资源访问路径 和 静态资源配置的原理!
SpringBoot专栏第二章,从本章开始正式进入SpringBoot的WEB阶段开发,本章先带你认识yaml配置文件和资源的路径配置原理,以方便在后面的文章中打下基础
495 4
|
存储 前端开发 Java
Springboot静态资源映射及文件映射
在Spring Boot项目中,为了解决前端访问后端存储的图片问题,起初尝试通过静态资源映射实现,但发现这种方式仅能访问打包时已存在的文件。对于动态上传的图片(如头像),需采用资源映射配置,将特定路径映射到服务器上的文件夹,确保新上传的图片能即时访问。例如,通过`addResourceHandler(&quot;/img/**&quot;).addResourceLocations(&quot;file:E:\\myProject\\forum_server\\&quot;)`配置,使前端可通过URL直接访问图片。
794 0
Springboot静态资源映射及文件映射
|
Java Spring
springboot中的静态资源规则~
springboot中的静态资源规则~
385 1
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
本文介绍了Spring Boot中静态资源的访问位置、如何进行静态资源访问测试、自定义静态资源路径和静态资源请求映射,以及如何处理自定义静态资源映射对index页面访问的影响。提供了两种解决方案:取消自定义静态资源映射或编写Controller来截获index.html的请求并重定向。
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
|
JavaScript 前端开发 Java
SpringBoot_web开发-webjars&静态资源映射规则
https://www.91chuli.com/ 举例:jquery前端框架
211 0
|
前端开发 JavaScript Java
Spring Boot入门(十四) 之 静态资源的引入
Spring Boot入门(十四) 之 静态资源的引入
229 0
自主定义访问路径-----SpringBoot自主定义静态资源访问路径的方法
自主定义访问路径-----SpringBoot自主定义静态资源访问路径的方法

热门文章

最新文章