springboot学习(四十九) springboot中使用webjars依赖管理前端JS

WebJars能使Maven的依赖管理支持OSS的JavaScript库/CSS库，比如jQuery、Bootstrap等；
WebJars是将Web前端Javascript和CSS等资源打包成Java的Jar包，这样在Java Web开发中我们可以借助Maven、Gradle这些依赖库的管理，保证这些Web资源版本唯一性，并且无需再去手动下载对应的JS、CSS依赖。

webjars能管理的依赖可以去其官网查询：https://www.webjars.org/

以引入jquery的3.4.1的版本为例

1、引入jquery的maven或gradle依赖

maven:

<!-- https://mvnrepository.com/artifact/org.webjars/jquery -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.4.1</version>
</dependency>

gradle:

// https://mvnrepository.com/artifact/org.webjars/jquery
implementation group: 'org.webjars', name: 'jquery', version: '3.4.1'

2、在使用的html页面中引入这个依赖

<script src="../webjars/jquery/3.4.1/jquery.min.js"></script>

这里的引入使用了相对路径，查看gradle或maven下载的依赖会看到webjars目录在resources下，所以webjars路径应该是http://[ip]:[port]/[context-path]/webjars/xxxx，所以要按照这个来配置相对路径

ps：其实大名鼎鼎的swagger也是用webjars来管理静态资源依赖的，查看swagger-ui的源码会发现下面的东东：