SpringBoot-05-web开发

5. SpringBoot Web开发

5.1 web开发探究

简介

SpringBoot最大的特点就是自动装配

使用SpringBoot的步骤:

  1. 创建一个SpringBoot应用,选择我们需要的模块,springboot自动配置完成;
  2. 手动在配置文件中配置部分就可以运行起来了;
  3. 专注编写业务代码即可!

比如SpringBoot到底帮我们配置了什么?我们能不能修改?我们能修改哪些配置?我们能不能扩展?

  • 向容器中自动配置组件:xxxAutoConfiguration
  • 自动配置类,封装配置文件的内容:xxxProperties

5.2 静态资源处理

静态资源映射规则

首先,我们搭建一个普通的SpringBoot项目,回顾一下HelloWorld程序!

​ 写请求很简单,那我们要引入前端资源,比如css,js等文件,Springboot会怎么处理呢?

​ 如果是一个web应用,我们的main下会有一个webapp。但是现在的pom,打包方式是jar的方式,那么这种方式下springboot对静态资源的放置,是有规定的!

聊聊静态资源映射规则:

​ SpringBoot中,SpringMVC的web配置都在WebMvcAutoConfiguration这个配置类里;进入这个类后我们可以看到一个方法:

addResourceHandlers 添加资源处理

读一下源代码:比如所有的/webjars/,都需要去classpath:/META-INF/resources/webjars/找对应的资源。

什么是webjars呢?

​ Webjars本质就是以jar包的方式引入我们的静态资源,以前要导入一个静态资源,直接导入即可。

使用Springboot需要使用webjars,官网

要使用jQuery,我们只需引入jQuery对应版本的pom依赖即可!

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.5.1</version>
</dependency>

导入完毕,查看webjars目录结构,并访问query.js文件!

在这里插入图片描述

访问:只要是静态资源,Springboot就会去对应的路径寻找资源,我们这里可以访问://localhost:8080/webjars/jquery3.5.1/jquery.js

在这里插入图片描述

第二种静态资源映射规则

那我们项目中要使用自己的静态资源该怎么导入呢?

staticPathPattern发现第二种映射规则:/**,访问当前项目任意资源,它会去找ResourceProperties这个类,点进去发现:

在这里插入图片描述

ResourceProperties可以设置和我们静态资源有关的参数,这里面指向了它去寻找资源的文件夹,即上面数组的内容,所以以下四个目录存放的静态资源可以被识别:

"classpath:/META-INF/resources/"
"classpath:/resources/"
"classpath:/static/"
"classpath:/public/"

优先级向上以此增加!

​ 我们可以在resources根目录下新建对应的文件夹,都可以存放我们的静态文件;

自定义静态资源路径

可以配置自定义路径,application.properties:

spring.resources.static-locations=classpath:/coding,classpath:/huba/

注意:

​ 一旦自定义了静态文件的路径,原来的自动配置都失效!

小结

  1. springboot中我们可以使用一下方法处理静态资源
    • webjars(pom依赖)
      • localhost:8080/webjars/…
    • public static /** resources
      • localhost:8080/…
  2. 优先级:resources>static(默认)>public

5.3 首页处理

源码中我们可以看到欢迎页的映射,就是我们的首页!

@Bean
public WelcomePageHandlerMapping welcomePageHandlerMapping(ApplicationContext applicationContext,
      FormattingConversionService mvcConversionService, ResourceUrlProvider mvcResourceUrlProvider) {
   WelcomePageHandlerMapping welcomePageHandlerMapping = new WelcomePageHandlerMapping(
         new TemplateAvailabilityProviders(applicationContext), applicationContext, getWelcomePage(),
         this.mvcProperties.getStaticPathPattern());
   welcomePageHandlerMapping.setInterceptors(getInterceptors(mvcConversionService, mvcResourceUrlProvider));
   welcomePageHandlerMapping.setCorsConfigurations(getCorsConfigurations());
   return welcomePageHandlerMapping;
}

点进去继续看

private Resource getIndexHtml(String location) {
   return this.resourceLoader.getResource(location + "index.html");
}

欢迎页,静态资源下的所有index.html;被/**映射。

比如访问localhost:8080/,就会找静态资源文件夹下的index.html;

测试:

  1. 新建一个index.html
  2. 访问测试,//localhost:8080/

关于网站图标(过时)

​ 与其他静态资源一样,Springboot在配置的静态内容位置中查找favicon.ico。如果存在,自动用作应用程序的favicon。

FAVICON("/**/favicon.ico");

private final String[] patterns;

StaticResourceLocation(String... patterns) {
   this.patterns = patterns;
}
  1. 关闭springboot默认图标

    spring.mvc.favicon.enabled=false
    
  2. 放一个图标在静态资源目录下,比如放在public目录

  3. 清除浏览器缓存,刷新即可生效!