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



相关文章
|
1月前
|
JavaScript 前端开发 Java
SpringBoot之静态资源规则与定制化
SpringBoot之静态资源规则与定制化
|
1月前
|
移动开发 Java HTML5
Springboot web静态资源配置
Springboot web静态资源配置
65 0
|
1月前
|
前端开发 JavaScript Java
Springboot 使用thymeleaf 服务器无法加载resources中的静态资源异常处理
Springboot 使用thymeleaf 服务器无法加载resources中的静态资源异常处理
308 0
|
12天前
|
搜索推荐 前端开发 JavaScript
SpringBoot静态资源访问控制和封装集成方案
该文档描述了对基于SpringBoot的项目框架进行优化和整合的过程。原先采用前后端分离,后端兼做前端,但随着项目增多,升级维护变得复杂。因此,决定整合后台管理页面与后端代码,统一发布。设计上,框架包含后台管理资源,项目则配置具体业务页面,项目可通过覆盖框架资源实现个性化。关键步骤包括:自定义静态资源访问路径、解决图标与字体文件访问问题、设定自定义欢迎页面和页面图标,以及确保项目能正确访问框架静态资源。通过扫描jar包、解压和拷贝资源到项目目录,实现了框架静态资源的动态加载。此外,调整静态资源访问优先级,保证正确加载。最终实现支持jar和war包的项目结构优化。
49 4
|
1月前
|
前端开发 JavaScript Java
Springboot静态资源访问、上传、回显和下载
Springboot静态资源访问、上传、回显和下载
Springboot静态资源访问、上传、回显和下载
|
8月前
|
Java Spring
springboot中的静态资源规则~
springboot中的静态资源规则~
|
10月前
|
前端开发 JavaScript Java
Spring Boot入门(十四) 之 静态资源的引入
Spring Boot入门(十四) 之 静态资源的引入
|
1月前
|
Java
springboot WebMvcConfigurer详解自定义配置请求静态资源
springboot WebMvcConfigurer详解自定义配置请求静态资源
|
1月前
|
Java
Springboot配置静态资源
Springboot配置静态资源
24 1
|
1月前
|
前端开发 JavaScript Java
Spring Boot中Spring MVC的基本配置讲解与实战(包括静态资源配置,拦截器配置,文件上传配置及实战 附源码)
Spring Boot中Spring MVC的基本配置讲解与实战(包括静态资源配置,拦截器配置,文件上传配置及实战 附源码)
82 1