SpringBoot整合layUI，建议收藏，不然找不到了

layUI是一款非常受欢迎的前端框架，有着极其丰富的组件。

官网：https://www.layui.com/doc/

SpringBoot整合layUI，其实就是模板引擎去整合layUI，模板引擎一般我们用jsp，或者thymeleaf。

其实我个人觉得，thymeleaf有点被吹得过头了，我实际使用后发现，并没有传言的那么好用。

你说thymeleaf比jsp轻吧，如果语法不对也是直接抛出一个错误页面，而且从性能上讲，thymeleaf可比jsp差多了。

所以，我还是用jsp吧。

让我们在上一节的基础上继续往下做。

这个库去官网下载即可。

引入js和css

<script src="${basePath}/layui/layui.js" charset="utf-8"></script>
<link rel="stylesheet" href="${basePath}/layui/css/layui.css" media="all">

添加完毕。

随便在index.jsp中加一些layUI风格的按钮，看看情况：

<h1>恭喜，JSP整合成功！ ${basePath}</h1>
<div class="layui-btn-container">
  <button type="button" class="layui-btn layui-btn-primary">原始按钮</button>
  <button type="button" class="layui-btn">默认按钮</button>
  <button type="button" class="layui-btn layui-btn-normal">百搭按钮</button>
  <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button>
  <button type="button" class="layui-btn layui-btn-danger">警告按钮</button>
  <button type="button" class="layui-btn layui-btn-disabled">禁用按钮</button>
</div>