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

相关推荐
程序员黑豆8 分钟前
鸿蒙应用开发教程:以红绿灯切换为例,掌握条件渲染的核心用法
前端·harmonyos
猫32815 分钟前
echarts 日常问题解决
前端·javascript·echarts
新中地GIS开发老师19 分钟前
地信职业百科④:GIS开发工程师
前端·数据库·gis·webgis·三维gis开发
笑小枫21 分钟前
用 Claude Code 推翻重写笑小枫网站
java·人工智能·spring boot·ai编程
我是大卫27 分钟前
【图】React源码解析-从数据结构、调度器、源码设计模式到状态计算引擎,深挖useReducer原理
前端·react.js·源码
willes34 分钟前
列表中的倒计时组件
前端
LVZ36 分钟前
用了半年 AI 写代码,最烦的不是代码,是环境
前端·后端·开源
polaris_tl37 分钟前
一行 `compress: false`,为什么让 SSE 首包恢复实时返回
前端
海边的云38 分钟前
别再让 AI 瞎改代码:一套让大模型「收敛」的前端专家 Skill》
前端
kisshyshy39 分钟前
给端侧大模型装上“发动机”:React 合成事件 + 进度条组件全解
前端·react.js·node.js