关于Bootstrap & LayUI & JQuery 在SpringBoot中运用maven导入包并引入到HTML页面

如果傘皮不能用代码改变世界，那就改变自己就好了~ 请把您的赞留给大神们，把下次一定留给俺，俺下次一定好好写（^ 狗头 ^）~

文章目录

一：Bootstrap（1）maven的pom依赖（2）引入 二：JQuery（1）maven的pom依赖（2）引入 三： LayUI（1）maven的pom依赖 前言：在Springboot中像JQuery，Bootstrap等，会有一个webjars用来存放管理包 许多包与依赖都在这个里面，比如我们现在要引入的Bootstrap

一：Bootstrap

首先引入webjars

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

pom依赖都放在这哦

（1）maven的pom依赖

引入bootstrap的依赖包

<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7</version> </dependency>

记得点击右下角有个弹窗的 auto import change，这样就导入包了

（2）引入

在HTML头部引入下面的代码

<script src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css">

这个或许有些人的情况不一样，在这里，俺说说这个路径怎么来的，看看我们引入的包的目录结构 也就是对应的包目录，赶快去看看嘿嘿 到这也就可以引入Bootstrap了，可以开始使用啦~

二：JQuery

（1）maven的pom依赖

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

记得点击右下角有个弹窗的 auto import change，这样就导入包了

（2）引入

相信大家经过上面的也能知道怎么引入JQuery吧？嘿嘿，还是贴一下代码哈哈，复制方便

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

三： LayUI

（1）maven的pom依赖

<!-- https://mvnrepository.com/artifact/org.webjars.bowergithub.diguoyihao/layui --> <dependency> <groupId>org.webjars.bowergithub.diguoyihao</groupId> <artifactId>layui</artifactId> <version>2.4.3</version> </dependency>

在这，因为每个版本不一样，上面有方法了，所以这就不演示了，我这是下载来，引进去的，所以我这将顺便演示以下载好包引入工程的方式 首先下载好包，可以去layUI的官网进行下载，然后解压，将其放入相应的包下，比如我这是springboot工程，则放入static包下 然后引入，大功告成

<link rel="stylesheet" href="./layui/css/layui.css"> <script src="./layui/layui.js"></script>

我是唐傘皮，一条知识海洋里的淡水鱼~