[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 功能失效

相关推荐
小学鸡!19 小时前
Spring Boot通过手机号获取归属地
java·spring boot
whltaoin20 小时前
【JAVA全栈项目】弧图图-智能图床 SpringBoot+Vue3 :[框架开荒:一文全步骤打通前后端项目全流程]
java·spring boot·vue·开源项目·全栈·cos
美狐美颜sdk21 小时前
跨平台直播美颜sdk集成攻略:Android、iOS与Web的统一方案
android·前端·ios
Fu1co21 小时前
【Spring Boot】Spring Boot解决循环依赖
java·spring boot·spring
Airser21 小时前
npm启动Taro框架报错
前端·npm·taro
Anlici1 天前
连载小说大学生课设 需求&架构
前端·javascript·后端
2501_938769991 天前
React Server Components 进阶:数据预取与缓存
前端·react.js·缓存
W.Buffer1 天前
MyBatis 源码深度解析:从 Spring Boot 实战到底层原理
spring boot·后端·mybatis
普通网友1 天前
【Spring Boot】Spring Boot解决循环依赖
spring boot·tomcat