SpringBoot——静态资源导入及访问首页

r囧r小猫 2022-09-13 04:13 158阅读 0赞

### 静态资源导入及首页定制 ###

*  静态资源导入映射
 *   *  映射方式（一）
     *  映射方式（二）
     *  自定义静态资源路径
     *  总结
 *  访问首页

# 静态资源导入映射 #

## 映射方式（一） ##

**SpringBoot中，SpringMVC的web配置都在 WebMvcAutoConfiguration 这个配置类里面；**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16]  
在WebMvcAutoConfiguration 配置类中，执行添加静态资源处理器，先进行判断，禁止加载默认的配置文件中的的资源处理。  
之后再执行后续的资源路径  
![在这里插入图片描述][3621a434c797421eab868a3eabc747ad.png]

只要是在webjars/\*\*路径下都会去/META-INF/resources/webjars/路径下查找  
![在这里插入图片描述][e356d447dc4244f1990cf8e7e1f7ed4c.png]  
以Maven的形式引入jquery![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_17_color_FFFFFF_t_70_g_se_x_16]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_17_color_FFFFFF_t_70_g_se_x_16 1]  
导入完毕，查看webjars目录结构，并访问Jquery.js文件  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_14_color_FFFFFF_t_70_g_se_x_16]  
**启动SpringBoot根据路径找到js**  
![qidong][]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 映射方式（二） ##

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
final修饰的路径  
![在这里插入图片描述][ba20f798a3da4f4e96a466d75b6234a0.png]  
总共有5个路径  
**staticPathPattern发现第二种映射规则 ：/ \*\* , 访问当前的项目任意资源，它会去找 resourceProperties 这个类**  
ResourceProperties 可以设置和我们静态资源有关的参数；这里面指向了它会去寻找资源的文件夹，即下面数组的内容。

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 3]

**可以在resources根目录下新建对应的文件夹，都可以存放我们的静态文件；**

比如我们访问 http://localhost:8080/1.js , 他就会去这些文件夹中寻找对应的静态资源文件；  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
![在这里插入图片描述][f920b0a1add6497ea50c1d116061281a.png]  
三个不同路径下resources路径下的优先级最高，其次是static路径下  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 5]

## 自定义静态资源路径 ##

可以自己通过配置文件来指定一下，哪些文件夹是需要我们放静态资源文件的，在application.properties中配置；  
![在这里插入图片描述][b84edfad13464d4487e62f6c0e63393b.png]

## 总结 ##

**在SpringBoot中，可以通过以下方式处理静态资源**  
1、webjars ：localhost:8080/webjars/  
2、public、static、/\*\*、resource localhost:8080/  
优先级：resources>static>public

# 访问首页 #

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 6]

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

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
由底层的代码可以看出在加载首页的时候也会根据路径的不同映射。

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/ee1aa1db47694abe81cdc5349f626b90.png
[3621a434c797421eab868a3eabc747ad.png]: /images/20220828/8a40a634ddab46d882dcde1720d7fe1b.png
[e356d447dc4244f1990cf8e7e1f7ed4c.png]: /images/20220828/6793d646f7594e9a97f43e2d04d2c8e3.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/ab26593e877340899e5a4f16521dc0df.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_17_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/c6073cece0a74188b24defcf1bd1f373.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/c6d36c78be524976aabd59af70ff6df0.png
[qidong]: /images/20220828/02a9457d16894329b5e10235de2b5e30.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/66790005d07d4dd4b4509211b2271403.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/e1f0c9981e9d4a93b5c043674969ff0f.png
[ba20f798a3da4f4e96a466d75b6234a0.png]: /images/20220828/d362c9bffbb2499e821ad56edfa0a367.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/cd7edacc069b4686a26ef2e6db67b8be.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/2b66ee3dceaa42c1b763da0005946fa2.png
[f920b0a1add6497ea50c1d116061281a.png]: /images/20220828/8bf2942eb4ec456980b71889f806209d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/e1c52f8dc9624d4682e4bff03b96478f.png
[b84edfad13464d4487e62f6c0e63393b.png]: /images/20220828/fd6410ca16174b1abda7c0e5d347399b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/43567adad36a4fcb815267706a9210d9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/89c72da7929746708971838e95c5eaf0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6KaB5LiN5LiA6LW3Y2nkuKrppa0_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/02638f3b3fc945978f7df46793ec5f9f.png