$.对前端js类库和框架的引用

使用webjars打包成jar的形式进行引用

webjars地址:https://www.webjars.org/;

选择使用版本– >   选择管理方式–>  复制依赖到项目的pom。xml中 。

等到依赖的加载完成 ，查看是否存在当前环境中

运行jquery包 ，测试是否可用。

浏览器url输入相关url地址：例如：

http://localhost:5200/webjars/jquery/3.3.1-2/jquery.js

添加成功！

 

2.直接饮用

在对相关web的自动装配 类的查看中，发现有很多中对静态资源映射的方法，

截取部分ResourseProperties.class类中的部分代码

  1. @ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false)
  2. public class ResourceProperties {
  4. //资源根路径
  5.     private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
  6.             "classpath:/META-INF/resources/", "classpath:/resources/",
  7.             "classpath:/static/", "classpath:/public/" };
  9.     /**
  10.      * Locations of static resources. Defaults to classpath:[/META-INF/resources/,
  11.      * /resources/, /static/, /public/].

综合源码的定义 ，推荐有以下几种静态资源的映射方法：  /根路径。

 

3.index.html

对于大部分学习SpringBoot的都会经历一个坎，使用localhost:8080/会显示一个错误页面 并且报（status=404）。

解决springboot因启动项是否在controller等其他类之上的问题。

实际上在不存在index.html 发起一个空的url地址会报404，因为Springboot会自动去寻找index.html 并去优先加载。

  1. @Bean
  2. //配置欢迎页index.html
  3.         public WelcomePageHandlerMapping welcomePageHandlerMapping(
  4.                 ApplicationContext applicationContext) {
  5.             return new WelcomePageHandlerMapping(
  6.                     new TemplateAvailabilityProviders(applicationContext),
  7.                     applicationContext, getWelcomePage(),
  8.                     this.mvcProperties.getStaticPathPattern());
  9.         }

Ctrl 进 

  1. getWelcomePage()方法 。
  1. static String[] getResourceLocations(String[] staticLocations) {
  2.             String[] locations = new String[staticLocations.length
  3.                     + SERVLET_LOCATIONS.length];
  4.             System.arraycopy(staticLocations, 0, locations, 0, staticLocations.length);
  5.             System.arraycopy(SERVLET_LOCATIONS, 0, locations, staticLocations.length,
  6.                     SERVLET_LOCATIONS.length);
  7.             return locations;
  8.         }
  10.         private Optional<Resource> getWelcomePage() {
  11.             String[] locations = getResourceLocations(
  12.                     this.resourceProperties.getStaticLocations());
  13.             return Arrays.stream(locations).map(this::getIndexHtml)
  14.                     .filter(this::isReadable).findFirst();
  15.         }
  17. //获取首页html
  18.         private Resource getIndexHtml(String location) {
  19.             return this.resourceLoader.getResource(location + "index.html");
  20.         }

  1.  
  1. public void setStaticLocations(String[] staticLocations) {
  2.         this.staticLocations = appendSlashIfNecessary(staticLocations);
  3.     }
  5.     private String[] appendSlashIfNecessary(String[] staticLocations) {
  6.         String[] normalized = new String[staticLocations.length];
  7.         for (int i = 0; i < staticLocations.length; i++) {
  8.             String location = staticLocations[i];
  9.             normalized[i] = location.endsWith("/") ? location : location + "/";
  10.         }
  11.         return normalized;
  12.     }

  1. 获取到首页资源并和路径拼接形成欢迎页自动映射index.html

 所以将自动进入index.html 如果查询不到index.html的存在将会（status=404）。

查不到index.html。

 

 

 成功界面！

 

 4.

我注意到下面还有个方法

  1. @Bean
  2.             public SimpleUrlHandlerMapping faviconHandlerMapping() {
  3.                 SimpleUrlHandlerMapping mapping = new SimpleUrlHandlerMapping();
  4.                 mapping.setOrder(Ordered.HIGHEST_PRECEDENCE + 1);
  5.                 mapping.setUrlMap(Collections.singletonMap("**/favicon.ico",
  6.                         faviconRequestHandler()));
  7.                 return mapping;
  8.             }

 

 更改这些小图标的。

添加一个以此命名的图片当做小图标，

 

 

 

 

 

版权声明：本文为CllOVER原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/CllOVER/p/10530436.html