layUI
在奋斗的大道
程序发烧友
展开
-
SpringBoot +LayUI 实现表单设计器
在设计OA开发时会涉及流程动态绑定表单,基于这种情况,我集成了网上开源的LayUI 表单设计器:layui-form-create: layui表单生成器效果展示:默认展示页面:修改页面:项目整体结构: DesignerFormControllerpackage com.zzg.controller;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import org.springfra..原创 2022-05-11 11:17:44 · 2473 阅读 · 0 评论 -
SpringBoot + MyBatis-Plus +MySQL8 +Thymeleaf +LayUI通用业务模块增删改查
1、基础技术框架技术名称 版本 SpringBoot 2.1.0.RELEASE Mybatis-Plus 3.4.1 Lombok 1.18.2 MySQL8 8.0.13 AlibabaDruid 1.1.10 Thymelaf 3.0.11 Alibaba Fastjson 1.2.4 Hutool 5.5.2 2、完整pom.xml<project xmlns="http://maven....原创 2021-12-23 02:08:02 · 2458 阅读 · 1 评论 -
LayUI 性别前端显示
在程序开发中,经常使用1=男生,2=女生,在数据库中存储的字段值也是1或2,在LayUI前端显示如何解决这个问题。解决办法:通过定义字段的template渲染函数,解决字段值转换显示问题。核心功能代码片段:cols: [ [ {field:'id', width: 50, title: 'ID'} ,{field:'name', title: '员工名称', align: 'center'} ,{field:'code', title: '员原创 2021-12-19 23:55:38 · 1380 阅读 · 0 评论 -
LayUI 日期格式显示
日期字段未进行格式化在LayUI 前端展示效果截图:解决思路:通过LayUI 字段field的模板属性templet,将data类型转换为String.功能代码:LayUI完整代码:<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C..原创 2021-12-19 23:48:55 · 1814 阅读 · 0 评论 -
SpringBoot + MyBatis-plus + SpringSecurity + Thymeleaf 实现系统基础模块功能
嘟嘟平台基础技术框架技术名称 版本 SpringBoot 2.1.9.RELEASE MyBatis-plus 3.3.1 MySQL 8.0.11 SpringSecurity 5.1.6.RELEASE Thymeleaf 3.0.4.RELEASE lombok 1.18.10 guava 30.1.1-jre hutool-all 5.5.2 druid 1.2.3 swagger3 3.0原创 2021-11-05 19:17:30 · 787 阅读 · 0 评论 -
SpringBoot +Thymeleaf + LayUI 实现table 检索功能
效果展示:HTML 代码: <div> 搜索: <div class="layui-inline"> <input class="layui-input" name="id" id="demoReload" autocomplete="off"> </div> <button class="layui-btn" data-type="reload" id="search.原创 2020-08-11 13:57:05 · 1762 阅读 · 1 评论 -
LayUI form select 下拉框不显示
弹出层Form:layui的下拉框总是显示不出来 <!-- table 弹出层表单 --> <script type="text/html" id="edit_form"> <div class="layui-col-md10" style="margin-left: 35px;margin-top: 20px"> <form class="layui-form layui-form-pa.原创 2020-08-11 13:18:53 · 1757 阅读 · 0 评论 -
SpringBoot +Thymeleaf +LayUI2.x 实现增删改查功能
效果展示:LayUI Table 数据加载功能LayUI Table 数据检索功能:LayUI Table 新增LayUI Table 编辑LayUI Table 删除LayUI 前端代码:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initi.原创 2020-08-11 01:33:47 · 1485 阅读 · 2 评论