首页 > 其他分享 >SpringBoot整合layUI,建议收藏,不然找不到了

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

时间:2022-10-31 12:32:49浏览次数:60  
标签:SpringBoot layUI 收藏 thymeleaf jsp 整合 按钮 官网


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

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

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

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

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

所以,我还是用jsp吧。

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

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


这个库去官网下载即可。

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


引入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>

SpringBoot整合layUI,建议收藏,不然找不到了_官网_03


标签:SpringBoot,layUI,收藏,thymeleaf,jsp,整合,按钮,官网
From: https://blog.51cto.com/u_10957019/5809101

相关文章