springboot学习七：开发Web项目 (引入静态资源 html css js )

妖狐艹你老母 2023-07-03 08:13 5阅读 0赞

## 一、springboot如何引入jQuery文件 ##

new - spring starer -设置（选择 需要的场景，web）

spring boot是一个jar，因此 静态资源就不是再存放到 webapps中， 存放在哪里？

静态资源的存放路径 通过**WebMvcAutoConfiguration**类-addResourceHandlers()指定:/webjars/

spring boot将静态资源存入到jar包中，引入: 从Jar目录结构的webjars开始写：http://localhost:8080/webjars/jquery/3.3.1-1/jquery.js

如何自己写 静态资源，如何放到如spring boot中？  将自己写的 静态资源->jar,同上（不推荐）；

## 二、静态资源存放路径 ##

推荐：spring boot约定： spring boot将一些目录结构 设置成静态资源存放目录，  我们的静态资源直接放入这些目录即可 。目录在哪里？ ResourceProperties类中的CLASSPATH\_RESOURCE\_LOCATIONS中设置：

\{

"classpath:/META-INF/resources/",

"classpath:/resources/",

"classpath:/static/",

"classpath:/public/"

\}

注意：在以上目录存放资源文件后，访问时不需要加前缀，直接访问即可：[http://localhost:8888/index.html][http_localhost_8888_index.html]

## 三、设置欢迎页： ##

1）：WebMvcAutoConfiguration类中的welcomePageHandlerMapping() --> getWelcomePage()-->getIndexHtml()--> location + "index.html" ,即 任意一个静态资源目录中的 Index.html就是欢迎页

2）：logo图标 favicon.ico

网站中  网页标签的Logo是固定名字  ： favicon.ico

自定义 favicon.ico  ：阅读 源码得知 ：只需要将favicon.ico文件 放入任意静态资源目录中即可。

总结：1.通过源码发现静态资源的目录

2.用静态资源：只需要将静态资源放入 以上目录即可

3. 其他特定的文件（欢迎页、ico），只需要 根据约定（index.html  favicon.ico）  放入该目录即可

## 四、自定义静态资源目录（Properties文件中的 prefix+属性） ： ##

spring.resources.static-locations=classpath:/res/, classpath:/img/

以上就将静态资源目录设置为了classpath:/res/, classpath:/img/ ，

注意 自定义静态资源目录后，spring boot默认的目录会失效

[http_localhost_8888_index.html]: http://localhost:8888/index.html

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot引入静态资源的问题

我们通过window.localtion.href跳转请求Springboot时会出现静态资源路径出现错误的问题，比如说 window.localtion.href =...

怼烎@/ 2024年04月18日 21:32/ 0 赞/ 66 阅读

相关 SpringBoot2.1.X 访问静态资源（img、html、css、js）

*一、目录结构** src/main/java：存放代码 src/main/resources static: 存放静态文件，比如 css、js、image,...

淡淡的烟草味﹌/ 2024年04月18日 18:21/ 0 赞/ 33 阅读

相关 springboot学习七：开发Web项目 (引入静态资源 html css js )

一、springboot如何引入jQuery文件 new - spring starer -设置（选择需要的场景，web） spring boot是一个jar，

妖狐艹你老母/ 2023年07月03日 08:13/ 0 赞/ 6 阅读

相关 SpringBoot——web开发静态资源映射规则

SpringBoot支持的目录映射包含（优先级从上到下，即若有相同文件资源时会先执行: META-INF/resources/ > resource > static > p

左手的ㄟ右手/ 2023年06月18日 05:54/ 0 赞/ 35 阅读

相关 SpringBoot：web静态资源配置

> 引言： > SpringBoot web项目开发中往往会涉及到一些静态资源的使用，比如说图片，css样式，js等等，今天我们来讲讲这些常见的静态资源应该放在哪个位置，怎

待我称王封你为后i/ 2022年12月16日 03:53/ 0 赞/ 237 阅读

相关 nginx放过html js css,故障nginx 无法访问js css静态资源

坑1：路径问题，导致访问是显示403错误静态资源不能放在 /root/ 开头的目录下一般再家目录再建目录如 /www 坑2：无法访问js css静态资源打开浏

落日映苍穹つ/ 2022年10月12日 04:06/ 0 赞/ 55 阅读

相关 SpringMVC加载web下的静态资源：css、js

程序数据都已经查询出来了，但是加载不了 css、js、图片等资源文件。当在浏览器上直接输入某个css文件的路径时，直接得到404错误。程序数据都已经查询出来了，但是加载

分手后的思念是犯贱/ 2022年06月10日 09:18/ 0 赞/ 250 阅读

相关 SpringBoot访问html和js等静态资源配置

把静态资源放到resources/static下,这是springboot静态资源默认访问路径。在浏览器直接ip:端口/静态资源就可以了下面的废话是好久

向右看齐/ 2022年05月22日 03:39/ 1 赞/ 846 阅读

相关 Springboot之Web开发：静态资源

1、使用Springboot进行Web开发 1）创建Springboot应用，选中我们需要的模块； 2）Springboot已经默认将这些场景配置好了，只需要在配置文件

柔情只为你懂/ 2022年05月16日 10:23/ 0 赞/ 247 阅读

相关 SpringBoot Web开发之静态资源配置

1. 静态资源及其访问在idea中新建立的SpringBoot项目中，resources目录中有静态资源默认目录，包括resources，public,static,和ME

谁践踏了优雅/ 2021年09月25日 02:08/ 0 赞/ 382 阅读