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

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

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


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


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


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


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


所以,我还是用jsp吧。


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


60.png

60.png

这个库去官网下载即可。

61.png

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

62.png

相关文章
|
6月前
|
缓存 前端开发 Java
【Java】仓库管理系统 SpringBoot+LayUI+DTree(源码)【独一无二】
【Java】仓库管理系统 SpringBoot+LayUI+DTree(源码)【独一无二】
|
6月前
|
存储 Java 数据库
|
6月前
|
JavaScript 前端开发
springboot+layui从控制器请求至页面时js失效的解决方法
springboot+layui从控制器请求至页面时js失效的解决方法
|
供应链 前端开发 安全
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)3
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)
 【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)3
|
6月前
|
前端开发 druid Java
基于SpringBoot+Layui的社区物业管理系统
社区物业管理系统是基于java程序开发,本系统分为业主和管理员两个角色 业主可以登陆系统,查看车位费用信息,查看物业费用信息,在线投诉,查看投诉,在线报修; 管理员可以车位收费信息,物业收费信息,投诉信息,楼宇信息,房屋信息,业主信息,车位信息,抄表信息等进行管理。
87 0
基于SpringBoot+Layui的社区物业管理系统
|
存储 前端开发 JavaScript
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)1
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)1
|
6月前
|
缓存 前端开发 Java
【Java】仓库管理系统 SpringBoot+LayUI+DTree(源码)【独一无二】
【Java】仓库管理系统 SpringBoot+LayUI+DTree(源码)【独一无二】
|
前端开发 Java 数据库连接
基于springBoot + Mybatis +LayUi实现基础的增删改查功能
基于springBoot + Mybatis +LayUi实现基础的增删改查功能
207 0
|
前端开发
LayUi+SpringBoot+Mybatis:打造高效增删改查分页系统
LayUi+SpringBoot+Mybatis:打造高效增删改查分页系统
176 0
|
6月前
|
SQL 前端开发 Java
springboot + thymeleaf + layui 初尝试
springboot + thymeleaf + layui 初尝试

热门文章

最新文章