css
计算机
ssh
电商
lcd
三十
qt编程
斐波那契
后断开发
vue3
自由工作
PIXIjs
格式
汇编求解一元二次方程的解
web结课作业的源码
notebook
唐奇安通道
directMemorty
基因数据分析
muduo
layui
2024/4/11 15:18:29
《大事件项目》之基于AjaxLayuigit开发的简易注册登录页面
1. 首先我们要先准备好我们的项目文件夹 login®
文件夹里准备好一个文件夹（assets）
里面准备好css、fonts、images、js、lib文件夹，存放好需要用到的配置文件 以及login.html页面
接下来就是使用Git管理仓库了，然后接下…
layui表格自适应宽度出现横向滚动条
上bug图： 横向出现了滚动条，逼死强迫症了。控制台打开，审查元素，发现多了一列： 官方给出的解决方案：https://fly.layui.com/jie/18737/
1. 如果 table 是在 layui 的后台布局容器中（注意&#…
Java项目:美容院后台管理系统(java+SpringBoot+JSP+LayUI+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
本项目为美容院后台管理系统， 操作员包含以下功能：操作员登陆,操作员首页,会员列表,添加会员,添加美容产品,购买商品,添加护理记录,客户购买记录,护理记录,销售记录等功能。…
Java项目:药店信息管理系统(java+SSM+JSP+layui+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis ht…
校园失物招领系统的设计与实现-Flask+Mysql+LayUI
1.设计要求： 2.python项目结构： 3.开发工具：PyCharmNavicat for MySQL
数据库表设计： 4.运行效果截图：
(1) 管理员登录页 （2）管理员界面： （3）物品登记页面&…
Layui + Flask | 表单元素（组件篇）（06）
表单元素是输入框、选择框、复选框、开关、单选框等表单项组件，用于对表单域进行输入。layui 的表单元素对原生的表单元素进行了大幅的用着，有好看的 UI 同时又有非常方便操作的 API。 输入框 https://layui.dev/docs/2.8/form/input.html 输入框组件是对文本框 <input ty…
Java项目:物资发放管理系统(java+Springboot+HTML+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目有物资管理员与普通员工两种角色；
普通员工具有以下功能：申领物资；撤销申请；查看待领任务。 （1）申领物资&#x…
layui tree树组件添加图标
先上效果图： layui版本2.6.5，使用layui自带的树组件。
首先，打开layui.js。搜索i class"layui-icon layui-icon-file" 改为i class" (r.icon || "layui-icon layui-icon-file") "
再然后，渲染树…
Layui 日期时间控件 只选择月 只选择年
layui.use(‘laydate’, function () { var laydate layui.laydate; //只选择年 laydate.render({ elem: ‘#’ id, type: ‘year’,//类型年 // 选择年份或者月份都会关闭 change: function (value, date, endDate) { //监听日期被切换 lay(’#’ id).val(value); if ($(&qu…
layui实现地址下拉框模糊查询
layui实现地址下拉框模糊查询
HTML代码
注意：千万不要少 lay-search
<div class"layui-col-md4"><label class"layui-form-label"><em>*</em>始发地：</label><div class"layui-input-bloc…
如何实现layui的时间控件再不用点击的时候自动确定（已解决）
laydate.render({ elem: #dateDiv, type: month, showBottom: false,//没有下方的取消和确定按钮 change: function(value, date, endDate) { $("#dateDiv").val(value); if ($(".layui-laydate").…
Layui合计自定义列
需求：第四列通过计算：27除以220 正常的汇总，增加这个属性就行 特殊的列，需要特殊处理
获取合计行：$(".layui-table-total div.layui-table-cell");
获取某列的值：$($(".layui-table-total …
【前端】Layui小功能收集整理
目录
1、layui 鼠标悬浮提示文字
2、关闭当前窗口并刷新父页面 1、layui 鼠标悬浮提示文字
鼠标放在图标上悬浮显示提示信息，效果图如下 <div style"float:left; line-height:40px">道试题 <i class"layui-icon layui-icon-tips" l…
MVC+Layui弹出表单模态框
1、Html页面添加隐藏的form表单 <button class"layui-btn" id"add" lay-on"add">添 加</button>添加按钮 <form class"layui-form" id"AddForm" method"post" lay-filter"example" styl…
Java项目:访客管理系统(java+SpringBoot+layUi+JSP+Maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
springboot搭建的访客管理系统，针对高端基地做严格把控来访人员信息管理，用户后端可以设置多个管理员帐号，给予不同部门的管理层使用，用户管理可以增…
纯前端将网页导出pdf文件
使用插件：jspdf html2canvas，html2canvas将节点绘制成图片，然后jspdf再导出。
优点：可以指定导出DOM，配置贼简单（其实浏览器右键-->打印-->另存为pdf文件也挺方便哒，但是很多人不知道呀…
亚马逊云科技和安恒信息，发布云原生SaaS主机安全和云原生堡垒机
4月19日，安恒信息首次举行了以“新见未来 实现梦想”为主题的年度新品发布会。来自产业界、投资界、财经界、媒体界等多方代表共同见证了本次发布会。这也是安恒信息自成立以来，首次大规模、高密度地发布新品。 联合产品发布
云原生SaaS主机安全与云原…
layui 富文本编辑器layedit 以及 图片转base64前端页面显示
js var index layui.layedit.build(noticeInformationContent, {area: [500px, 400px],uploadImage: {url: NI/uploadconimage //接口url, type: POST //默认post},hideTool: [image]});layui.form.verify({content: function (val) {layui.layedit.sync(index);var content …
layui tree监控选中事件，同步选中和取消
需求：需要分配权限时，要通过组织架构分配，也要通过角色分配，还是把选择的结果显示出来
结果如下图 代码分页面，类和SQL
页面：
<% Page Language"C#" AutoEventWireup"true" Code…
js、layui input判空
.css_wranning_border {border: 2px solid rgb(233,104,107) !important;}
//给input、select 加 类选择器required
function isEmpty() {var $dom $(".required");var boolCheck true;for (var i 0; i < $dom.length; i) {var isempty 0;var idom $dom.eq(…
Layui弹出层弹出后，页面灰置无法点击问题解决
项目场景：
在使用Layui的Layer弹出层时，有时候会出现弹出层弹出后，页面灰置无法点击的问题，一直很头大，不知道问题出现在了哪里。如下图： 解决方案：
最后发现只要在定义弹出层的函数中加入sh…
layui框架实战案例(21)：layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
上传的哪些事 一、核心方法与基础参数选项二、使用upload组件1.调用layui.upload2.文件上传进度条3.弹出进度条4.完整核心代码5.效果预览6.后台上传代码7.附带参数data 一、核心方法与基础参数选项 upload.render({elem: #uploadlicense//指向容器选择器, url: ?mIndex&ai…
layui 获取表单数据
layui 官方 链接：https://layui.gitee.io/v2/docs/modules/form.html#val 语法：form.val(‘filter’, object); 用于给指定表单集合的元素赋值和取值。如果 object 参数存在，则为赋值；如果 object 参数不存在，则为取值…
Java项目:驾校预约管理系统(java+SSM+HTML+LayUI+bootstrap+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目分为管理员、教练、学员三种角色， 管理员角色包含以下功能： 学员管理、教练管理、车辆管理、关系管理、车辆维修管理、个人中心等功能。
教练角色包含以下功能&…
Java项目:酒店管理系统(java+SSM+Maven+LayUI+mysql)
源码获取：博客首页 "资源" 里下载！ 酒店管理系统-温情小筑后台管理系统
系统概要
项目主要功能包括： 住客管理：住客入住、住客列表； 房间管理：房间列表、添加房间、修改房间状态； 会…
Java项目:私人牙医管理系统(java+SpringBoot+html+layui+echarts+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
私人牙医管理系统。该项目分为前后台，共三种角色：管理员、医生、客户；
前台主要功能包括：首页、医生介绍、新闻资讯、关于我们、联系我们等功能&am…
Java项目:在线游戏商城系统(java+Springboot+MyBatis+MySQL+Maven+layui+Jsp)
源码获取：博客首页 "资源" 里下载！ 一、项目简述功能包括： 用户管理，游戏商品管理，在线购买，上传，售卖记录，商品审核等等。
二、项目运行环境配置：
Jdk1.8 …
Java项目:学生学籍管理系统(java+SSM+layui+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
SSM项目-学生学籍管理系统。该项目分管理员、老师、学生三种用户角色。每种角色分别对应不同的菜单； 以下分别介绍各个角色对应的功能模块：
管理员角色：
- 用…
大三笔记（layui弹出层完成数据更改后重载表格）
重载本级表格： layer.confirm(真的删除行么, function(index){deleterow(data.student_id);//逻辑操作layer.msg("删除成功");//提示obj.del(); //删除行layer.close(index);table.reload(ldh,{page:{curr:1}}); //重载表格,第一个参数是表格id
重载父级…
layui中左右穿梭框的使用
使用左右穿梭框的时候，layui引用layui.all.js，这样不用再加thirdlib/transfer.js，可以直接调用modules下的
layui框架实战案例(21)：layui table单元格显示图片导致复选框冗余的解决方案
图片自适应表格CSS
为防止单元格内的图片不能正常显示，需本地重写CSS。
/*layui-table图片自适应*/
.layui-table-cell {height: auto;line-height: 20px;}.layui-table-cell img {height: 50%;max-width: 50%;
}列代码
, cols: [[{type: checkbox,fixed:left, w…
Layui + Flask | 实现数据表格修改（案例篇）（09）
此案例内容比较多，建议滑到最后点击阅读原文，阅读体验更佳。后续也会录制案例视频，将在本周内上传到同名的 b 站账号。 接下来演示用 flask + layui 搭建一个学员信息管理的案例 这个案例将会利用 flask 做后端，layui table 组件做前端，基于 restful api 完成一个学员信息…
Java项目:宿舍管理系统(java+SpringBoot+Thymeleaf+html+layui+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
宿舍管理系统,分为系统管理员与学生两种角色； 系统管理员主要功能包括： 系统管理：用户列表、角色与权限； 学生管理：学生列表、教学班级&…
layui提示框没有渲染bug解决
bug：使用layui时或许是依赖导入又或是ideal和浏览器缓存问题导致前面明明正常的页面显示，后面出现提示框没有css样式，弹出框没有背景css
效果如下 解决后 解决方法
在你的代码中引入layer.js
我这是jsp页面 <script type"text/jav…
《大事件项目》之基于AjaxLayuigit开发的简易后台管理页面之用户资料修改页面
1. 首先还是准备好我们前期需要的文件夹 2. 然后接下来就是我们的user_info.html的代码部分
<!--* Author: 孙大大* Date: 2022-01-22 16:13:07* LastEditTime: 2022-01-22 18:37:38* FilePath: \user\user_info.html
-->
<!DOCTYPE html>
<html lang"en&…
Java项目:医院管理系统(java+SpringBoot+Layui+Freemaker+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
医院管理系统,分为管理员、医生、病人三种角色；
管理员主要功能包括： 首页、系统管理：医生管理、患者管理、药品管理；预约管理；病史管理…
基于SSM/Layui框架的火影忍者风格学生宿舍管理系统
目录
1、项目简介
2、使用技术
3、功能介绍
实现的主要功能：
4、所有页面 基于SSM/Layui框架的火影忍者风格学生宿舍管理系统 1、项目简介
本项目是一套基于SSMLayui的高校宿舍管理系统，主要针对计算机相关专业的正在做毕业设计的学生和需要项目实…
关于layui table回显以及选择下一页时记住上一页数据的问题
代码如下
<div class"layui-form-item"><label class"layui-form-label">选择商品</label><div class"layui-input-inline"><input type"text" name"keyword" id"keyword" placehold…
Java项目:课程自动排课系统(java+SpringBoot+html+layui+thymeleaf+redis+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
课程自动排课系统，该系统分两种角色：管理员与普通用户；
主要功能包括： 首页：查看分课、查看课表、查看空教室； 班级设置&am…
关于layui的table组件不支持IE导出的问题简单修复
/*** 修复IE不能下载的问题，支持IE10以上，此处是额外增加的代码，数据读取沿用table组件原有代码，为了尽量不破坏原来的代码，故此处会显得有些冗余。*/if (r.ie && navigator.msSaveBlob) {var dataTitle [], …
Layui + Flask | 导航（组件篇）（03）
导航一般应用于头部和侧边，是整个网页画龙点晴般的存在依赖加载模块：element水平导航 一般用于页面头部菜单。样式规则如下： 给一个无序列表 ul 添加 class="layui-nav" 设置导航容器给 li 添加 class="layui-nav-ithm" 表示的是导航的菜单项给 li 添加…
Layui 下拉select多选实现
1. html
<div id"mo_deptment"></div>
2.引用
<script src"~/layuiadmin/layui/xm-select.js"></script>3.设置全局变量存储控件
var mo_deptmentSelect;
4.layui.use 中初始化
4.1 列表数据
var mo_deptmentdata [ …
基于layui实现月份选择控件
先上效果图： 先上html代码： <div ><div >月份</div><div ><input type"text" class"layui-input" id"month_date" readonly/></div>
</div>
然后是js渲染部分，重点…
企业电子招标采购系统源码Spring Boot + Mybatis + Redis + Layui + 前后端分离 构建企业电子招采平台之立项流程图
项目说明
随着公司的快速发展，企业人员和经营规模不断壮大，公司对内部招采管理的提升提出了更高的要求。在企业里建立一个公平、公开、公正的采购环境，最大限度控制采购成本至关重要。符合国家电子招投标法律法规及相关规范，以及…
layui table合计 totalRow 保留4位小数\ 异步请求数据的表格 新增行之后 如何更新数据
layui table合计 totalRow 保留4位小数:
例: totalRowMethod:(column: any, dataSource: any[]) > { let total 0; dataSource.forEach((item) > { total total Number(item[column.key]); …
layui的一些问题
为什么table.render, ins1.config有时候获取的值是上一次的?例如ins1.conf.page.curr?
这是一段table.render代码
let ins1 table.render({...})一般情况下ins1.conf可以获得表格的当前页,页数等;但是有时候获得的页数是上一次的;主要是因为在table.reload后没有继续赋值的…
【Layui】layui table表格字段过长，鼠标放到上面展示完整信息
layui table表格字段过长，鼠标放到上面展示完整信息 tabTitle方法：使用效果tabTitle方法：
function tabTitle(){$(th).each(function(i
layui服务器端分页实例
layui的分页功能是很不错的，方便快捷。jquery普通页面开发可以考虑。下面以表格为例，举例layui分页功能。其他（利于list等）同理。首先将layui.css、layui.all.js引入在页面中。
官网（下载地址）：…
layui弹出层点回车键无限弹出解决
$(document).keydown(function (event) {if (event.keyCode 13) {$("*").blur();//去掉焦点if ($(".layui-layer-btn0").length > 0)layer.closeAll();}});
禁用表单元素：Layui框架下的实践与技巧
引言
在日常的网页开发过程中，有时我们需要禁用表单元素，以防止用户在某些情况下进行输入或更改。在本文中，我们将介绍如何在Layui框架下使用JavaScript禁用表单元素，例如单选按钮（radio）、下拉列表&#…
JS获取省市区/县，layui获取省市区，layui实现省市区联动，jquery实现省市区联动
前言
通过JS方式获取省市区数据，可自己手动更改JS文件数据 非常简单
效果 实现
百度网盘链接: https://pan.baidu.com/s/1RktJgXY0NP7Eq0ohvBPOEA 提取码: 477z gitee下载链接：https://gitee.com/yuanyongqiang/common-files/blob/master/area.js
下…
关于layui+php，三级联动-编辑回显的问题。
注 忍不住吐槽一波。都什么年代了。现在都前后端分离，但是公司老项目非得用tplayui。。 代码如下
layui.use([form], function () {var form layui.form;//php代码渲染页面的时候，将一级分类id和二级分类id带过来，存到页面input框中&#x…
用javascript和layui做一个前端防止重复提交的按钮难不难？
使用JavaScript和LayUI制作一个防止重复提交的按钮并不难。这里是一个简单的示例，演示了如何在前端实现防止重复提交的按钮： 首先，确保您的HTML页面包含LayUI的CSS和JavaScript引用。 在HTML文件中，添加一个表单和一个按钮&#…
layui form 中input输入框长度的统一设置
Layui.form中使用class"layui-input-inline"就可轻松将元素都放到一行，但如果元素过多，就会自动换行。那就需要手动设置input框的长度。 像这种情况： 其实只需要添加css样式就可修改了 .layui-form-item .layui-input-inline {wid…
Layui实现之登陆页面实现扩展模块
一、什么是layui？
layui轻量级的，开源，免费的。前端的框架（ppt模板，框架是实现某种功能的半成品，提供了一些常用的工具类和一些基础通用化的组件，可以供开发人员在此基础上，更高效的…
Layui之动态生成选项卡与用户CRUD
今天我来给大家分享一下，动态生成选项卡的案例
效果图
分享这个知识之前，我们先来了解一下什么是无限极分类？
无限级分类是一种分类技巧，例如部门组织，文章分类，学科分类等常用到无限级分类，…
《大事件项目》之基于AjaxLayuigit开发的简易后台管理页面之首页
1. 首先还是准备好我们前期需要的文件夹 2. 然后接下来就是我们的index.html的代码部分
<!DOCTYPE html>
<html><head><meta charset"utf-8" /><meta name"viewport" content"widthdevice-width, initial-scale1, maximu…
layui.laydate 动态设置最大值最小值,有开始时间和结束时间的
layui.laydate 动态设置最大值最小值
一般设置最大、最小值是这么设置的，直接给max赋值一个字符串
laydate.render({elem: #beginTime,type: datetime,btns: [confirm,clear],format: yyyy-MM-dd HH:mm:ss,max:2020-01-01 12:00:00
}但是现在有一个需求࿰…
layui 数据表格重新加载数据分页器回到第一页，否则page还是之前选择的页码，这样会丢失数据
form.on(submit(formSearch), function (data) {console.log(data);table.reload(test, {page: {curr: 1 //重新从第 1 页开始}, where: {//这里不能写pageNum:1() 如果这样写的话点击分页器只能获取第一页的数据data.field, //设定异步数据接口的额外参数},});
});pageNUm指的…
layui+poi-Java实现导入导出excel文件
目录 需求说明 一、实现思路 二、前端代码 1.引入layui 2.隐藏部分内容 1）静态页面代码： 2）js（/jquery）代码：点击【导入xx】按钮的js：弹出上面隐藏的内容 3）、效果如下 3、下载模板j…
【前端】 Layui点击图片实现放大、关闭效果
实现效果：点击图片实现放大，点击空白处关闭效果。下图。
实现逻辑：二维码是使用JQ插件生成的，点击二维码，获取图片路径，通过Layui的弹窗显示放大后的图片。 Html
<div id"qrcode" class&quo…
Layui快速入门之第一节Layui的基本使用
目录
一：Layui的基本概念
二：Layui使用的基本步骤
1.在官网下载layui的基本文件，引入css和js文件
①：普通方式引入
②：第三方 CDN 方式引入
2.在script标签体中编写代码
3.测试 一：Layui的基本概念 …
记一次laytpl语法踩坑
这种小问题真的是头疼，语法咋写的，我也找不到官方资料了，自行百度吧。下面是实现效果图 需求挺简单，就是在表格中根据后端返回的数据，进行回显勾选。先上代码：
cols: [[......{toolbar: "<div>…
企业电子招标采购系统源码Spring Cloud + Spring Boot + MybatisPlus + 前后端分离 + 二次开发
项目说明
随着公司的快速发展，企业人员和经营规模不断壮大，公司对内部招采管理的提升提出了更高的要求。在企业里建立一个公平、公开、公正的采购环境，最大限度控制采购成本至关重要。符合国家电子招投标法律法规及相关规范，以及…
layer.load()方法显示加载中在ajax请求时没生效
刚开始请求方法使用ajax异步，导致加载一直不显示。修改为同步后，解决了。
代码为async: true
ASP.NET Core+Layui使用EF Core操作MySQL实战
一、创建ASP.NET Core Web应用程序
注意，本章节主要以ASP.NET Core 3.1版本作为博客的示例实例模板！（当然你也可以使用当前最新的.NET版本进行实操）。 二、添加EF Core NuGet包 若要在项目中使用EF Core操作MySQL数据库ÿ…
【Layui】动态时间线
官方时间线 代码<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
使用layui的一些常用扩展代码
使用layui的一些常用扩展代码 最近做项目发现layui一些常用的扩展代码，谨记以下： 1. 页面加载中： var index layer.msg(加载中，请稍后。。。, {icon : 16,shade : 0.3,time: 0});layer.close(index);2. 页面初始化方法࿱…
layui 表格 展开
一、表格嵌套表格（手风琴打开） <!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><title>设备上下线统计</title><script type"text/javascript" src"../../../l…
Layui快速入门之第九节 表格事件的使用
目录
一：事件
二：头部工具栏事件
三：排序切换事件 四：列拖拽宽度后的事件
五：列筛选（显示或隐藏）后的事件
六：行单击和双击事件
七：行右键菜单事件 八：…
使用Layui设置模态框
开发工具与关键技术：Visual Studio C# Layui 撰写时间：2019.6.25 Layui与Bootstrap都是我们开发项目中常用的前端 UI 框架，两种方法都可以实现弹出模态框，然而过多的情况下我们使用的是Bootstrap的模态框，因为bootst…
计算机毕业设计——基于SSM+Layui的图书管理系统(附源码)
1，项目背景
国家大力推进信息化建设的大背景下，城市网络基础设施和信息化应用水平得到了极大的提高和提高。特别是在经济发达的沿海地区，商业和服务业也比较发达，公众接受新事物的能力和消费水平也比较高。开展商贸流通产业的信息…
Java项目:汽车租赁系统(java+SSM+JSP+LayUI+echarts+mysql)
源码获取：博客首页 "资源" 里下载！ ssm汽车租赁系统 carRental
系统概要
汽车租赁系统总共分为两个大的模块，分别是系统模块和业务模块。其中系统模块和业务模块底下又有其子模块。
功能模块
一、业务模块 1、客户管理 客户列表…
layui+ztree+springboot动态构建树
效果图： js文件layui.use([form, ztree, admin, ax,layer], function () {var form layui.form;var $ZTree layui.ztree;var $ax layui.ax;var layerlayui.layer;var adminlayui.admin;var MgrProject {condition: {projectId: "",projectCode:"…
layui 中tab控件点击切换触发事件
在layui中使用到tab控件，如果不想在页面加载时就加载所有tab的界面，而是点击某个tab再加载对应的数据，可以使用tab 的点击事件。
方法一： 这个方法是我最初在网上找的使用方法。
非IE浏览器//切换tab 调用不同的方法
layui.use(…
（封装调用） layui table中checkbox 付款框 跨页保存选中赋值状态 跨页记忆选择
检索了很多跨页记忆的，基本上都涉及到了表格字段的编辑，每次使用需要复制大量重复代码，于是手动封装了一段公共js（逻辑不复杂，主要是可公用，不用每个界面写一堆代码）使用的时候就在table初始化的…
代码生涯冲常见的的bug.例如layui表格中日期自动生成、eacharts 报表的重复点击事件
1、layui表格中日期不受控制的自动生成，这种情况往往是你设置了日期类型的强转
例 对于这种情况你需要定义templet模板
1、 {field: outtime, title: 离开时间,templet : "#time"} 2、 <script type"text/html" id"time"> …
动态渲染日期laydate类型
需求，根据用户选项，日期控件自动更改渲染类型。按月时，日期格式：年yyyy，按日时，日期格式：年月yyyy-MM 类型有更改时，需要将之前的事件解绑再重新渲染：$(#busi_date)[0].e…
layui table表格跨页多选
需求：表格数据进行批量操作，支持跨页多选
layui版本号：layui-v2.5.4
直接上代码：
html：
<table class"layui-table" id"table" lay-filter"tableUser"></table>
layui…
Java项目:OA办公管理系统(java+Layui+SSM+Maven+mysql+JSP+html)
源码获取：博客首页 "资源" 里下载！ 一、项目运行 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis ht…
好消息：用 vue3+layui 共同铸造我们新的项目
前言： layui这个框架不知道多少人还在关注着，记得第一次接触它是在18年，后来随着vue，react的盛行，jquerylayui的模式受到了特别大的冲击，后来作者都放弃维护他的官方网站，转而在github/gitee上做…
Java项目:在线电子书小说阅读系统(java+Layui+Springboot+Maven+mysql+HTML+FTP)
源码获取：博客首页 "资源" 里下载！ 一、项目介绍 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
LayuiSpringboot SpringMVC HTML F…
今天早上在使用Layui的时候，排查出了自己的BUG
昨天使用的时候，一直渲染不出来，今天，翻看了文档找到了问题特意，留了一个，field写成了filed，辛辛苦找了半天 ... /委屈差点错怪了Layui
------------------------------------华丽 的分割线 --- ---------…
Java项目:高校宿舍管理系统(java+SpringBoot+LayUI+HTML+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目有学生、教师、宿管员三种角色；
系统的功能主要有： （1）基本信息管理 基本信息分为学生信息和宿舍信息两部分，其功能是负责维…
Layui快速入门之第四节 按钮
目录
一：基本用法
二：不同主题的按钮
基本案例：
三：不同尺寸的按钮
基本案例：
四：按钮圆角
五：按钮图标
六：按钮混搭
七：按钮组合
八：按钮容器 一…
Java项目:电影院购票系统(java+SSM+JSP+bootstrap+layui+echarts+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
影院购票系统,本项目分为前台和后台，用户有普通用户和管理员，普通用户只可访问前台页面，管理员可以访问后台； 前台主要功能: 电影分类、电影排行…
Layui数据表格通过判断行中的字段值来进行数据行样式的改变
项目场景：
用Layui做一个仓库管理项目，需要通过库存状态来进行方便展示该货位是否有货物，所以想做一个行效果。 解决方案：
在渲染表格的js中，即table.render({})；中加入done:function()方法。具体代码如…
Java项目:OA人事管理系统(java+SpringBoot+JSP+layui+html+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍：
员工管理、部门管理、职位管理、薪资管理、考勤管理、请假管理、奖惩管理、日志管理、文件下载、文件上传、图表展示
环境需要
1.运行环境：最好是java jdk 1.8&…
Layui快速入门之第十四节 分页
目录
一：基本用法
API
渲染
属性
二：自定义主题
三：自定义文本
四：自定义排版
五：完整显示 一：基本用法 分页组件 laypage 提供了前端的分页逻辑，使得我们可以很灵活处理不同量级的数…
Java项目:课程评价系统(java+SpringBoot+layui+html+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
适合刚接触springboot的同学学习一下的，难度不大，前端使用layui框架，后台springbootmybatis。代码量较少。 角色分为 学生、教师、管理员，学生可修改…
layui根据条件修改表格固定行的颜色
当按钮样式存在 “noedit”时，该行变灰色 var data{ table :{ id:userlist-table, options:{ done:function(res,curr,count){ res.data.forEach(function (item, index) { …
Java项目:CRM客户关系管理系统(java+Layui+echarts+JSP+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 功能介绍
该项目未使用spring框架，实现了用户登录，权限控制，数据统计，以及市场活动、线索、客户、联系人、交易管理的CRUD， 使用Proxy实现Ser…
layui 隐藏table的某一列
html部分：
<table lay-filter"goods-table" id"goods-table" class"table-list my-table-list" cellspacing"0" cellpadding"0" style"display: none;"> <thead> …
Java项目:博客论坛管理系统(java+SpringBoot+JSP+LayUI+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
本系统分为管理员、游客两种角色； 管理员角色包含以下功能： 登录,用户增删改查,文章增删改查,链接增删改查,日志查看,查看近期数据,类别管理等功能。 游客角色包含以下功能…
不压缩打包layui
手动打包
下载layui源码（当前版本2.6.4），并解压缩
下载地址：layui gitee 安装nodejs（v10.24.1）
下载链接 windows-x64
安装cnpm
npm install -g cnpm -registryhttps://registry.npm.taobao.org全局安…
关于LayUI表格重载数据问题
目的
搜索框搜索内容重载数据只显示搜索到的结果 遇到的问题
在layui官方文档里介绍的table属性有data项,但使用下列代码
table.reload(test, {data:data //data为json数据});
时发现，会会重新调用table.render的url拿到原来的数据，并不会显示出来传…
关于layui数据表格返回json格式code不为0无法渲染的问题
问题描述：
自己在使用layui的数据表格时，后端返回的json格式正确，但是就是无法渲染，原因是code状态码不为0。官方默认返回格式如下： 而我自己返回的格式如下： 渲染结果： 解决方案࿱…
layui下拉框被弹框遮住问题解决、layui下拉框因弹框显示不全解决方案
导致问题的主要因素是：overflow : auto；改成overflow : visible；
----css自定义样式 <style> body .myskin .layui-layer-content { overflow: visible; } </style>
-----js代码
function addStaff()…
springboot项目使用Layui作为前端UI的一系列前后端交互的解决方法
背景： 因为比较喜欢Layui，因为多个项目都是从零开始就使用的layui开发的，并且开发过程中借鉴了很多其他项目（如Ruoyi、Pear Admin），因此最终选用大部分Pear Admin的项目中使用的一系列解决方案，…
LayUI 监听 Radio
HTML
<div class"layui-form-item"><label class"layui-form-label">申核后状态</label><div class"layui-input-block"><input type"radio" name"checkResultCode" lay-filter"checkResu…
前端使用js模糊搜索
成品
1 2 3 4手机端 前端UI使用layui的数据表格，代码如下 function load(){var table layui.table;var layer layui.layer;var form layui.form;var $ layui.$;var cacheData []; //列表缓存数据var tempData []; //搜索出来的数据var secols [channelName,…
layui的表单提交后页面刷新
layui的表单提交后页面刷新
problem
遇到一个问题：
弹窗打开一个form表单提交完之后，提示错误点击确定，会刷新form表单
希望：不要刷新form表单
reason
原因：form在onsubmit事件之后，会自动刷新页面
…
layui 关闭当前tab标签页和关闭所有tab标签页
在项目中需要关闭当前tab标签页和关闭所有tab标签页。 关闭当前tab标签页：
function closeThis(){top.layui.element.tabDelete("tab", top.jQuery(".layui-tab-title .layui-this").attr("lay-id"));}关闭所有tab标签页 $(.close-…
layui 框架的upload上传文件的data参数传到后端的方法
因为特殊性，upload.render初始化的data:{id:"sss"}不能传参到后台。
经过大量测试及参数网上方法，才发现，需要特殊处理：
1、如果直接给{id:"sss"}无效，但如果在before里，this.data.i…
学生添加功能（Json异步提交）
Action层： JSONObject data;
private Student2 student2;Public String addstu(){boolean blnis.addorupdstu(student2);// 使用JSONObject返回页面datanew JSONObject();data.put("bln", bln);return "success";
}//提供set和get方法用来与页面…
layui talbe内容自动换行以及固定列自适应换行后的高度
CSS样式（必须）
.layui-table-cell {line-height: 20px !important;vertical-align: middle;height: auto;overflow: visible;text-overflow: inherit;white-space: normal;
}固定列自适应换行后的高度
that.tableIns that.http.table({id: dmmoDataLi…
Layui快速入门之第十二节 图标
目录
一：基本用法
二：图标列表
三：跨域处理 一：基本用法 Layui 图标采用字体形式，取材于阿里巴巴矢量图标库 iconfont，因此可以把一个 icon 看作是一个普通的文本，直接通过 css 即可设定其样…
Java项目:实验室设备管理系统(java+SSM+jsp+layui+easyui+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
ssm实验室设备管理系统。前台jsplayuieasyui等框架渲染数据、后台java语言搭配ssm(spring、springmvc、mybatis、maven) 数据库mysql5.7、8.0版本均可。该系统主要分三种角色：管理员、…
【Layui】图标选择器 iconPicker 的使用
【Layui】图标选择器 iconPicker 的使用 1.项目前言2.项目目标3.项目实现3.1 图标读取3.2 图标擦除 4.效果展示4.1 简单使用4.2 参数配置4.3 使用 unicode 5.源码地址 系统：Win10 JDK：1.8.0_333 IDEA：2022.3.3 SpringBoot：2.7.6 L…
大三笔记（ssm项目中使用layui进行分页）
本篇文章较为简单，实现的功能是分页。下面贴代码。
<script src"layui.js" charset"utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layu…
layui日期组件默认选中但不填充值的方法
input标签 点击效果优化用户体验，添加以下代码 屏蔽历史数据 ：
autocomplete"off" js方法中设置默认选中值，并不在弹框中显示 （这里today为预设 var today new Date().format(“yyyy-MM-dd”);）ÿ…
Java项目:医院管理系统(java+SSM+layui+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 功能介绍：
基于ssmlayui框架的小型医院后台管理系统。简单实现了病人管理、病床管理、员工管理、部门管理、药品管理、仪器管理等基础功能。 整个项目通过maven方式搭建用到的jar包通过maven导入…
【Fastadmin】一个完整的轮播图功能示例
目录 1.效果展示：
列表
添加及编辑页面同
2.建表：
3.使用crud一键生成并创建控制器
4.html页面
add.html
edit.html
index.php
5.js页面
6.小知识点 1.效果展示： 列表 添加及编辑页面同 2.建表： 表名：fa_x…
C# MVC +Layui侧边导航栏的收缩及展开
目录 1、头部代码
2、侧边栏（例子只写了一级导航，需要多级可自行添加） 3、body内容填充
4、 JS 1、头部代码 <div class"layui-layout layui-layout-admin"> <div class"layui-header"> …
鸿鹄电子招投标系统：基于Spring Boot、Mybatis、Redis和Layui的企业电子招采平台源码与立项流程
在数字化时代，企业需要借助先进的数字化技术来提高工程管理效率和质量。招投标管理系统作为企业内部业务项目管理的重要应用平台，涵盖了门户管理、立项管理、采购项目管理、采购公告管理、考核管理、报表管理、评审管理、企业管理、采购管理和系统管理等…
使用layui 上传图片，选择图片后对图片进行筛选后控制上传
官方文档：图片/文件上传模块文档 - Layui 参数选项说明类型默认值elem指向容器选择器，如：elem: #id。也可以是DOM对象string/object-url服务端上传接口，返回的数据规范请详见下文string-data 请求上传接口的额外参数。如：data: {id: xxx} 从 layui 2.2.6 开始，支持动态值…
Java项目:小区物业管理系统(java+SpringBoot+HTML+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目为后管系统，分为管理员、业主两种角色； 管理员主要功能为： 社区核心业务处理：车位收费管理、物业收费管理、投诉信息管理、报修信息管理 …
layui框架学习（25：弹出层模块_加载框询问框）
layui框架的弹出层模块layer中最重要的函数即layer.open，基于该函数，layer模块封装了很多常用弹出框，上文已介绍了消息框和提示框函数，本文学习加载框和询问框函数的基本用法，同时继续学习layer模块中基础参数的用法。…
layui单选框通过js控制选择
html部分，注意一定要放到layui-form中，不然无法正确渲染 <div class"layui-form ba-search-box" id"IndicatorType"><input type"radio" name"IndicatorType" value"0" title"按月(M)&…
LayUI中表格树折叠 --
1、先将插件源码进行下载，新建 tableTree.js 文件，将源码放进去
2、将 tableTree.js 文件 配置之后，在需要使用的页面进行引入：
layui.define(["tableTree"],function (exports) {var tableTree layui.tableTree;// …
Layui + Flask | 弹出层（组件篇）（04）
提示：点击阅读原文体验更佳 https://layui.dev/docs/2.8/layer/ 弹出层组件 layer 是 Layui 最古老的组件，也是使用覆盖面最广泛的代表性组件。在实现网页弹出层的首选交互方案，使用的非常频繁。 打开弹层 layer.open(options); 参数 options : 基础属性配置项。打开弹层的核…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十六：统计报表模块相关功能实现
一、本章内容 本章使用Echarts及DataV实现常用图表、特殊图表、地图及综合图表等图表展示功能。
1. 详细课程地址： https://edu.csdn.net/course/detail/38183 2. 源码下载地址： 点击下载
二、界面预览 三、开发视频
3.1 B站视频地址： 基于VUE3+Layui从
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-系统属性管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
Layui 入门和安装
本节课我们来开始了解 Layui 这款前端 UI 框架的介绍和安装方法。 一．Layui 简介 1. Layui(类 UI)，是一款遵循原生 HTML/CSS/JS 书写的，门槛极低的 UI 框架； 2. 它有别于现在的 MVVM 底层的 UI 框架，返璞归真ÿ…
Java项目:校园帮跑腿管理平台(java+SSM+JSP+LayUI+echarts+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目包含管理员与学生两种角色；
管理员角色包含以下功能：
管理员登录,院校管理,任务管理,用户维护,用户余额充值,添加管理员等功能。
学生用户角色包含以下功能&am…
Java项目:房产中介管理系统(java+SSM+HTML+bootstrap+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目为后台管理系统；
管理员角色包含以下功能： 管理员登录,用户管理,通知公告管理,卖家信息管理,买家信息管理,添加房屋,房屋管理,房屋搜索,修改个人信息,修改密码等…
Java项目:学生综合素质评价系统(java+SSM+thymeleaf+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
基于SSM的学生综合素质评价系统设计与实现，系统共分三种角色，包括管理员、教师、学生； 管理员主要功能包括： 权限中心：用户组权限控…
layui操作完成后刷新页面
在layui中如果我们没在表格或者表单监听里面操作数据，那么就没办法用自带的重载来刷新数据，这时候我们可以采用重新加载父页面的方式。
我的需求是点击新增按钮，弹出新增的信息输入，输入完成后刷新页面，把新增的信息立…
layui 树状控件tree优化
先上效果图：
我选的组件是这个：
动态渲染完后，分别在窗体加载完成，节点点击事件分别加入js： //侧边栏图标替换//layui-icon-subtraction$(function () {$(".layui-icon-file").addClass("backs&quo…
Java项目:学生信息管理系统(java+SSM+JSP+layui+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述
功能包括： 三角色管理: 学生，教师，管理员，在线选课，成绩录入，学生管理，选课管理，教室管理等等。…
layui排序后table样式丢失
table.on(sort(goods-table2), function(obj){ //注：tool是工具条事件名，goods-table2是table原始容器的属性 lay-filter"对应的值" $(".layui-table-main .layui-table tbody tr td").css("height","120px&…
利用WebSocket +MQ发送紧急订单消息，并在客户端收到消息的用户的页面自动刷新列表
背景：在原有通知公告的基础上，把通知公共的推送服务修改为其他业务收到紧急订单发送公告到消息队列MQ，然后在js中创建一个socket去监听公告，收到公告后刷新所有在订单页面的用户的页面列表（重点就是用户在收到紧急订单…
layui 使用 echarts
layui项目，需要展现图表相关功能，官网默认使用的echarts图表库，但是免费下载的组件中，并不包含echarts组件，我们需要自己扩展组件。
去echarts下载 echarts.js，链接：
https://echarts.apache.…
PHP+ajax+layui实现双重列表的动态绑定
需求：商户下面有若干个门店，每个门店都需要绑定上收款账户
方案一：每个门店下面添加页面，可以选择账户去绑定。（难度：简单）
方案二：从商户进入，可以自由选择门店&#…
layui laydate选择时间的回调方法
控件初始打开的回调 控件在打开时触发，回调返回一个参数：初始的日期时间对象
laydate.render({elem: #test,ready: function(date){console.log(date); //得到初始的日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, s…
关于LayUI弹出层表单提交两次问题
在弹出层点击 注册 按钮表单会提交两次
但是在单独页面点击是正常的
经过排查发现，问题在于主页面和注册页面重复引用了layui.js，页面要被渲染两次 <script src"../layui/layui.js"></script>
Layui + Echarts 5.0
Layui 怎么整合最新版本的 Echarts 5.0，Echarts 4 升级到 5后，有了很大改变，新的配置项4是无法兼容的，所以想要使用新的功能，都需要升级！ 新建一个echarts.js文件
layui.define(function (exports) {// 这…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-自定义帖子管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
layui+ssm实现数据表格双击编辑更新数据
layui实现数据表格双击编辑数据更新
在使用layui加载后端数据请求时，对数据选项框进行双击即可实现数据的输入编辑更改 代码块 var form layui.form, table layui.table,layer parent.layer undefined ? layui.layer : parent.layer,laypage layui.laypag…
layui数据表格怎么传参过去
layui动态数据表格获取数据有时需要传递参数过去，这时候就用到了where： table.render({elem: #category,url: ../../category/getCategoryList,where: {type: 2,},cols: [[{}]],page: true});分页的参数不用自己写，table在发ajax的时候会加上…
php+Layui开发的网站信息探针查询源码
信息探针是一款基于layui开发的专业查询好友个人信息的程序。 自定义设置探针页面，探针功能，QQ分享，通知邮箱等功能。 生成页面链接好友点击会出现好友ip 位置信息，手机型号ua头浏览器等信息 gps需要注册百度地图开发者才可以使用…
Java项目:实验室预订申请管理系统(java+ssm+layui+JSP+maven++mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 环境配置： Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持） 项目技术： JSP Spring SpringMVC MyBatis html …
Java项目:新闻发布系统(java+SpringBoot+JSP+layui+Maven+mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目运行 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP SpringBoot MyBatis html css …
Java项目:校园物资管理系统(java+Springboot+JavaScript+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目有物资管理员与教师两种角色；
普通员工具有以下功能：申领物资；撤销申请；查看待领任务。 （1）申领物资：…
Java项目:体检管理系统(java+SpringBoot+JSP+layui+html+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍：
登录、注册、用户管理、角色管理、体检人管理、体检健康史、体检人档案、体检中心管理
环境需要
1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的…
layui数据请求跨域解决办法
layui数据请求跨域解决办法 1、浏览器控制台错误代码
浏览器端口：5500 服务器端口：8080
Access to XMLHttpRequest athttp://localhost:8080/user/findAllUsers?page1&limit15from origin http://127.0.0.1:5500 has been blocked by CORS policy…
layer.open再次渲染html，子页面调用在父页面打开弹出层，渲染html
使用的版本 layui-v2.5.6是在父页面弹出层，显示；调用的是父页面的layer.open();
父页面：
<link href"/layui/css/layui.css" rel"stylesheet" />
<script src"/layui/layui.all.js"></script…
Java项目:校园相册管理系统(java+SSM+html+bootstrap+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
实现了用户登录与注册,查看首页,查看我的相册,添加相册,提交评论,修改密码等功能
环境需要
1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上…
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)_javascript技巧
若是只引用jquery的话，监听单选按钮改变事件如下：
<tr><td align"left" class"bigColor">房屋类型</td><td colspan"5"><input type"radio" name"houseType" id"ho…
layui(2)----页面元素
水平导航栏
依赖加载模块：element
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport"…
Layui快速入门之第十五节 表格
目录
一：基本用法
1.引入layui的css和js
2.定义一个table标签
3.定义user.json数据接口
二：数据渲染
API
方法配置渲染
模板配置渲染
静态表格渲染
静态表格转换
已知数据渲染
三：表格参数
基础属性
异步属性
返回数据中的特定…
Java项目:图书管理系统(java+JSP+layui+bootstrap+Servlet+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
使用jspservlet、layui、mysql完成的图书馆系统，包含用户图书借阅、图书管理员、系统管理员界面，功能齐全。
开发工具为eclipse/IDEA，环境java8࿰…
jQuerylayui
$(document).ready(function(){ // 开始写 jQuery 代码... });
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
jquery选择器
选择器有三种 $("p")元素选择器 $("#te…
【layui】layui.table表格实现底部固定两行合计行
halo，下伙伴们，今天小编记录个关于layui开发的系统，layui.table表格实现底部固定两行（如：本页合计，全部合计） 小编查阅layui文档好像只能设置固定一行，所以就利用js添加css样式来修…
关于layui upload上传组件上传文件无反应的问题
最近使用layui upload组件时，碰到了上传文件无反应的问题，感到非常困惑。
因为使用layui upload组件不是一次两次了，之前每次都可以，这次使用同样的配方，同样的姿势，为什么就不行了呢？
照例先…
layui实现下拉框多选
引用layui第三方扩展实现下拉框选择渲染 第三方插件地址xmSelect下拉多选 xmSelect 实现效果
//第三方扩展插件
<script type"text/javascript" src"${ctx }/config/layui/dist/xm-select.js"></script>
//jquery渲染
<script type&qu…
layui子界面操作数据后主界面刷新怎么操作
项目场景：
layui子界面进行了增删改查需要在关闭后让主界面刷新 解决方案：
layui的admin.open方法支持传入回调函数,主要有以下几种回调: yes回调 用于确定/提交按钮点击后的回调参数: index,layero admin.open({ yes: function(index, layero){ /…
基于Java+SpringBoot+LayUI仓库管理系统
一.项目介绍
本项目是使用JavaSpringBoot开发，可以实现仓库的注册、登录，登录后可进入系统，进行客户管理、供应商管理、商品管理、商品退货查询管理、登录日志及退出等几大模块。系统界面采用传统的后台管理界面，界面简单、直观。…
layui第三方组件cron的使用
1. 首先上代码
<!DOCTYPE html>
<html><head><meta charset"utf-8" /><title>cron表达式生成</title><meta name"renderer" content"webkit" /><meta http-equiv"X-UA-Compatible" con…
layui数据表格实现表格中嵌套表格，并且可以折叠展开
效果： 思路：
1、最外层的表格先渲染，在done回调中向每个tr后面插入一个用来嵌套子级表格的tr。
tr的class和table的id需要用索引 i 关联 //向每一行tr后面追加显示子table的trlet trEles $(".layui-table-view[lay-idlist] tbody tr&…
layUI ajax加载html页面后重新渲染
相关问题同： 1、layUI使用jquery.load加载界面时，如何让layui渲染页面？ 2、layUI ajax加载html页面后重新渲染
layUI ajax加载html页面后渲染，关键在将html插到指定位置后重新调用element.init();渲染
$.ajax({url : url,type…
记录一下在工作中使用 LayUI bug的问题
前言： LayUI是一个很老的框架了，经常会碰到一些 bug。不过由于他的轻量级，仍然有一些项目在使用。解决这些 bug 可能会对大家产生一些意义。
layui中 slect form表单元素 不美化显现的问题
layui中美化的表单元素 在渲染完成要添加 form.re…
第五章 前端UI框架Layui
第一章：前端开发基础：html 第二章：前端开发基础：CSS 第三章：前端开发基础：JavaScript 第四章：前端开发基础：jQuery 第五章：前端UI框架 Layui 文章目录 Layui介绍框架准备…
Java项目:教务管理系统(java+JSP+layui+servlet+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目为基于WEB的教务管理系统。 主要系统功能包括： 学生管理：显示所有学生、添加学生； 课程管理：显示所有课程、添加课程； 学院管…
LayUI发送Ajax请求
页面初始化操作
var processData null
$(function () {initView();initTable();// test();
})function initView() {layui.use([laydate, form], function () {var laydate layui.laydate;laydate.render({elem: #applyDateTimeRange,type: datetime,range: true});});
}初始…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十三：通用表格组件封装实现
一、本章内容 本章实现通用表格组件，根据实体配置自动实现表格列识别、数据搜索、表格排序、添加、编辑、删除等操作功能。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址：
Java项目:学生成绩管理系统(java+SpringBoot+Mybatis+layui+HTML+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 功能介绍
SpringBoot学生成绩管理系统。主要分老师与学生两个角色。
其中，教师角色包含以下功能：
教师登录,学生信息管理,成绩管理,查看总成绩等功能。
学生角色包含以下功能&…
Java项目:景区旅游管理系统(java+SpringBoot+html+layui+bootstrap+jQuery+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
springboot景区管理系统。该项目分为前台网站展示与后台管理。
前台网站主要功能有：用户登录、注册；首页有热门酒店、热门景点、景区游玩攻略、热门路线等模块；…
layui框架学习（39：数据表格_主要基础参数）
本文主要学习layui的数据表格模块中主要基础参数的意义及用法。 基础参数toolbar设置数据表格的工具栏样式，数据表格默认不显示工具栏，其值主要包括四类：1）值为true时，仅显示工具栏及工具栏的右侧自带菜单…
layui 自定义日期选择器今日、昨日 、本周、本月、上个月等
1、layui 日期选择器
laydate日期选择器
<div class"layui-input-inline"><input class"layui-input" id"dateTime" placeholder"日期范围">
</div><script>
layui.use([laydate], function () {laydate.ren…
layui，checkbok、select、radio，无法渲染的问题解决
当我们复制了layui上的代码，并且引用了layui.css，和layui.all.js。但是相对应的效果还是无法显示的时候。
请看你的js代码是否放在了最后。
js代码如下： <script>//Demolayui.use(form, function(){var form layui.form;//从文档上复…
Java项目:物流管理系统(java+SpringBoot+Thymeleaf+Mybatis-plus+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！项目介绍基于springboot的物流管理系统，这个项目的技术使用的都是比较新的，代码写的架构设计、编码风格很规范、注释清洗、代码简洁、适合于二次开发、学习。管理员角色࿱…
Java项目:(小程序)全套商城系统(spring+spring mvc+mybatis+layui+微信小程)
源码获取：博客首页 "资源" 里下载！ 一、项目简述
本系统功能包括: 商品模块: 商品添加、规格设置，商品上下架等 订单模块: 下单、购物车、支付，发货、收货、评 退款等 营销模块: 积分、优惠券、分销、砍价、拼团、秒 多…
layui laydate实现日期选择并禁用指定的时间
最终实现禁用2023-9-26这天的效果 官网地址 日期和时间组件文档 - layui.laydate
下面是实现的代码
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><title>layDate快速使用</title><link rel"stylesheet"…
LayUI+SpringMVC快速开发框架源码
LayUISpringMVC快速开发框架源码 LayUISpringMVCSpringHibernateMysql搭建而成，内置代码生成器，能够快速生成增删改查 代码，节省开发时间，快速构建企业级的web应用系统。 该框架具备一整套完整的权限管理系统，代 码简洁…
2024年了，Layui再战三年有问题不？
v2.9.3 2023-12-31
2023 收官。
form 优化 input 组件圆角时后缀存在方框的问题 #1467 bxjt123优化 select 搜索面板打开逻辑，以适配文字直接粘贴触发搜索的情况 #1498 Sight-wcgtable 修复非常规列设置 field 表头选项时，导出 excel 出现合计行错位的…
03.OA项目之我的会议（查询会议排座送审）
目录
会议查询
会议排座
会议送审 思路：
关键性会议SQL的编写后台实现前台实现
会议查询
MeetingInfoDao.java
// 通用的会议查询SQL语句，包含会议信息表数据，主持人姓名、审批人姓名、会议状态private String getSQL() {return "…
SpringBoot + layui 框架实现一周免登陆功能
✅作者简介：2022年博客新星 第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏…
Layui布局和栅格系统
本节课我们来开始了解 Layui 响应式布局的栅格系统。 一．栅格系统 1. 栅格系统是一种布局方案，在 Layui 中一行最多分为 12 个栅格； 2. 支持移动手机、平板、中型和大型 PC 桌面的适配处理，方便响应式切换； 3. 定义栅格…
关于前端工具layui的一些使用总结
说明： 最近小组在做一个自研的字节码增强工具。因为是预研性质，所以前端的操作界面就自己上手写了。使用了比较亲和后端开发的layui框架。后端采用springbootthymeleaf
后端配置静态资源和thymeleaf：
application.yml： 静态资源…
Java项目:大学生兼职论坛(java+SSM+JSP+jQuery+Layui+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
该项目是一个大学生校园兼职讨论平台，分为前台和后台功能，主要用户有三种角色：分别是商家、学生、管理员。商家可以发布兼职信息，发布后，…
layui框架学习（28：穿梭框模块）
Layui模块中的穿梭框模块transfer主要支撑穿梭框组件的显示、交互等操作。所谓穿梭框是指左右各有一个复选框列表，可以将左侧选中的项目移动到右边，后者将右侧的选中项移回左边的控件，其样式类似下图所示（参考文献5-6）…
LayUI中实现页面展示时状态替换数据显示
{field:SSTATU, width:10%, title: 学生状态,templet : function(data) {// 替换数据if(data.SSTATU0){return "意向";}else if(data.SSTATU1){return "预定报名"; }else if(data.SSTATU2){return "正式入学";}}}
Java项目:(小程序)物业管理系统(spring+spring mvc+mybatis+layui+微信小程)
源码获取：博客首页 "资源" 里下载！ 一、项目简述
本系统功能包括： 微信小程序物业管理系统，微信朝胞括以下几个模 块： 社区公告、报修、信息采集、生活缴费、二手置换 微信小程序后台管理界面可以增删改查社…
Java项目:在线课程会员系统(java+Springboot+Maven+JSP+Spring+Mysql+layui)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 功能包括： 用户管理，课程管理，在线视频观看，评论，会员展示，会员充值等等。
二、项目运行 环境配置：
Jdk1.8…
Java项目:美食论坛系统(java+SSM+JSP+jQuery+LayUI+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
该项目主要分为前台与后台； 前台主要功能包括： 登录、注册；首页、我发表的贴子、意见建议；版块列表、帖子查看、发贴回贴等； 普通用户登…
Java项目:房屋租赁管理系统(java+SSM+Layui+Maven+Mysql+Jsp)
源码获取：博客首页 "资源" 里下载！ 一、项目简述
功能包括： 房屋租赁管理系统是一款方便快捷，易操作的租房和各种物业收费的管理系统，该系统官网包含着用户和管理员分类登录，减少了为使用管理员…
【（不用Ajax）解决 Layui 插件分页点下一页后又自动跳回前一页的问题】
问题描述: 我们在使用Layui插件进行分页会出现一个常见的问题。就是假如我们不用异步的方法进行分页获取后端的数据时，进行window.location.href进行跳转的进行后端分页。
会遇到: 切换页面的时候，点下一页后又自动跳回前一页的问题
原因:有一个curr属…
入门前端框架Layui
🏭 作者：哈桑c（CSDN平台） ⛺️ 专栏：前端自学记录 文章目录文章简介说在前面的话需要具备的基础1、Layui 的介绍2、Layui 的下载和使用3、Layui 示例4、Layuimini layui-vue结语文章简介 本文为大家介绍前端 UI 组件…
Java项目:茶叶溯源系统(java+SSM+JSP+bootstrap+layUI+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
茶叶溯源系统，分为前台与后台。普通用户可在前台通过18位的编码查询茶叶的出售历史。 后台分为两种角色，管理员与经销商； 管理员主要功能包括： 主界…
layui 新增tab标签页
// $("#fjyj").click(function () {// //window.location.href "/sysconfig/SuperVisorEdit";// navigateToTeamPersonModule(/CollectData/GradeWarning/EduIndex, 分级预警);// });function navigateToTeamPersonModule(url, name) {var ids n…
Java项目:鞋子商城系统(java+SSM+JSP+layui+bootstrap+echarts+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目分为管理员与用户两种角色； 管理员角色包含以下功能： 管理员登录,商品管理,订单管理,人员管理,轮播图管理,评价管理,商品分类管理,修改管理员资料,修改密码等功能…
Layui限制input输入框内容长度、以及输入框失去焦点事件、lay-search搜索事件
需求
限定input输入框内容长度为，不大于30input输入框失去焦点，check输入内容长度
代码
页面端：注意lay-verify“required|account”、lay-size“30”、id“nameAccount”
<div class"layui-col-sm12 layui-col-md4"><…
layui的tab标签切换
<div class"fixed-table-toolbar"><div class"layui-tab" lay-filter"test">//表格选项<ul class"layui-tab-title"><li class"layui-this" lay-id"11">自动监控设施</li>//选项一…
layui框架学习（41：表单模块）
之前的文章《layui框架学习》14-16中介绍了通过预设类及部分layui属性设置表单的外观样式，layui中还提供有表单模块以对表单元素进行各类动态化渲染和相关操作，本文学习并记录表单模块form的常用属性、函数及事件的用法（如果内容已在之前文章…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十一：通用表单组件封装实现
一、本章内容 本章实现通用表单组件，根据实体配置识别实体属性，并自动生成编辑组件，实现对应数据填充、校验及保存等逻辑。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址：
Layui上传Excel, 并返回每行导入的结果
前端代码
<button type"button" class"layui-btn" id"uploadExcel"><i class"fa fa-lg fa-file-excel-o"></i> 上传Excel
</button>layui.config({base: assets/layuiadmin/ //静态资源所在路径}).extend({i…
layui数据表格的使用，做一个常用带搜素框的查询表格的示例——layui笔记
使用思路：
1、需要写一个table标签，到时候用js来渲染 2、按照layui的使用规则写js（官网直接复制示例改一改） 3、请求后台，获取数据并且按照数据格式，把数据给到layui，这是最关键的
示例&#…
记录使用layui弹窗实现签名、签字
一、前言
本来项目使用的是OCX方式做签字的，因为项目需要转到国产化，不在支持OCX方式，需要使用前端进行签字操作 注：有啥问题看看文档，或者换着思路来，本文仅供参考！
二、使用组件
获取jSign…
layui框架学习（43：文件上传模块-下）
上一篇文章介绍文件上传模块使用示例时介绍了done和error事件，这两个事件是在文件上传成功（原文：在上传接口请求完毕后触发，但文件不一定是上传成功的）及上传失败（原文：请求上传出现异常&#x…
layui表格隐藏列的简单实现方法
需求：渲染表格的时候，比如id在内的一些列是不需要展示给用户看的，但是在操作表格的时候还需要用得到，这就需要隐藏列 的功能
实现效果：页面上不显示，但是能获取到id的值。 实现方法： table.ren…
layui实现数据列表的复选框回显
layui版本2.8以上
实现效果如图： <input type"hidden" name"id" id"id" value"{:g_val( id,0)}">
<div id"tableDiv"><table class"layui-hide" id"table_list" lay-filter…
面向后端开发者，即无需涉足各类构建工具，只需面向浏览器本身的Layui框架
Layui是一款采用自身模块规范编写的前端 UI 框架，它遵循原生的 HTML/CSS/JS 书写方式。它虽然外在极简，但是内容丰富，里面包含众多组件从核心代码到 API 都非常适合界面的快速开发。事实上layui更多是面向于后端开发者，而且它还拥…
Java项目:房屋租售咨询展示系统(java+SSM+JSP+layui+html+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 一、项目简述 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis…
cropper+jq（图片裁剪上传）
<link rel"stylesheet" href"../../cropper/cropper.css"> <script type"text/javascript" src"../../cropper/cropper.js"></script> 没有引入jquery的原因
引入jquery <script src"../jquery-1.10.2.js…
layui 多选限制选择3个
可以使用 layui 的表单组件进行多选，然后通过 JavaScript 代码限制用户最多只能选择 3 个选项。具体的实现步骤如下：
在 layui 的表单组件中，使用多选框进行多选。
<div class"layui-form-item"><label class"layu…
layui 集成 ztree异步加载
首先，layui环境搭建，ztree环境引入 ztree的js和css都要引入，我这里暂时用的是core包> 静态，一句话就够了 <!-- 左侧菜单树形组件 --><div class"layui-col-md3"><div class"layui-footer "…
“实现数字化转型：探索会议OA项目的高级技术与创新应用“
文章目录 引言：1.项目背景和需求分析：2.技术选型和架构设计：3.项目实现和功能亮点：3.0 layui实现登录及注册3.1 会议管理模块3.1.1 会议发布3.1.2 我的会议3.1.3 我的审批3.1.4 会议通知3.1.5 待开会议3.1.6 历史会议3.1.7 所有会…
基于Java+SpringMVC+Mybaties+layui+Vue+elememt基于协同过滤的电影推荐系统的设计与实现
一.项目介绍 基于协调过滤的电影推荐系统的设计与实现 本系统分为普通用户以及管理员两类 普通用户： 登录系统查看最新推荐电影、收藏、评论、查看电影信息、 对电影进行评分、浏览电影资讯信息、查看个人信息以及浏览收藏…
Java项目:ERP报销系统(java+SSM+JSP+LayUI+jQuery+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
ssm ERP报销系统。主要分4个角色，总经理、部门经理、财务、普通员工，普通员工填写报销单后需要提交给部门经理审核，再由财务支付，如果金额大于5000&…
Java项目:CRM人事管理系统(java+SSM+JSP+Layui+jQuery+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
CRM人事管理系统，主要功能有： 用户管理：用户查询、添加用户、编辑、删除； 职位管理：职位查询、添加职位、删除； 部门管理&am…
html主页框架，前端首页通用架构，layui主页架构框架，首页框架模板
html主页框架 前言功能说明效果使用初始化配置菜单加载主题修改回调 其他非iframe页面内容使用方式iframe页面内容使用方式 前言
这是一个基于layui、jquery实现的html主页架构 平时写的系统后台可以直接套用此框架 由本人整合编写实现，简单上手，完全免…
Layui框架弹出框form表单中单选按钮状态不刷新
1、问题描述
如下图：当我们点击编辑按钮的时候，实现如果性别(stu_sex)的值为0男生被选中，如果性别的值为1，女生被选中。但是在使用Layui框架的过程中，发现性别的单选按钮无法实现刷新，使用不正常。
1.1、…
layui中使用JavaScript监听下拉框（select）的变化，根据选中的值来决定是否显示或隐藏input元素
HTML代码 <div class"layui-form-item" id"rubric"><label class"layui-form-label">前端说明</label><div class"layui-input-inline"><input type"text" id"user_rubric" name"…
Layui源码解读之define函数
一、layui.define 用法 layui.define([mods], callback) 通过layui.define该方法可在新的 JS 文件中定义一个 layui 模块。 mods 是可选的，用于声明该模块所依赖的模块。callback 为模块加载完毕的回调函数，它返回一个 exports 参数，用于输出…
基于SpringBoot + Layui的社区物业管理系统
项目介绍 社区物业管理系统是基于java编程语言，springboot框架，idea工具，mysql数据库进行开发，本系统分为业主和管理员两个角色，业主可以登陆系统，查看车位费用信息，查看物业费用信息࿰…
基于 java springboot+layui仓库管理系统
基于 java springbootlayui仓库管理系统设计和实现 博主介绍：5年java开发经验，专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域 作者主页 央顺技术团队 Java毕设项目精品实战案例《1000套》 欢迎点赞 收藏 ⭐留言 文末获取源…
layui之upload上传excel表格
layui.use([form, layer,element,upload], function () {
var $ layui.jquery;
var layer layui.layer;
var form layui.form;
var upload layui.upload;//选完文件后不自动上传
upload.render({elem: #student-upload-change,url: 你的后台api接口,accept: file, //普通文…
layui 简单实现 TABLE 分页功能
HTML:
<!-- 引入 layui.css -->
<link rel"stylesheet" href"//unpkg.com/layui2.6.8/dist/css/layui.css"><!-- 引入 layui.js -->
<script src"//unpkg.com/layui2.6.8/dist/layui.js"><table class"layui-h…
layui.table组件的用法
Layui 是一款轻量级的前端 UI 框架，其中的 layui.table 组件是用来展示表格数据的组件。下面是 layui.table 的用法示例。
基本用法
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><title>layui.table 基本用法示例…
npm 不是内部或外部命令，也不是可运行的程序或批处理文件。
遇到问题：
1.遇到问题：npm 不是内部或外部命令，也不是可运行的程序或批处理文件。 2.遇到问题：或者使用npm安装插件时会出现 XXX\node\node_modules\npm不可用 情况 如下图： 分析问题： nodejs在nodejs官网…
layui中表格单选框与复选框的监听
首先渲染表格;
代码如下: layui.use(["layer", "table"], function () { layer layui.layer; laytable layui.table; TlaytaCom laytable.render({ data: [], elem: "#laytaCom", cols: [[ { title: "商品编号", align: "cen…
layui无刷新式弹框编辑、layui日期重复、layui弹框调表、layui时间控件重复
个人工作中前端遇到的问题总结，希望记录也能帮到看到帖子的你少走弯路！
------layui时间控件重复一定要检查动态传参是否与控件的类型一致（layui日期重复） var laydate layui.laydate; var curDate new Date(); var endDate (…
layui select下拉框监听值变化 layui 下拉列表的change事件
layui下拉列表的事件不能用jq的change 应该用自带的方式写 。
默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。
如 监听select
下拉选择框被选中时触发，回调函数返回一个objec…
Layui 框架说明
一、参考文档：
https://www.layui.com/doc/
https://www.kancloud.cn/sansui/easyweb/2141288
二、参考例子：
https://www.layui.com/demo/
https://demo.easyweb.vip/iframe/
三、公用方法
1、loading
$("body").mLoading();//显示
$…
ModStartBlog v8.7.0 LayUI全新升级，文件顺序选择
ModStart 是一个基于 Laravel 模块化极速开发框架。模块市场拥有丰富的功能应用，支持后台一键快速安装，让开发者能快的实现业务功能开发。
系统完全开源，基于 Apache 2.0 开源协议。 功能特性 丰富的模块市场，后台一键快速安装 …
layer关闭特定弹窗
layui关闭弹窗，我一般常用的就两个方法：
layer.close(layer.index);这个是关闭最新打开的一个layui弹窗。不会关闭全部，只关闭一个。（最新打开的）
layer.closeAll();这个好用，直接关闭所有的弹框完事。
…
syslog日志系统——框架选型
syslog日志系统——框架选型
sysog概述
syslog日志系统主要作用是采集有价值的日志信息，然后进行日志的汇总以及数据分析，最后展现分析结果报告为决策提供数据支撑。 本系列文章将逐一讲述syslog日志系统的设计与开发思路。
syslog的开发环境
IDEA&a…
thinkphp6+layui BBS社区论坛系统源码分享,支持适配移动端附截图
废话不多说，直接上页面截图 这是一个简单迅捷的管理系统，支持插件化开发，适用于企业、个人或组织建站需求。
支持多模板、多单页自由切换，网站风格可定制性强，支持插件化开发，方便二开。可做为企业门户网站…
layui框架学习（6：基础菜单）
菜单是应用系统的必备元素，虽然网页中的导航也能作为菜单使用，但菜单和导航的样式和用途有所不同（不同之处详见参考文献5）。Layui中用不同的预设类定义菜单和导航的样式，同时二者依赖的模块也不一样。本文主要学习和记…
Spring Boot开发实战——echarts图标填充数据
echarts模块的导入
先看看成品吧！ 有的图标的数据用了一些计算框架不是直接查数据库所以有点慢。 ok！😃 上正文，接上节Spring boot项目开发实战——（LayUI实现前后端数据交换与定义方法渲染数据）讲解了一般…
layui框架学习（7：选项卡样式）
选项卡（Tab）在C/S程序和B/S程序中应用比较广泛，CSDN中也能看到选项卡的身影（如下图所示）。Layui内置多种Tab风格，支持删除选项卡、并提供响应式支持。Layui官方教程中主要介绍了选项卡相关的样式设置&#…
09.选项卡和进度条
学习要点： 1.选项卡 2.进度条 本节课我们来开始了解 Layui 的选项卡和进度条元素。 一．选项卡 1. 先创建一个简单的选项卡元素； <div class"layui-tab"> <ul class"layui-tab-title"> <li class"lay…
Layui表单元素.上
学习要点： 1.表单元素 本节课我们来开始了解 Layui 表单元素的基本使用。 一．表单元素 1. 表单我们分两节课来说，第一节，先按套路做出一张表单； 2. 第二节：分析每个表单的基本功能和样式属性的变动&#x…
Layui源码解读之use函数(模块加载)
一、layui.use 用法
layui.use() 函数用于模块加载 layui.use([mods], callback) mods：如果填写(选填)，必须是一个 layui 合法的模块名（不能包含目录）。 从 layui 2.6 开始，若 mods 不填，只传一个 callbac…
h5layui打包exe程序
H5layui是一种基于HTML5和layui框架的前端开发工具，它的主要特点是简单易用、可扩展性强、功能强大等等。很多开发者在使用H5layui进行前端开发时，会遇到将H5layui打包成exe程序的需求。那么，如何将H5layui打包成exe程序呢？本文将…
将 Layui 日历框，一周开始由星期日改为星期一
Layui 的日历框控件中，一周的开始是星期日。
但是我更习惯一周开始为星期一。在 ISO8601:2000 中，其中也是规定了：每个日历星期从星期一开始，星期日为第 7 天。
所以改一下。
改 layui.all.js 或 laydate.js（取决于…
LayUI 数据表格学习和应用（IT枫斗者）
LayUI 数据表格学习和应用
LayUI的数据表格有三种渲染方式，方法渲染、自动渲染、转换数据表格。我用的最多的第一种，方法渲染，直接在HTML网页写一行代码然后剩下的业务逻辑和实现都交给Js去处理。这种方式个人感觉比较容易实现和发现问题&am…
Layui快速入门之第十一节 弹出层
目录
一：基本用法
API
打开弹层
基础属性
弹出信息框
弹出询问框
弹出提示框
弹出加载层
弹出贴士层
弹出输入框
弹出图片层
弹出标签层
关闭弹层
关闭所有层
关闭最近一次打开的层 2.8
全局配置默认属性
样式初始化就绪
重新设置弹层样式
设置弹…
layui框架学习（44：常用元素操作模块）
layui中的常用元素操作模块element主要支撑页面元素实现layui样式效果（如选项卡交互、导航交互等，只需加载element模块即可），同时提供函数处理元素事件、操作选项卡及进度条等元素，便于通过代码操作页面元素。 ele…
Layui 主窗口调用 iframe 弹出框模块，获取控件的相应值
var iframeWindow window[layui-layer-iframe index];
iframeWindow.layui.tree............(这里就可以操作tree里面的内容了)。var chrild layero.find(iframe).contents();
chrild.layui.tree (这样是调用不到的)。var child layer.getChildFrame();
child.layui.tree(这…
Vue、layui实现简单的增删查改
今天公司里不是很忙，忙里偷闲学了会Vue，做了个小demo，使用Vue和layui框架。全部代码如下：
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title>Vuelayui Demo</title><…
Layui弹出层关闭后页面自动刷新的用法以及建议
首先在HTML中定义一个查询按钮
<div class"layui-inline"><button class"layui-btn" id"searchBtn" lay-submit lay-filter"data-search-btn" > <i class"layui-icon layui-icon-search">查询</i&…
基于layui的select选择框修改为多选框
layui-xm-select 的功能强大，可多选、可下拉树、下拉日期多选、下拉折叠面板、下拉穿梭框、级联模式。 首先在引用layui css和js 的基础上，再引用js：layui-xm-select layui-xm-select点击下载地址 基本使用
第一步: 下载
第二步: 引入 layu…
layui table合并相同的列
table.render({elem: #samples,url: /index/Develorderss/samplelists?od_idod_id //数据接口,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档layout: [prev, page, next, count,skip,limit]…
layui 表格（table）合计 取整数
第一步
开启合计行
是否开启合计行区域 table.render({elem: #myTable, url: ../baidui/, page: true, cellMinWidth: 100,totalRow:true,cols: [[ //表头//{ type: checkbox },{ type: checkbox,totalRowText: "合计" },//合计行区域{ field: id, align: center,…
layui的layer.confirm获取按钮焦点
因为ayer.confirm的按钮并非采用button，而是a标签，所以获取按钮焦点获取不到，要采用别的方法，下面介绍在ie11中和ie8中不同的写法
在ie11中
layer.confirm(确定取消这个弹窗吗？,{btn: [确定, 取消],success:function…
layui二级联动(local模式)
html代码
<div class"layui-form-item"><div class"layui-inline"><label class"layui-form-label">动物类别</label><div class"layui-input-inline"><select name"animalType" xm-sel…
Java项目:客户关系管理系统(java+SSM+Layui+Shiro+Redis+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
客户关系管理系统主要功能包括：
系统管理： 用户管理 日志管理 权限管理 角色管理 系统信息 客户管理 我的客户 联系跟进 客户流失 销售机会 客户服务 我的服务 服务统计 客…
layui单/复选框设置值和获取值
//layui单/复选框设置值和获取值layui.use(form,function(){var sex男;var formlayui.form;from.on(submit(submit),function(data){//设置值//radio$([namecheckedbox]).each(function (i,item) {if($(item).val()sex){$(item).prop(ehecked,true/false);}})//checkbox$("…
layui下拉框select 弹出层在最外层
出现问题如图所示 想要的效果是如下 这样的效果只需一行代码就能解决
.layui-layer-page .layui-layer-content{overflow: visible!important;}
layui框架学习（37：学习laytpl基本语法）
layui中的模板引擎模块laytpl属于轻量的 JavaScript 模板引擎，支持在页面中将指定的数据按指定的模板进行展示或处理，此处的模板是指一段包含html和脚本的文本（感觉类似asp.net core中的razor标记语言，在网页中嵌入基于服务器的代…
layui框架学习（40：数据表格_主要事件）
Layui数据表格模块主要通过各类事件响应工具栏操作、单元格编辑或点击等交互操作，本文学习table数据表格模块中的主要事件及处理方式。 头部工具栏事件。通过代码“table.on(‘toolbar(test)’, function(obj))”获取lay-filter属性为test的数据表格的头部工具栏…
【点击checkbox复选框，显示or隐藏某区域】
功能：
1. 选中复选框，显示隐藏的区域；
2. 取消选中，再隐藏该显示的区域。 方法1：在layui jquery框架下
代码如下：
<!DOCTYPE html>
<html lang"en">
<head><meta char…
layui中多个checkbox只能进行单选且一个被选中则取消其他的选中状态
在layui中，要实现多个checkbox只能进行单选，如果一个被选中，则取消其他的选中状态，可以通过以下步骤实现：
在HTML中，为每个checkbox元素添加相同的class属性，例如"my-checkbox"。
&…
layui laydate 提示“日期格式不正确”
通过查看layui的源码， verify: {required: [/[\S]/, "\u5fc5\u586b\u9879\u4e0d\u80fd\u4e3a\u7a7a"],phone: [/^1\d{10}$/, "\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7"],email: [/^([a-zA-Z0-9_\.\-])\(([a-zA-Z0-9\-])\.)([a…
基于Java SSM+layui+mysql实现的图书借记管理系统源代码+数据库
介绍
本项目使用的技术栈是SSMlayuimysql，服务器使用的是tomcat 其中书籍图片存放的位置需要先在tomcat根目录下conf/setting.xml中配置虚拟路径，本项目配置的是D:\upload
完整代码下载地址：图书借记管理系统
用户角色划分
游客 使用本系…
【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件
欢迎来到《小5讲堂》 大家好，我是全栈小5。 这是《前端》系列文章，每篇文章将以博主理解的角度展开讲解， 特别是针对知识点的概念进行叙说，大部分文章将会对这些概念进行实际例子验证，以此达到加深对知识点的理解和掌握…
【layui-table】转静态表格时固定表格列处理行高和单元格颜色
处理思路：覆盖layui部分表格样式
行高处理：获取当前行数据单元格的最高高度，将当前行所有数据单元格高度设置为该最高高度
单元格颜色处理：将原生表格转换为layui表格后，因为原生表格的表格结构和生成的layui表格结构…
day61 layui和分页原理
昨日内容回顾
choices参数的使用
一般用在什么场景：当被存储的字段数据可能被列举完毕的时候一般会使用choices参数
性别 学历 来源 工作经验等
一般情况下不在数据表中直接存储中文，存数字、存字母来做映射
# 怎么使用
gender_choices ((1, 男),(2…
swiper中thumbs缩略图高亮问题
swiper使用缩略图时，无法高亮 当写好轮播图和缩略图的html结构之后，需要添加 slideThumbActiveClass: my-slide-thumb-active这表示当前轮播图激活的图片的动态样式，其次在style中去对这个class类名去写样式，这是最关键的一点。缩…
layui下拉框jQuery动态修改选中并展示
<select id"ksbm" name"ksbm" lay-filter"ksbm" class"layui-input" placeholder"请选择科室" ><option value"" >全部</option> <option value"1" >1</option> <…
layui 日期选择框弹出后消失
原因是窗口太小，日期窗碰撞边缘后会消失，解决方法是增加 trigger: click 属性。
laydate.render({ elem: #kp_date , type: date , trigger: click });
Layui xmSelect使用：如何动态获取数据并设置默认值
使用 Ajax 动态获取选项数据并为 xm-select 设置默认值时，你可以按照以下步骤进行操作：
在 HTML 中创建 xm-select 组件，设置多选属性：
<div id"demo" xm-select"demo" multiple"true"><…
Layui 2.8.1 正式发布，朴实归来
Layui 是一套开源免费的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心…
Layui layer 弹出层的使用【笔记】
Layui layer 弹出层的使用
首先，为了方便直接通过在线cdn引入对应的css和js
<!-- 引入 layui.css -->
<link href"//unpkg.com/layui2.8.0/dist/css/layui.css" rel"stylesheet">
<!-- 引入 layui.js -->
<script src&…
Layui + Flask 使用（01）
Layui 是一套开源免费的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用，非常适合网页界面的快速构建。在使用了很久之后，也发现了一些问题。 先说优点： layui 采用的是原生的 HTML/CSS/JavaScript 技术开发，上…
开发实例：Spring Boot、MyBatis和Layui打造增删改查项目
目录导航 1. 技术栈介绍1.1 Springboot1.2 MyBatis1.3 Layui 2. 开发环境2.1 前端示例代码2.2 后端示例代码2.3 数据库建表语句 3. 项目截图4. 运行截图4.1 查询界面4.2 新增界面4.3 修改界面4.4 删除界面 5. 小结6. 完整代码下载 通过学习这个实例项目，我们将积累点…
【Fastadmin】fastadmin后台默认分类列表视图和功能美化
目录 前言：
美化前：
美化后：
视图美化代码：
批量添加代码： 前言： fastadmin是一款很好的快速开发php后台框架，也是博主在项目开发中使用最多的，但是项目自带的分类显示有些不尽人…
layui框架国际化的实现
项目场景：
要对一个前端使用layui的项目进行国际化，但是layui好像没有实现国际化，所以需要自己手动实现。 软件版本：
layui版本：layui-v2.5.6
jquery版本：3.5.1.min
解决方案： 需要国际化的…
Layui禁止表格部分复选框，layui禁止表格自带第一列复选框，layui禁止表格部分复选框，layui获取表格复选框选中数据
前言
禁止某些行可以勾选操作，及选中后的操作和行操作
效果 实现
执行一个table示例
<table id"data_table" class"layui-hide" lay-filter"data_table"></table>cols 的第一列就是需要重写的复选框
table.render({…
Layui + Flask | 基础使用（样式篇）（02）
关于 layui 提供了封装的样式以及大量的组件，对于基础样式，官方文档的介绍也十分详细，想要学习的可以看一下官方文档，接下来就介绍一下我认为比较重要的基础样式以及注意点。 布局 布局容器 1、固定宽度 将栅格放入一个带有 class="layui-container" 的特定的容器…
layui(5)——内置模块分页模块
模块加载名称：laypage
laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染：
<!DOCTYPE html>
<html lang"en"><head><meta charset&quo…
day58_LayUI
Layui
一、介绍 layui（谐音：类 UI) 是一套开源的Web UI解决方案，采用自身经典的模块化规范，并遵循原生HTML/CSS/JS的开发方式，常适合网页界面的快速开发。layui 区别于那些基于MVVM 底层的前端框架，它更多…
layui 树组件tree 通过API获取数据
一、简单 var treedata[];tree.render({elem: #addLeftType,id: demoId,data: treedata,showCheckbox: true,oncheck: function(obj){console.log(obj.data); // 得到当前点击的节点数据console.log(obj.checked); // 节点是否被选中console.log(obj.elem); // 得到当前节点元素…
使用 Layui 的 template 模块来动态加载select选项
可以使用 Layui 的 template 模块来动态加载选项，如下所示：
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><title>Layui 动态模板示例</title><link rel"stylesheet" href"pat…
Layui快速入门之第十节 表单
目录
一：基本用法
二：输入框
普通输入框
输入框点缀
前置和后置
前缀和后缀
动态点缀
密码显隐
内容清除
自定义动态点缀
点缀事件
三：复选框
默认风格
标签风格
开关风格
复选框事件
四：单选框
普通单选框
自…
layui框架学习（29：滑块模块）
Layui中的滑块模块slider支持用户通过移动滑块从一系列的值中进行选择，比起手输数值，使用滑块的视觉效果更直观。slider滑块模块的基本用法及效果如下所示： <div id"slideR" style"margin: 45px 30px; display: inline-blo…
Jinja2使用Layui报 “d is not defined“
问题出现场景在使用Jinja2渲染Layui的表格时候，要做自定义templte的传入
Jinja2这块本来就是支持 {{ }} 插值的模板语言，所以这块的第一种渲染方式会冲突 所以只能用函数返回代码块进行填充，不能使用插值，只能拼接字符串 templt…
layui监听复选框checkbox选中，分页选中处理
具体实现代码如下（需要关注三个位置：done表格加载完毕方法，cols中复选框栏定义，table.on中对复选框选中或取消的状态定义）这三个地方的代码直接复制去用就行了 最终选中的数据id为：ids
<script>layu…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十七：演示功能模块相关功能实现
一、本章内容 本章实现常见业务功能，包括文章管理、商品管理、订单管理、会员管理等功能。
1. 详细课程地址： https://edu.csdn.net/course/detail/38183 2. 源码下载地址： 点击下载
二、界面预览 三、开发视频
3.1 B站视频地址：
前端——Layui的导航栏与tab页联动
一、body
<!-- 导航栏 --><div class"layui-side layui-bg-black"><div class"layui-side-scroll"><ul id"nav" class"layui-nav layui-nav-tree" lay-filter"stock"><li class"layui-n…
layui 日期不能重新渲染
需求：当用户选择开始日期的时候，结束日期要小于开始日期。 遇到的问题：
当切换开始时间时，结束时间的输入框不会被重新渲染。
解决：
html代码：
<div class"layui-form-item"><label…
资产信息管理系统-前后端开发
题目要求：
资产管理系统
利用H5规范，CSS样式与JS脚本独立于HTML页面，Javascript调用jQuery库，CRUD后端使用FastAPI封装，前端页面在Nginx中运行，调用API模块， 实现CURD的课设总结
基本设计&am…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-热门标签推荐显示实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
如何优雅解决若依二级菜单名字过长问题：菜单长度展示优化攻略
博主猫头虎的技术世界 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能！ 专栏链接： 🔗 精选专栏： 《面试题大全》 — 面试准备的宝典！《IDEA开发秘籍》 — 提升你的IDEA技能！《100天精通Golang》…
2020解决表格重载tableIns.reload序列化serialize()后 前端给后端传中文时的中文乱码问题
解决表格重载tableIns.reload序列化serialize()后 前端给后端传中文时的中文乱码问题
最近遇到的问题，使用表格序列化serialize()后，表格重载发送数据，后台无法接收中文问题
处理函数 前端 前端查询无结果，f12看下控制台&…
layui框架学习（38：数据表格_自定义单元格样式）
layui中的数据表格模块table中的列参数中的基础参数templet支持通过基于laytpl语法的自定义列模板处理或展示单元格数据。本文首先学习layui示例中的表格样式设置示例（参考文献3），然后基于之前的传感器检测数据的表格示例，测试基于…
Layui快速入门之第二节布局容器(固定宽度与完整宽度)
目录
一：固定宽度
二： 完整宽度 一：固定宽度 将栅格放入一个带有 class"layui-container" 的特定容器中，以便在小屏幕以上的设备中固定宽度，让列可控(两侧有留白效果) <!--固定宽度(两侧有留白效果)--&…
Layui自定义列表多选
需求：已回访不需要分配，未回访的可多选分配
效果图：
实现方式
1，自定义复选 2，已回访的框去掉 3，自己写全选方法 注意：要想进方法一定要写lay-filter，才能触发方法࿰…
layui手机端使用laydate时间选择器被输入法遮挡的解决方案
在HTML中，你可以使用input元素的readonly属性来禁止用户输入，但是这将完全禁用输入，而不仅仅是禁止弹出输入法。如果你想允许用户在特定条件下输入，你可以使用JavaScript来动态地切换readonly属性。 readonly属性
增加readonly属…
基于Layui实现管理页面
基于Layui实现的后台管理页面（仅前端）
注：这是博主在帮朋友实现的一个简单的系统前端框架（无后端），跟大家分享出来，可以直接将对应菜单跟html文件链接起来，页面使用标签页方式存在&…
计算机毕业设计 | SSM 学生信息管理 教务管理系统(附源码)
1，绪论
随着我国高等教育的发展，数字化校园将成为一种必然的趋势，国内高校迫切需要提高教育工作的质量与效率，学生成绩管理工作是高校信息管理工作的重要组成部分，与国外高校不同，他们一般具有较大规模的稳…
layui table列表重载后保持进度条位置不变
使用layui的table表格组件时，当我们操作了某行的修改后，刷新了页面，进度条则跳回到最上面。
除了layui高版本应该内置有方法解决了此问题，但是低版本需要另外想办法解决。
具体解决方式如下：
1.在编辑操作成功前&am…
Java项目:核酸疫苗预约管理系统(java+SpringBoot+layui+jsp+mysql)
源码获取：博客首页 "资源" 里下载！ 项目简述：
功能： 本系统共分为三个角色：系统管理员、医生、用户 功能模块：系统管理-用户管理、页面管理、角色管理 接诊人管理-接诊人列表、接诊人健康史 预约…
好用的基于layui的免费开源后台模版layuimini
发现一个好用的后台模版 基于layui的免费开源后台模版layuimini layuimini - 基于Layui的后台管理系统前端模板
easyadmin开源项目
EasyAdmin是基于ThinkPHP6.0Layui的快速开发的后台管理系统。
演示站点
演示地址：跳转提示（账号：admin&a…
Java项目:客户关系管理系统(java+SpringBoot+layui+html+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
CRM客户关系管理系统。本系统共分为三种角色：超级管理员、经理、销售人员； 超级管理员的功能主要有： 公司资料：部门结构、销售目录； 人员…
Java项目:学生课堂考勤管理系统(java+SSM+JSP+layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目包含辅导员、管理员、教师、学生四种角色；
辅导员包含以下功能： 辅导员角色登录,学生管理,密码修改,请假审批,签到列表等功能。
管理员角色包含以下功能&#x…
Java项目:汉服文化bbs商城系统(java+SpringBoot+Thymeleaf+html+layui+bootstrap+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
汉服文化bbs商城系统，主要分为前后台。共分两种角色：管理员与普通用户；
管理员可登录前后台，普通用户仅可登录前台；普通用户登录后可发…
Java项目:物业管理系统(java+SpringBoot+LayUI+HTML+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
本项目为后管系统，分为管理员、业主两种角色； 管理员主要功能为： 社区核心业务处理：车位收费管理、物业收费管理、投诉信息管理、报修信息管理 基础…
Java项目:教务管理系统(java+SpringBoot+Thymeleaf+LayUI+HTML+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
1.系统默认超级管理员账号为admin，默认密码为123456 系统配置：用户管理、角色管理、权限管理 默认已配置好基本数据：用户默认只有一个超级管理员，角…
layui移除（删除）table表格的一行
表格里添加删除按钮： , {field: wealth, width: 150, title: 操作, align: center, fixed: right,templet: function (item) {return <a style"margin:0px 5px; color:red; cursor: pointer;" lay-event"delete" id"DeleteTr" >…
Java项目:房屋租赁系统(java+SSM+Layui+JSP+mysql)
源码获取：博客首页 "资源" 里下载！ ssm房屋租赁系统
项目介绍
房屋租赁系统，基于 Spring5.x 的实战项目，此项目非Maven项目。
前台系统主要功能包括房源列表展示、房源详细信息展示、根据房源特征进行搜索࿰…
Java项目:赛事打分系统(java+SSM+Layui+Maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
赛事评分系统，SSM框架。该项目分管理员、裁判、选手三个用户角色。
管理员主要功能： 首页、选手管理、裁判管理、赛事管理 裁判主要功能： 首页、评分ÿ…
Java项目:酒店宾馆管理系统(java+SpringBoot+html+layui+jQuery+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 功能介绍
springboot酒店宾馆管理系统。该系统为后管系统，无前台。主要分三种角色：管理者/工作人员/前台人员。
主要功能有： 客房：客房标准、房间信息&#…
Java项目:医药进销存系统(java+SSM+JSP+Layui+jQuery+Maven+mysql)
源码获取：博客首页 "资源" 里下载！ 功能介绍
医药进销存系统，主要功能包括：
公告管理：发布公告、公告列表； 生产管理：订单列表、增加生产、订单日志； 分店采购ÿ…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-帖子管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
基于javaweb的oa办公管理系统(java+layui+ssm+mysql+jsp+html)
基于javaweb的oa办公管理系统(javalayuissmmysqljsphtml)
运行环境
Java≥8、MySQL≥5.7、Tomcat≥8
开发工具
eclipse/idea/myeclipse/sts等均可配置运行
适用
课程设计，大作业，毕业设计，项目练习，学习演示等
功能说明 基…
Java项目:校园物品租赁管理系统(java+SSM+JSP+layui+Maven+mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis ht…
Java项目:汽车配件销售管理系统(java+SpringBoot+layui+html+maven+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
本项目为后台管理系统， 主要功能包括：
公告增删改查，用户管理，登录页面，订单查询，配件添加等等 环境需要
1.运行环境&…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-帖子详情页实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
fastadmin 框架中图片点击放大
fastadmin的原生图片预览,重新打开一个窗口太麻烦，使用layui做一个弹窗式的图片预览
效果如下：
点击放大：
第一步：在backend-init.js文件中添加如下代码： $(body).on(click, [data-tips-image], function () {var…
layui自定义表单校验
layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。 1 2 3 4 5 6 7 8 required（必填项） phone（手机号） email（邮箱） url（网址） number（数字…
layui框架学习（15：表单-中）
上一篇文件介绍了Layui中表单的大致结构，本文开始学习表单中与几种输入元素相关的layui样式和属性设置。表单中的输入元素包括文本框、下拉框、复选框、单选框等，本文结合Layui官网教程和官网示例，逐个学习与记录与之相关的layui样式和属性设…
Layui 2.9.2 列表商品展示页 用模板引擎 laytpl Ajax 读取json 数据 筛选数组 filter css 限制文体显示过长用。。。代替
全代码：
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title>软件管理器</title><meta name"renderer" content"webkit"><meta http-equiv"X-UA-Compatible" conten…
layui单选按钮选中后取消
背景：多个选项中只能选一个，且可以取消选中。第二张图为取消后，鼠标悬浮效果，移开就没有蓝色样式了。 html代码：
<input type"radio" name"isHibition" lay-filter"isHibition" lay…
Java项目:超市进销存管理系统(java+SpringBoot+Html+Layui+echarts+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
超市进销存管理系统,分为管理员与普通员工两种角色；
管理员主要功能包括：
员工管理：员工的添加、编辑、删除；
普通员工主要功能包括：…
layui 回车事件，绑定回车，点开弹窗还会调用列表的回车事件
最近前端遇到1个问题，回车事件调用查询，在打开弹窗时还会调用回车事件，最终在网上参考一个资料，想到解决方法，通过form表单的ID绑定回车事件，这样在打开弹窗时也不会调用回车事件。
form表单 <form cla…
layui合并单元格
layui.use(table, function(){var table layui.table;table.render({elem: #demos,url:WEB_CONTEXT#,cols: [str] ,done: function (res, curr, count) {merge(res, curr, count);} })})
function merge(res, curr, count) {var data res.data;var mergeIndex 0;//定位需要…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十四：系统设置模块相关功能实现
一、本章内容 本章使用已实现的公共组件实现系统管理中的系统设置模块相关功能，包括菜单管理、角色管理、日志管理、用户管理、系统配置、数据字典等。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址：
.NET Core6.0 MVC+layui+SqlSugar 简单增删改查
HTML部分:
{ViewData["Title"] "用户列表";
}
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><title>用户列表</title><meta name"renderer" content"webkit"><meta …
Java项目:crm客户关系管理系统(java+SpringBoot+ECharts+Freemarker+Layui+maven+mysql)
源码获取：博客首页 "资源" 里下载！ CRM智能办公
项目介绍
本应用是一个客户关系管理系统，主要包括五大模块，分别是营销管理，客户管理，服务管理，统计报表和系统管理，为客…
如何解决Layui后台接口返回数据，但是table.render不渲染表格数据的问题
我这边进行了pareData数据格式转换，response重新定义了layui的参数格式规范 接口正常返回了数据 但是就是不渲染，我这个郁闷啊！！
忽然，我把后台重新定义的layui规定的格式参数，有个参数名叫data࿰…
layui中对table表格内容鼠标移入显示 tips内容
要在Layui中的表格中实现鼠标移入显示Tips，你可以使用Layui的事件监听和Tips组件。
有两种实现方式！
第一种是，通过自定义鼠标事件显示 tips。在渲染 table 时，对 filed 进行重构，增加相应的选择器标识，一…
开发知识点-前端-layUI
layui layertabletable render <script type"text/html" id"buttonTpl">{{# if(d.check true){ }}<button class"layui-btn layui-btn-xs">已审核</button>{{# } else { }}<button class"layui-btn layui-btn-prim…
基于SpringBoot+Layui的社区物业管理系统
项目介绍
社区物业管理系统是基于java程序开发，本系统分为业主和管理员两个角色 业主可以登陆系统，查看车位费用信息，查看物业费用信息，在线投诉，查看投诉，在线报修； 管理员可以车位收费信息，物业收费信息，投诉信息，楼宇信息，房屋信息，业主信息，车位信息，抄表信…
layui表格中预览视频和图片
全代码
<!DOCTYPE html>
<html><head><title>Layui：数据表格table中预览图片、视频</title><meta charset"utf-8"/><link rel"stylesheet" href"../dist/css/layui.css"><style>&l…
layui（iconPickerFa）图标选择器插件，主要用于后台菜单图标管理
话不多说直接上代码
在页面中引入如下代码
<link rel"stylesheet" href"/template/admin/layui-v2.5.6/css/layui.css">
<script type"text/javascript" src"/template/admin/layui-v2.5.6/layui.js"></script>
&…
JAVA毕业设计129—基于Java+Springboot+thymeleaf的物业管理系统(源代码+数据库)
毕设所有选题： https://blog.csdn.net/2303_76227485/article/details/131104075
基于JavaSpringbootthymeleaf的物业管理系统(源代码数据库)129
一、系统介绍
本项目前后端分离，本系统分为管理员、小区管理员、用户三种角色
1、用户：
登…
Java项目layui分页中文乱码
【问题描述】这部分没改之前中文乱码。 【解决办法】在layui.js或者layui.all.js文件中替换共、页、条转换成Unicode码格式。
字符Unicode共共页页条条【完美解决】改完之后重新运行项目，浏览器F12缓存清除就好了，右键
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-热门帖子推荐显示实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
Layui快速入门之第六节 选项卡
目录
一：基本概念
选项卡依赖element模块
API
元素属性
基本使用：
二：选项卡风格
默认风格
简约风格
编辑
卡片风格
三：hash 状态匹配
四：tab相关操作
渲染 tab
添加 tab
删除 tab
切换 tab
自定义…
Layui实现自定义的table列悬停事件并气泡提示信息
1、概要
使用layui组件实现table的指定列悬停时提示信息，因为layui组件中没有鼠标悬停事件支持，所以需要结合js原生事件来实现这个功能，并结合layui的tips和列的templte属性气泡提示实现效果。
2、效果图 3、代码案例
<!DOCTYPE html&g…
用Html和js和layui写一个简单猜拳小游戏
简单学习技术，写了一个小游戏，用html和js写一个简单的小游戏。玩家点击按钮出拳，玩家胜利结果显示绿色，玩家输了结果显示红色，平局结果显示蓝色。
页面效果： 代码：
<!DOCTYPE html>
<…
Java项目:个人投资理财系统(java+SpringBoot+layui+html+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 一、项目运行 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
SpringBoot MyBatis html css …
Java项目:教务管理系统(java+SSM+JSP+LayUI+Echarts+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
随着中国教育体制的不断改革与完善，学校的学生教师管理员等对互联网的使用也越来越频繁。随着学生与教师数量的不断增多，教务管理的容量，安全性，…
layui的tab选项卡
Tab切换卡
开发工具与关键技术：MVC
撰写时间：2019.05.27效果图： Layui的tab切换卡，里面居然隐藏着一个关键模块，可以说如果没有这个声明的模块，那切换的功就不能实现。 下面就说说在body里的代码结构&am…
Layui数据表格显示不同颜色，不用回调函数
其实回调函数比较复杂，来个最简单的,利用templet自定义模板 效果图 templet方法 自定义列模板，模板遵循 laytpl 语法。这是一个非常实用的功能，你可借助它实现逻辑处理，以及将原始数据转化成其它格式，如时间戳转化为日…
layui框架实战案例(23)：select编辑回显内容及事件调用
layUI框架实战案例系列文章
layui框架实战案例(21)：layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)layui框架实战案例(20)：常用条件判断和信息展示技巧(图片预览、动态表格、短信已读未读、链接分享、信息脱敏、内置框架页)layui框架实…
layui的select联动
要实现联动效果注意两点：
第一要可以监听到select的change事件；
第二异步加载的内容，需要重新渲染后才可以 正常使用。
html结构：
<form class"layui-form batchinput-form" action"" id"box-fo…
Java项目:学生成绩信息管理系统(java+SSM+HTML+LayUI+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目分为管理员、教师、学生三种角色， 管理员角色包含以下功能： 公告管理,写公告,学生增删改查,教师增删改查,查看成绩报表,管理员首页,课程表增删改查等功能。 教师…
2024年【T电梯修理】找解析及T电梯修理复审考试
题库来源：安全生产模拟考试一点通公众号小程序
T电梯修理找解析是安全生产模拟考试一点通总题库中生成的一套T电梯修理复审考试，安全生产模拟考试一点通上T电梯修理作业手机同步练习。2024年【T电梯修理】找解析及T电梯修理复审考试 1、【多选题】操纵箱…
Java项目:仓库管理系统(java+SpringBoot+LayUI+HTML+Thymeleaf+mysql+实训报告)
源码获取：博客首页 "资源" 里下载！ 项目介绍
仓库管理系统总共分为三个大的模块，分别是基础管理、仓库管理和系统管理。其中各个模块底下又有其子模块。 功能模块
一、基础管理
1、客户管理 客户列表 客户分页和模糊查询 客户添…
js关闭layui弹出框
如有index那时非常简单的
layer.close(index)但如果我们在外部取不到index呢 其实也不难 其中包含的几个函数
layer.closeAll(); //疯狂模式，关闭所有层
layer.closeAll(‘dialog’); //关闭信息框
layer.closeAll(‘page’); //关闭所有页面层
layer.closeAll…
layui在上传图片在前端处理图片压缩
有的人会遇到需要在前端代码处理图片压缩的问题，下面给大家分享怎么处理。
// 上传图片
var image_src
var IsImgDealfalse;
layui.upload.render({ elem: "#{tag}{id}", url: sessionStorage.getItem(httpUrlPrefix) /upload/uploadImage, // dataT…
![[Javaweb/LayUI/上机考试作业/开源]学生/图书/课程/仓库等管理系统六合一基础功能通用模板](https://img-blog.csdnimg.cn/direct/1949ab3e3b774663bda45eedacfb5353.jpeg)
[Javaweb/LayUI/上机考试作业/开源]学生/图书/课程/仓库等管理系统六合一基础功能通用模板
展示 考试要求 给定用户表和六张图书/教师/顾客/仓库....的表（随机给每人抽选），要求实现用户登录注册，异步更新，对物品增删改查，精确/模糊查询等。 环境 tomcat 9 mysql 8 java 17 项目结构 项目类图 写前…
Layui快速入门之第八节 表格渲染与属性的使用
目录
一：表格的渲染
API
方法配置渲染
模板配置渲染
静态表格渲染
二：表格的属性
基础属性
异步属性
返回数据中的特定字段
表头属性
重载
完整重载
仅数据重载 2.7
获取选中行
设置行选中状态 2.8
获取当前页接口数据
获取表格缓存数…
layui实现选择框搜索（下拉搜索）功能
1.可以使用官方介绍的方法，适用于form表单内的下拉搜索，外层需要使用layui-form样式，select标签内添加lay-search“”，此方法若外层不添加layui-form无法实现搜索功能，如下所示： 2.下面是另一种形式的下拉选…
Layui列表表头去掉复选框改为选择
效果： 代码：
// 表头复选框去掉改为选择
$(".layui-table th[data-field"0"] .layui-table-cell").html("<span>选择</span>");
layui的基本使用-日期控件的业务场景使用入门实战案例一
效果镇楼； 1
前端UI层面；
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&…
进阶-LayUI的基本必知入门教程使用3-layui-laydate选择的值怎么获取？苟日新一刻钟总结反观：
1 效果镇楼： 对于layui框架的刚接触没几天，但是您的年轻同事为啥能搞出来功能啊！？ 到您就不行了呢？ 这就是您对您饭碗的态度了吗！ 但是，是您尽力了，还能说明啥子问题？ 就…
基于SpringBoot+LayUI的宿舍管理系统 001
项目简介
源码来源于网络，项目文档仅用于参考，请自行二次完善哦。
系统以MySQL 8.0.23为数据库，在Spring Boot SpringMVC MyBatis Layui框架下基于B/S架构设计开发而成。
系统中的用户分为三类，分别为学生、宿管、后勤。这三…
layui柱状图tooltip获取x轴和y轴数据
核心代码
formatter: function (params) {var xValue params[0].axisValue; // 获取x轴数值var yValue params[0].value; // 获取y轴数值var str "x轴数值：" xValue "<br/>" "y轴数值：" yValue;return str;…
layui 布局 高度不一致时导致的错乱问题解决
这个问题找了很久，因为需求是要类似于瀑布流那样的布局，但是因为用的是layui所以又不想弃用，单独写，所以有了以下解决方案：
html：
<div class"layui-row list-body"><div class"…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）九：自定义组件封装下
一、本章内容 续上一张，本章实现一些自定义组件的封装，包括文件上传组件封装、级联选择组件封装、富文本组件封装等。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频 基于VUE3+Layui从头搭建通用后台管
layui框架实战案例(24):layedit工具栏添加查看源代码按钮的解决方案
layUI框架实战案例系列文章
layui框架实战案例(21)：layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)layui框架实战案例(20)：常用条件判断和信息展示技巧(图片预览、动态表格、短信已读未读、链接分享、信息脱敏、内置框架页)layui框架实…
Java项目:问卷调查系统(java+SSM+layui+JSP+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
这是一个基于SpringMVCSpringMyBatis的SSM问卷调查系统。 管理端权限 管理员信息CURD 制作调查问卷 发布调查问卷 统计调查结果 统计报表展示 用户端权限 填写问卷
环境需要
1.运行环境&…
Java项目:健身房俱乐部管理系统(java+SSM+JSP+bootstrap+Layui+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目包含前后台，分为普通用户与管理员两种角色，前台为普通用户登录，后台为管理员登录；
管理员角色包含以下功能： 登录,会员管理-增…
Java项目:医疗挂号管理系统(java+Springboot+freemarker+layui+maven+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本系统分为管理员、医生、患者三种角色； 管理员角色包含以下功能： 管理员登录,医生患者管理,患者管理,药品管理,科目管理,疾病管理,预约管理,病史管理,住院信息管理,管…
Java项目:农产品溯源管理系统(java+SSM+JSP+LayUI+jQuery+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目分为前后台，分为普通用户、管理员、企业用户三种角色； 普通用户无需登录，可在前台直接进行溯源查询，管理员、企业用户可登录后台进行管理…
【小5聊】layui第三方插件-xm-select参数
【版本】
1.1.8
由于版本的不同，功能和参数都有可能调整。由于插件资料比较少，在这里把所有参数都记录下。
【参数如下】 【常用参数说明】
on：是选择选项时的事件filterMethod：过滤方法，会循环数组数据࿰…
Uncaught TypeError: echarts.init is not a function”错误-layui整合echarts
最近用echarts 首先就是遇到这个错误 引入官网案例，页面啥都没得。 原来是版本问题5.x版本太高
https://gitcode.net/mirrors/apache/echarts/-/archive/master/echarts.zip下载压缩包解压后。dist目录下面的echarts.js就可以了
layui整合echart 我看这个老哥整的…
Java项目:校园鲜花销售商城系统(java+SSM+JSP+html+layui+mysql)
源码获取：俺的博客首页 "资源" 里下载！ 一、项目简述 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis…
基于Springboot+Layui餐厅点餐系统
一、项目背景
在互联网经济飞速发展的时代，网络化企业管理也在其带领下快速兴起，开发一款自主点餐系统会受到众多商家的青睐。现如今市场上的人力资源价格是非常高昂的，一款自主点餐系统可以减少餐厅的人力开销，将服务员从繁忙的…
前端使用highlight.js代码高亮显示(服务端返回前端代码的字符串格式)
目录前端代码高亮JavaScript库为什么选择lighlight.js库关于lighlight.js库使用lighlight.js库需要用到其它JavaScript库解决相关功能的类似项目关于前端内容的相关工具其它内容认真看完一定会有所收获
前端代码高亮JavaScript库
可以参考如下博客 链接： 专为开发…
LayUI模板引擎渲染数据
前端模板引擎介绍
接上节Spring boot项目开发实战——（LayUI实现前后端数据交换与定义方法渲染数据）
模板引擎能简化开发，极大提高效率，小编之前使用过JSP和Thymeleaf，以及python的jinja2，这些是后端的模…
【基于jeeSite框架】SpringBoot+poi+Layui自定义列表导出
文章目录功能效果思路代码前台后台easyPoi,easyExcel，poi三者的区别poipoi依赖导出ExcelHSSF方式导出XSSF方式导出SXSSF方式导出导入excelHSSF方式导入XSSF方式导入SXSSF方式导入easyPoi依赖包采用注解导出导入easyExcel依赖采用注解导出导入API文档easyPoi操作文档…
layui框架学习（11：徽章）
应用程序有新增内容、未读消息时，会在按钮或菜单中添加红点或带数字的点状或方状图形，用户看到就知道有新内容，如下图所示QQ邮箱的截图，会通过红色圆点或带NEW的方框提醒用户有新内容可以查看。 CSDN用户如果有新消息&#x…
layui框架学习（23：代码文本修饰模块）
Layui中的代码文本修饰模块layui.code主要用于修饰代码区域或文本行，其基本用法是使用预设类layui-code标识包含代码或文本的元素，然后调用layui.code函数渲染样式。Layui官网教程及示例中主要使用pre元素包含带修饰的代码或文本（pre元素可定…
layui框架学习（26：弹出层模块_tips框输入框）
弹出层模块layer中的tips框和输入框函数也是其底层核心函数open的特定应用实现，其中tips框是可以将弹出层与具体元素绑定，能出现在指定元素周围，而输入框则是弹出信息框获取用户的输入，这两类弹出框的说明如下： ti…
layui框架学习（27：弹出层模块_其它用法）
除了前几篇文章介绍的弹出框类型外，layui的layer弹出层模块还支持相册框和tab框，所谓相册框即点击图片或按钮后会出现一个类似相册的页面单独浏览、切换图片，而tab框是指弹出框的显示形式类似于Winform中的TabControl控件，能以选项…
layer前端日期控件layui使用下载
目录展示效果网页代码免费下载链接展示效果 网页代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewpor…
layui数据表格checkbox部分不可选，全选功能正常
效果图 说明
layui内置没有该功能，所以只能自己实现。在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示，不可选的功能。
table.render，cols部分 let data_cols [[{ templet: "#checkbd",title: "<in…
layui打开新窗口，form表单提交之后的跳转(top.layui.index.openTabsPage)
需求
FORM表单新增页面，提交成功后，自动跳转到list页面
//带参数跳转
top.layui.index.openTabsPage({:Url("admin/AutoComparedBill/showList")}?page1&limit10&id data.id, 自动化对账);新增页面
就是一个简单的表单提交
<…
layui批量删除(物理删除)
layui批量删除, test-table-page:表名batchDeleteEditView:监听事件，点击此按钮后，批量删除 //批量物理删除table.on(toolbar(test-table-page), function (obj) {if (obj.event batchDeleteEditView) {//获得表格CheckBox已经选中的行的信息let checkS…
layui上传组件整合进度条
1、layui进度条样式 ：
<div id"uploadPatchForm" style"display:none" class"roundRect"><div id"uploadLoadingDiv"><div class"layui-progress" lay-showpercent"true" lay-filter…
layui下的table获取选中行数据
静态html：
<table lay-filter"goods-table" id"goods-table" class"table-list my-table-list" cellspacing"0" cellpadding"0" style"display: none;"> <thead> …
使用layui修改table样式
table的结构：
<table lay-filter"userlist-table" style"display: none;"> <thead><tr><th lay-data"{field:a, width:200}">序号</th><th lay-data"{field:b, width:150}">登录账…
layui的简单使用
admin.html
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><meta name"viewport" content"widthdevice-width, initial-scale1, maximum-scale1"><title>STC电子流平台对接演示</title><li…
LayUI分页查询展示数据（SSH框架）
网页展示的效果图如下： 1、Service方法 public interface IStudentService {//查询学生列表public List stulist(int page,int limit);//总行数public long procount();} 2、Impl方法： import com.ht.common.BaseDao;//继承一个BaseDao类实现一个IStude…
Java项目:校园物流快递管理系统(java+maven+JSP+SpringBoot+layui+mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目运行 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP SpringBoot MyBatis html css …
Java项目:客户管理系统(java+SpringBoot+JSP+LayUI+jQ+mysql)
源码获取：博客首页 "资源" 里下载！ 项目介绍
本项目为后管系统，主要功能包括：
登录、修改密码、客户模块、充值模块、消费模块、对账单模块等功能。
环境需要
1.运行环境：最好是java jdk 1.8，…
解决LayUI数据表格复选框不居中显示的问题
在样式文件中增加如下代码： .
layui-table-cell .layui-form-checkbox[lay-skin"primary"]{top: 50%;
transform: translateY(-50%);
}
基于SpringBoot 2+Layui实现的管理后台系统源码+数据库+安装使用说明
springboot-plus
一个基于SpringBoot 2 的管理后台系统,包含了用户管理，组织机构管理，角色管理，功能点管理，菜单管理，权限分配，数据权限分配，代码生成等功能 相比其他开源的后台系统࿰…
layui table数据表格前端分页
下面js代码是在前端进行分页，主要是利用表格插件的parseData参数，该参数触发是在请求数据回来后，但还未显示在表中时触发的。
layui.use(table, function(){var table layui.table;table.render({elem: #gridTable ,url: contextPath /pag…
layui的table checkbox 默认选中设置
第一种：在后台的data数据中设置好checked值
1.返回数据格式如下：
{"code": 0,"msg": "","count": 2,"data": [{"rolename": "系统管理员","roleid": "1",…
服装库存管理系统 Mybatis+Layui+MVC+JSP【完整功能介绍+实现详情+源码】
完整源码资料
地址直达：http://t.csdn.cn/RWsGw
前言 这是大二时候写的第一个Java项目，框架基本上都没有用到、而且用到的技术很老很老。只简单使用了一个Mybatis简化数据库的操作。前端框架用的还是Layui，贼难用。闲的无聊，对这…
layui框架——弹出层layer
两种调用方法：
1、引用独立的layer.js文件
引入好layer.js后，直接用即可
<script src"layer.js"></script>
<script>
layer.msg(hello);
</script>
2、调用layui中的layer模块
layui.use(layer, function(){var …
layuI.table 分页
layuI.table 分页layui 官网地址创建一个数据表格layui 官网地址
https://www.layui.com/demo/
创建一个数据表格
<table class"layui-hide" id"data" lay-filter"test"></table>
<div id"page" style"text-al…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）三：找回密码界面及对应功能实现
一、本章内容 本章实现找回密码功能，包括短信验证码找回、邮箱验证码找回等功能，并通过node-send-email发送邮箱验证码，实现找回密码界面、接口等功能。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十：实体配置功能实现
一、本章内容 本章实现实体配置功能，包括识别实体属性、设置各属性的展示方式、相关类型、要和展示、编辑的内容等。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址：
【前端】Layui动态数据表格拖动排序
目录
一、下载layui-soul-table
二、使用
三、Layui实际使用
1、html代码
2、JS代码
3、PHP后台代码 目的：使用Layui的数据表格，拖动行进行排序。
使用插件：layui-soul-table 和 Layui
1.layui-soul-table文档：https://…
Java项目:在线汽车租赁系统(java+JSP+SSM+layui+html+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 一、项目简述 环境配置：
Jdk1.8 Tomcat8.5 mysql Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）
项目技术：
JSP Spring SpringMVC MyBatis…
Java项目:员工出差请假考勤管理系统(java+JSP+LayUI+HTML+servlet+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目为后台管理系统；
管理员角色包含以下功能：
登录,首页,考勤记录增删改查,假期申请记录增删改查,出差申请记录增删改查,加班申请记录增删改查,调休申请,考勤查询,…
Java项目:红酒朔源管理系统(java+SSM+JSP+LayUI+jQuery+Mysql)
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍
本项目分为前后台，分为普通用户、管理员、企业用户三种角色； 普通用户无需登录，可在前台直接进行溯源查询，管理员、企业用户可登录后台进行管理…
Layui快速入门之第三节栅格布局
目录
一：栅格布局的基本概念
二：栅格布局规则
三：始终等比例水平排列案例
四：响应式规则
五：移动设备、桌面端的组合响应式展现案例
六：移动设备、平板、桌面端的复杂组合响应式展现案例
七…
前端基础5——UI框架Layui
文章目录 一、基本使用二、管理后台布局2.1 导航栏2.2 主题颜色2.3 字体图标 三、栅格系统四、卡片面板五、面包屑六、按钮七、表单八、上传文件九、数据表格9.1 table模块常用参数9.2 创建表格9.3 表格分页9.4 表格工具栏9.5 表格查询9.5.1 搜索关键字查询9.5.2 选择框查询 9.…
layui中checkbox使用lay-skin=“switch“ 过滤事件赋值与取值
在layui中，使用lay-skin"switch"的checkbox组件在进行过滤操作时，会触发form.on(switch(filter))事件。在这个事件的处理函数中，可以通过data参数获取到相关的数据。
具体来说，data参数包含以下属性：
elem…
layui 拖拽上传图片 lay-data获取不了值
问题描述： 点击上传，选择文件上传，是可以获取到 lay-data 的值传递到后端 但拖拽上传图片，获取不到 lay-data 的值
解决方法： 添加隐藏域，记录操作的值
<input type"hidden" value"&qu…
Layui快速入门之第五节 导航
目录
一：基本概念
导航依赖element模块
API
渲染
属性
事件
二：水平导航
常规用法：
三：垂直导航
四：侧边垂直导航
五：导航主题
六：加入徽章等元素
七：面包屑导航
ps&a…
Layui + Flask | 实现注册、登录功能（案例篇）（08）
此案例内容比较多，建议滑到最后点击阅读原文，阅读体验更佳。后续也会录制案例视频，将在本周内上传到同名的 b 站账号。 已经看了 layui 表单相关的知识，接下来就可以实现注册功能，功能逻辑如下： 项目创建 新建 flask 项目下载 layui 文件，解压之后复制到指定文件编写前…
前端-layui动态渲染表格行列与复杂表头合并
说在前面： 最近一直在用layui处理表格 写的有些代码感觉还挺有用的，顺便记录下来方便以后查看使用；
HTML处代码
拿到id 渲染位置表格 <div class"layui-table-body salaryTable"><table class"layui-table" i…
Layui时间选择设置只能选择整点半点,并隐藏秒钟部分
文章目录 1.整点半点选择2.隐藏秒选择部分3.默认值处理3.1 操作done函数3.2 操作ready函数 1.整点半点选择
处理思路：通过循环将使用不到的时间点去除掉，关键代码位于ready函数
//选择起止时间
layui.laydate.render({elem: .laydate-times,type: &quo…
开源layui前端框架 收款码生成系统源码 多合一收款码生成源码 带50多套UI模板
Layui前端的多合一收款码在线生成系统源码_附多套前端UI模板。 卡特三合一收款码生成系统源码，和收款啦采用一样的原理。 内部多达50多套模板，前端跟付款界面都特别好看。 识别收款码之后会自动加密，非常安全。 一样没有后台，一样…
Layui列表复选框根据条件禁用
// 禁用客服回访id有值的复选框res.data.forEach(function (item, i) {if (item.feedbackEmpId) {let index res.data[i][LAY_TABLE_INDEX];$(".layui-table tr[data-index"index"] input[typecheckbox]").prop(disabled,true);$(".layui-table tr[d…
layui框架学习（31：下拉菜单模块）
Layui的下拉菜单组件模块dropdown支持动态构建下拉菜单及右键菜单，不同于之前学习的页面元素中的菜单，后者主要是在页面中搭建菜单结构，然后通过设置layui提供的菜单相关的预设类对菜单结构进行样式渲染，而通过dropdown模块则是基…
前端日期组件layui使用，月模式
初学前端，实战总结
概要
有一个日期组件，我的谷歌浏览器选完日期后，偶尔获取不到最新数据，有一个客户，是经常出不来数据。
日期组件是Wdate：调用的方法是WdatePicker onpicking，代码片段如下…
【前端】layui学习笔记
参考视频：LayUI
1.介绍
官网：http://layui.apixx.net/index.html 国人16年开发的框架,拿来即用,门槛低 … 2. LayUi的安装及使用 Layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript…
layui表格事件分析实例
在 layui 的表格组件中，区分表头事件和行内事件是通过事件类型（toolbar 和 tool）以及 lay-filter 值来实现的。 我们有一个表格，其中有一个工具栏按钮和操作按钮。我们将使用 layui 的 table 组件来处理这些事件。 HTML 结构&…
Layui三级联动插件使用方法
Layui高版本中没有在提供三级联动这个动画了，而是封装成了一个插件，使用方式也很简单
官网
省市县区三级联动下拉选择器 layarea - Layui 第三方扩展组件平台 (layuion.com)https://dev.layuion.com/extend/layarea/#doc
html页面约束
整个选择器需要…
基于Java+SpringBoot+Mybaties+layui+Vue+elememt 实习管理系统 的设计与实现
一.项目介绍 前台功能：用户进入系统可以实现首页，系统公告，个人中心，后台管理等功能进行操作 后台由管理员，实习单位，教师和学生，主要功能包括首页，个人中心，班级管理&am…
完美解决layui多图上传时，动态给每个图片增加参数
需求：当我在使用layui框架上传多图时，我想动态给每一张图都把它的名称传给后台 data: {id: function(){return $(#id).val();}
} 这是官网给的动态传参的方法 我自己根据官网给的案例设置
data:{filesIndex:function(index, file){return file.name}},…
【Layui】------ layui实现table表格拖拽行、列位置的示例代码
一、完整的示例代码：（请使用layui v2.8.3的版本）看懂就能用、不要照搬、照搬会出错误、拷贝重要代码改改符合你自己的需求。 <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><…
layui框架实战案例(26)：layui-carousel轮播组件添加多个Echarts图标的效果
在Layui中，使用layui-carousel轮播组件嵌套Echarts图表来实现多个图表的展示。
css层叠样式表
调整轮播图背景色为白色；调整当个Echarts图表显示loading…状态；同一个DIV轮播项目添加多个Echarts的 .layui-carousel {background-color: #f…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）四：用户注册界面及对应功能实现
一、本章内容 本章实现用户注册功能，包括短信注册界面、邮箱注册界面、短信注册修改接口、邮箱注册修改接口等相关内容，实现用户注册的完整流程。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频 基于VUE3+Layui从头搭建通用后台管理系统合…
layui框架学习（42：文件上传模块-上）
之前学习asp.net core编程入门教程时结合layui测试过文件上传《基于ASP.Net Core和Layui的多文件上传》，但没有认真学习过layui的文件上传模块，本文开始，计划分两章学习并记录文件上传模块中的属性、事件及函数的使用方法。 layui中的文件…
layui使用富文本已经使用第三方插件Kz.layedit来优化layui的富文本
官方提供的编辑器功能太少
没有字体颜色，不能传图片，视频等扩展
官方文档说的很清楚，简易的富文本使用layui提供的的确十分方便，但是缺少的元素很多。像什么标题，元素，等简单的都没有。小编我当初页为此苦…
layui+ssm实现数据批量删除
layuissm实现数据的批量删除 //数据表格table.render({id: adminList,elem: #adminList,url: ctx "/admin/getAdminList", //数据接口cellMinWidth: 80,even: true,toolbar: #toolbarDemo,//头部工具栏limit: 10,//每页条数limits: [10, 20, 30, 40],defaultToolba…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十二：通用详情组件封装实现
一、本章内容 本章实现通用详情组件，自动识别实体配置信息，并自动生成对应组件，填充组件数据，并完成数据自动加载等过程。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址
layui框架学习（8：动态操作选项卡）
Layui官网示例（参考文献3）中的选项卡部分除了介绍选项卡的样式外，还介绍了新增选项卡、删除选项卡、切换选项卡等动态操作选项卡方式，主要调用element模块中与选项卡相关的函数实现，除此之外，element模块还…
Layui + Flask | 表单组件（组件篇）（07）
http://layui.dev/docs/2.8/form 表单组件 form 是包含输入框、选择框、复选框、开关、单选框等表单项组件的集合，主要用于对表单域进行各类动态化渲染和相关的交互操作。form是 Layui 最常用的组件之一。 表单布局 form 组件自身的普通布局。其要点为： 通过 class="lay…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十五：基础数据模块相关功能实现
一、本章内容 本章使用已实现的公共组件实现系统管理中的基础数据中的验证码管理、消息管理等功能。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 三、开发视频
3.1 B站视频地址： 基于VUE3+Layui从头搭建通用后台管理系统合集-验证码功能实现 3.2 西瓜…
C# 创建MVC项目+Layui框架
目录
1、创建MVC
2、下载Layui
3、修改模板页
3.1 修改_Layout.cshtml页面
3.2创建侧边导航-BaseController控制器
3.3将控制器原本引用的 Controller改为BaseController 1、创建MVC 2、下载Layui
地址：Layui - 极简模块化前端 UI 组件库(官方文档) 将文件…
前端Layui框架介绍
当涉及到前端UI框架时，Layui（简称layui）是一个备受欢迎的框架之一。在这篇博客中，我们将深入了解layui，包括其市场占有率、开发语言、使用场景、框架特点以及一些使用案例。 1. 市场占有率
Layui 是一款流行的前端UI框…
layui公共类layui-elip的使用
<div class"layui-elip">的使用
layui-elip 是一个用于创建单行文本溢出省略的辅助类，可以用于优化文本显示效果。以下是 layui-elip 的基本使用方法：
在 HTML 元素中，添加 layui-elip 类即可实现文本溢出省略的效果。例如…
Layui快速入门之第十三节 日期与时间选择器
目录
一：基本用法
API
渲染
属性
弹出提示 2.8
获取实例 2.8
解除实例绑定 2.8
关闭日期面板 2.7
获取某月的最后一天
二：常规用法
三：多类型选择器 四：范围选择
五：直接静态显示
六：更多功能…
springboot + layui + pageHepler 实现table 表格分页并且多行小计功能
日常表格统计中我们会用到总计的功能，这个功能layui帮我们已经实现了，
但有时候我们也需要在某个业务类型上，实现小计功能：
由于pageHepler的介入，导致我们没办法在数据传到前端的时候进行小计数据的插入，…
layUI.open在手机端小屏幕不能显示全页面，也没办法滑动
首先我的项目是点击编辑，打开一个编辑信息页面，在网页端显示效果如下： 有时候工作人员离开电脑，需要手机操作修改，但是弹出的编辑页面显示不全内容，也没办法通过触摸滑动页面看见左面的内容，如下…
jQuery实现layer.open中按钮倒计时读秒可用的协议阅读场景
今日遇到一个系统注册页网站 条款签接受流程改动的需求，往日多是使用他人网站注册登录，看见相关协议的授权设计大同小样，觉得挺有意思，这次遇到了需要我来实现这个功能，但是用习惯了vue的封装，这次是依靠jQ…
Layui精简版，快速入门
目录
LayUI之入门
1.什么是layui
2.layui入门
3.自定义模块
4.用户登录
5.主页搭建
LayUI之动态树 main.jsp main.js
LayUI之动态选项卡
1.选项卡
main.jsp
main.js
2.用户登录
User.java
UserDao.java
UserAction.java
R.java
LayUI之用户管理
1.用户查询…
layui+java spring 实现图片文件新增到数据库
项目场景：
layuijava spring 实现图片文件新增到数据库 解决方案：
1.首先layui是个不再更新的网址有想了解的可以浏览官网
表格组件 table - Layui 文档
2.官网内有专门的组件 代码直接粘过来即可 <!DOCTYPE html> <html> <head> …
FastAdmin表格添加统计信息
如上图，在列表顶部添加订单统计信息，统计符合当前筛选条件的记录。
列表页html中： <div class"panel-body"><div id"myTabContent" class"tab-content"><div class"tab-pane fade active…
layui form表单 调整 label 宽度
这个可以调整所有label
.layui-form-label {width: 120px !important;
}
.layui-input-block {margin-left: 150px !important;
}情况是这样的，表单里有多个输入框，只有个别label 是长的，我就想调整一下个别长的，其它不变
<di…
layui控件开发，实现下拉搜索从数据库获取数据
1 标签部分使用带搜索的下拉框
<div class"layui-inline"><label class"layui-form-label">单位</label><div class"layui-input-inline"><select name"org" lay-search id"org_dwbh" lay-filt…
Layui弹窗带标签可切换图表的应用Demo
提供Layui弹窗带页签的Demo写法 文章目录 前言一、展示效果二、详细代码1.代码2.简单释义 总结 前言
之前因为有需求，需要开发Layui的弹出框，同时弹窗框需要支持，页签点击切换内容，特此整理了这一篇文章，提供给需要的…
layui后台框架，将左侧功能栏目 集中到一个页面，通过上面的tab切换 在iframe加载对应页面
实现上面的 功能效果。
1 html代码
<form class"layui-form layui-form-pane" action""><div class"layui-tab" lay-filter"demo"><ul class"layui-tab-title"><li id"a0" class"lay…
用html，js和layui写一个简单的点击打怪小游戏
介绍： 一个简单的打怪小游戏，点击开始游戏后，出现攻击按钮，击败怪物后可以选择继续下一关和结束游戏。 继续下一个怪兽的血量会增加5点，攻击按钮会随机变色。
效果图： html代码：
<!DOCTYPE…
MVC+Layui 多选下拉框xmSelect
1、选择layui拓展第三方组件找到xmselect
xmSelect下拉多选 xmSelect - Layui 第三方扩展组件平台 (layuion.com)
下载后放到项目文件中
2、项目引用js文件 <script src"~/Content/dist/xm-select.js"></script> 3、html添加表单设置id <div class…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-后台管理主页面实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
springboot + thymeleaf + layui 初尝试
一、背景
公司运营的同事有个任务，提供一个数据文件给我，然后从数据库中找出对应的加密串再导出来给他。这个活不算是很难，但时不时就会有需求。
同事给我的文件有时是给excel表格，每一行有4列，逗号隔开，…
layui分页laypage结合Flask+Jinja2实现流程
Layui2.0普通用法<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><meta name"viewport" content"widthdevice-width, initial-scale1"><title>Demo</title><!-- 请勿在项目正式环境中引用该 …
基于springboot+layui仓库管理系统设计和实现
基于 java springbootlayui仓库管理系统设计和实现 博主介绍：多年java开发经验，专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域 作者主页 央顺技术团队 Java毕设项目精品实战案例《1000套》 欢迎点赞 收藏 ⭐留言 文末获取…
tablulator 表格插件使用 vue3 + ts
项目中使用的是layui框架，layui整体使用起来还是挺好用的，界面风格简约，上手也简单，但是layui自带的表格性能真的不咋行，基本上显示超过500条，就很出现浏览器卡顿，全选的时候，浏览器…
基于ssm+layui的图书管理系统
基于ssmlayui的图书管理系统 账户类型分为：管理员，用户管理员私有功能用户私有功能公共功能技术栈功能实现图 视频演示 账户类型分为：管理员，用户
图书管理系统主要登录账户类型为管理员账户与用户账户
管理员私有功能
账户管理…
Layui实现删除及修改后停留在当前页
1、功能概述？
我们在使用layui框架的table显示数据的时候，会经常的使用分页技术，这个我们期望能够期望修改数据能停留在当前页，或者删除数据的时候也能够停留在当前页，这样的用户体验会更好一些，但往往事与…
后端使用前端页面的很好的推荐Layui
使用前提条件就是掌握初步的html，css，js脚本
后端被前端的vue等框架，不想学习，就是简单的一个页面满足后端使用
一般建议就是掌握了基础的html，css，js脚本后，然后就是深入学习了解jquery,再找…
关于layui如何动态更新数据
因为在写项目时用layui来完成后台，想点击下一页或者对于下拉切换数据的条数，然后一开始没注意它的table.render里面的url，（不是没注意吧，就是没看到await等明显的请求方式，就以为它只能请求JSON文件里面的数…
各种需要使用的方法--＞vue/微信小程序/layui
各种需要使用的方法-->vue/微信小程序/layui 1、vue里样式不起作用的方法，可以通过deep穿透的方式2、 js获取本周、上周、本月、上月日期3、ArrayBuffer Blob 格式转换ArrayBuffer与Blob的区别ArrayBuffer转BlobBlob转ArrayBuffer需要借助fileReader对象 4、使用…
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）八：自定义组件封装上
一、本章内容 本章实现一些自定义组件的封装，包括数据字典组件的封装、下拉列表组件封装、复选框单选框组件封装、单选框组件封装、文件上传组件封装、级联选择组件封装、富文本组件封装等。
1. 详细课程地址： 待发布 2. 源码下载地址： 待发布
二、界面预览 
【前端】layui前端框架学习笔记
【前端目录贴】 参考视频:LayUI 参考笔记:https://blog.csdn.net/qq_61313896/category_12432291.html
1.介绍
官网：http://layui.apixx.net/index.html 国人16年开发的框架,拿来即用,门槛低 … 2. LayUi的安装及使用 Layui 是一套开源的 Web UI 组件库࿰…
layui的表单中的一些常见的标签的含义，含在线实战。
表单提交：
lay-submit和lay-filter组合使用实现表单的提交,注意这个必须有两个，不然实现不了表单的提交喔，例如
<button class"layui-btn layui-btn-normal" lay-filter"login_button" lay-submit"">登…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-Tag标签管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
layui中，父页面与子页面，函数方法的相互调用、传参
<%--父页面--%>
<script type"text/javascript">var KaoHaoType 0; // 考号类型 自定义参数1// 选取考号类型function SelectKaoHaoType(callBack) {KaoHaoType 0; // 默认选择填涂考号layer.open({type: 2, title: 请选择 考号区类型, ar…
layui tree组件取消勾选
layui(2.8.15) tree的api中，只有 tree.setChecked(id, idArr) 方法，没有取消勾选的方法。
我的需求是：勾选后做判断，如果不符合条件则取消勾选。
实现方法：
使用 tree的oncheck事件，在回调函数中做判断&…
前端layui自定义图标的简单使用
iconfont-阿里巴巴矢量图标库 2. 3. 4.追加新图标 5.文件复制追加新图标 如果图标不是一次性下载完成的,后续需要追加的话必须重新建立一个新文件夹然后重新引入就行
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-菜单管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-友情链接管理实现
锋哥原创的SpringbootLayui python222网站实战：
python222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBootPython爬虫实战） ( 火…
layui-vue + Flask 实现 Table 排序显示
layui-vue Flask 实现 Table 排序显示
在编写使用 Vue layui 的中后台系统时，table页面通常是必不可少的。要在 Vue 中实现基于某一列的排序，我们需要更新 columns 数组中相应列的定义，以便包含排序的逻辑。
举例：在代码中&am…
layui-tab加载echarts宽度丢失
主要是设置div的样式为：width:100%;height:100%;display: block;
<style>.layui-tab-item{width:100%;height:480px;}
</style><div class"layui-tab layui-tab-brief" lay-filter"component-tabs-brief"><ul class"…
layui入门使用文档（包含几个重要的组件）
一、引言 ：注意部分配置是用到了和jsp交互使用在HTML时需要修改 1.1 介绍 https://www.layuiweb.com/ 在官网首页，可以很方便的下载LayUI LayUI 是一款经典模块化前端 UI 框架，我们只需要定义简单的HTML、CSS、JS即可实现很复杂的前端效果。 …