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>