[0242-06].第06节:SpringBoot中的Web开发

SpringBoot学习大纲


一、静态资源访问分析:

1.1.静态资源默认路径:

a.官网说明:

b.测试访问 :

  • 1.创建存放静载资源的文件目录,
  • 2.访问测试:当前项目根路径/ + 静态资源名,即http://localhost:8080/timg.png就可以看到静态图片了

1.2.静态资源访问流程:

  • 1.静态映射/** 是拦截所有的请求;所以当请求进来后,先去所有的Controller层查找,看能不能处理。如果找到的话,就会响应请求了;
  • 2.如果不能处理的话,所有请求又都交给静态资源处理器。静态资源也找不到就会响应404页面

1.3.添加静态资源访问前缀:

a.为什么添加静态资源前缀:

  • 1.之所以添加静态资源访问前缀,是因为想把静态资源的请求和动态资源的请求区分开,避免拦截器拦截所有请求,将静态资源单独的过滤出来,更好地配置拦截器,只拦截一些动态资源的访问
  • 2.所以我们要改变默认的静态资源路径,更改方式是需要在配置文件中进行配置。下面方式更改后,浏览器访问静态资源,在所有的静态资源访问都加上了一个前缀:res前缀,所以静态资源的访问的的形式变成:http://localhost:8080/res/50.png

b.配置静态资源访问前缀:

  • 1.官网说明:
  • 2.配置文件更改:

1.4.指定静态资源存放目录:

a.目录配置说明:

  • 1.我们可以指定静态文件存放的路径,配置静态资源存放目录后,其他的静态资源目录就会失效,springBoot将不会读取到

b.底层源码说明:

  • 2.指定的路径也可以写多个,这个属性的底层的代码可以看出在其底层其实是定义的一个数组:

c.配置文件配置多个路径:

  • 1.这个属性的底层是数组类型的,所以可以配置多个值,以逗号分割

1.5.访问webjars

  • 1.webjars:就是一些静态资源jquery等做成了jar包,当需要使用的时候,引入依赖,添加依赖后,就会自动映射

    xml 复制代码
    	<dependency>
    		 <groupId>org.webjars</groupId>
    		 <artifactId>jquery</artifactId>
    		 <version>3.5.1</version>
    	</dependency>
  • 2.自动映射:/webjars/** ,我们可以在webjars官网查看具体依赖

  • 3.添加依赖后,访问静态资源:jquery.js

1.6. 禁用所有静态资源规则:

  • 1.配置:add-mappings: false 禁用所有静态资源规则

    bash 复制代码
    spring:
    #  mvc:
    #    static-path-pattern: /res/**
      resources:
        add-mappings: false   禁用所有静态资源规则

二、欢迎页支持

  • 1.默认配置下:如果在静态资源路径下,如果有 index.html,会默认访问这个页面来作为欢迎页

  • 2.在配置文件中,如果配置了静态资源路径不影响欢迎页index.html的默认访问

  • 3.在配置文件中如果配置了静态资源访问前缀,就不能自动跳转到欢迎页上了

    yml 复制代码
    spring:
    #  mvc:
    #    static-path-pattern: /res/**   这个会导致welcome page功能失效
    
      resources:
        static-locations: [classpath:/haha/]

三、自定义 Favicon

  • 1.`favicon.ico 放在静态资源目录下即可

  • 2.如果配置了静态资源访问前缀肯定会影响图标的出现,所以注释静态资源访问前缀,否则也会影响Favicon小图标的出现

    yml 复制代码
    spring:
    #  mvc:
    #    static-path-pattern: /res/**   这个会导致 Favicon 功能失效

相关推荐
喝咖啡的女孩2 分钟前
Promise × 定时器全场景手写
前端
h***346310 分钟前
MS SQL Server 实战 排查多列之间的值是否重复
android·前端·后端
本地跑没问题11 分钟前
Rect深入学习
前端
北辰alk12 分钟前
跨域难题终结者:Vue项目中优雅解决跨域问题的完整指南
前端
吹水一流12 分钟前
为什么 SVG 能在现代前端中胜出?
前端
小皮虾12 分钟前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
小熊哥72212 分钟前
一个有趣的CSS题目
前端
小时前端13 分钟前
性能优化:从“用户想走”到“愿意留下”的1.8秒
前端·面试
进阶的鱼15 分钟前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js
凯心17 分钟前
React 中没有 v-model,如何优雅地处理表单输入
前端·vue.js·react.js