SpringBoot学习笔记(六) web静态资源

138 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

静态资源

静态资源存放在哪

官方文档中是这么描述的: docs.spring.io/spring-boot…

1.1.5 节 在这里插入图片描述 在这个 resources 文件夹下,这个文件夹是专门用来存放静态资源的

在这里插入图片描述 在这个文件夹下面,可以建立这么一系列的文件夹用来存放静态资源 static , public ,resources

或者,先建立 META-INF ,再在这里下面建立一个子文件夹,叫做 resources

这么一系列的文件夹都是用来存放静态资源的

怎么访问静态资源

在这里插入图片描述 我先将一张图片放入了 static 这个文件夹中

然后在浏览器里面输入了下面这一句

http://127.0.0.1:8080/a.png

/a.png 表示的是访问 a.png 这个文件(根据需要访问的文件名字进行修改)

启动 springboot 之后,就可以在网页看到相应的效果

在这里插入图片描述

这个资源是怎么被找到的?

也就是访问静态资源的流程是什么

  • 先检查代码中有没有这样的地方 在这里插入图片描述 就是这两个 @ 开头的东西

这两个东西在起作用

  • @RestController
  • @RequestMapping("/a.png")

第一个用于检查有没有访问请求的映射 第二个则是检测输入,如果在网址栏中输入括号里面的东西,在这里是/a.png 那就去 resources 下面寻找相应的资源,如果找到了,执行下面相对应的函数里面的内容,在上图中是 a 函数,如果没有找到,则会报 404 错误

设置首页

  • 只需要在resources 下添加一个名为 index.html 的文件即可

在这里插入图片描述

只需要添加进来即可

但是: 文件的名字必须叫 index

在这里插入图片描述

设置网页图标

注意上图绿色框部分,这个图标是可以自定义的

在这里插入图片描述

只需要将名字为 favicon.ico 的文件添加到 resources 目录下面即可

如果当前浏览器不能显示效果,记得换一个浏览器试试

在这里插入图片描述

拓展: 怎么找到某个网页在选项卡中显示的那个小图标,下载下来

用浏览器的检查功能,搜索同名文件即可