layui
文章平均质量分 61
慕云枫
记录开发过程中的一些学习笔记...!
展开
-
Layui表格复选框下一页后保持选中,table复选框checkbox跨页保持复选状态
Layui表格复选框下一页后保持选中,table复选框checkbox跨页保持复选状态原创 2024-03-18 14:58:39 · 509 阅读 · 0 评论 -
layMenu后台框架,html主页框架,前端UI框架,后台首页框架,layui主页架构框架,系统后台框架模板
layMenu后台框架,html主页框架,前端UI框架,后台首页框架,layui主页架构框架,系统后台框架模板原创 2023-11-20 14:13:43 · 1580 阅读 · 0 评论 -
JS获取省市区/县,layui获取省市区,layui实现省市区联动,jquery实现省市区联动
JS获取省市区/县,layui获取省市区,layui实现省市区联动,jquery实现省市区联动原创 2023-06-20 10:23:40 · 2360 阅读 · 0 评论 -
Layui禁止表格部分复选框,layui禁止表格自带第一列复选框,layui禁止表格部分复选框,layui获取表格复选框选中数据
Layui禁止表格部分复选框,layui禁止表格自带第一列复选框,layui禁止表格部分复选框,layui获取表格复选框选中数据原创 2023-06-14 11:08:05 · 1732 阅读 · 0 评论 -
layMin组件,基于jquery的简单组件layMin弹窗提示框,layui的简单组件,layMin有简洁的提示框、弹窗和图片预览、及加载效果等
layMin组件,基于jquery的简单组件layMin弹窗提示框,layui的简单组件,layMin有简洁的提示框、弹窗和图片预览、及加载效果等原创 2022-08-17 14:55:48 · 637 阅读 · 0 评论 -
Layui表格点击行选中复选框,点击行选择复选框
前言平时操作表格选中时需要把鼠标放到复选框中点击感觉太麻烦了,如果直接点击行就可以选中就简单多了,于是就有下面代码实现实现基于jquery,直接复制过去即可使用 // 表格点击行自动选中 ========================================================================== $(document).on("click",".layui-table-body table.layui-table tbody tr", function原创 2022-05-07 09:16:54 · 2621 阅读 · 2 评论 -
Layui图片预览,layer图片预览图片缩放,layui预览图片可放大放小
前言layer图片预览,并实现缩放实现代码复制直接可用效果图html中只要放在layer-photos-demo中的图片都可用预览<div id="layer-photos-demo"> <div> <img alt="" style="width:100px;" src="image/error.png"> </div> <div> <img alt="" style="width:10原创 2022-04-07 10:22:01 · 5634 阅读 · 0 评论 -
html加载中实现效果,css实现加载中
html加载中实现效果,css实现加载中原创 2022-01-21 12:16:39 · 2597 阅读 · 0 评论 -
layer-mobile下载,layui移动端弹框插件,layer兼容移动端弹框插件,layer Web端和移动端冲突问题解决
效果图layui的layer电脑端的和移动端的layer做了修改可以同一个页面使用移动端web端原创 2022-01-04 16:25:07 · 6873 阅读 · 0 评论 -
SpringBoot可视化代码生成器,Java Web自动生成代码,generator代码生成器
SpringBoot可视化代码生成器(generator)前言效果图实现代码前言最简单的可视化代码生成工具效果图配置信息配置后可读取数据库表生成后结构及代码实现代码百度云链接: https://pan.baidu.com/s/1LKjboGpZjGk_qo4Z7YoKRA 提取码: quxr或者官方下载Github:https://github.com/dolyw/ViewGenerator/releases码云:https://gitee.com/dolyw/ViewGen原创 2021-12-25 11:08:18 · 1032 阅读 · 0 评论 -
IDEA打包SpringBoot成jar和war包方式,SpringBoot打包JSP项目报404错误处理,SpringBoot无法加载icon图标ttf、woff
IDEA打包SpringBoot成jar和war包方式本人这里使用的框架结构是这样的打包前确认打包成jar包还是war包根据自己需求方法一,jar包打开pom.xml,打包类型jar将测试依赖注释,不然打包时还是会告诉你有测试无法打包的bulid标签中,因为使用的时jsp所以这里的配置我这如下这样配的<build> <finalName>Layui-SpringBoot-Jsp</finalName> <plugins> <原创 2021-12-17 16:55:18 · 974 阅读 · 0 评论 -
Layui富文本编辑器,文章编辑器
富文本编辑器分为两种,一种Layui自带的,一种通用的一、layUI自带的html<form class="layui-form" id="form_1" action=""><div class="layui-form-item layui-form-text"> <textarea class="layui-textarea " placeholder="请输内容" name="content" lay-verify="content"原创 2021-12-16 14:44:51 · 1635 阅读 · 0 评论 -
Layui下拉搜索查询,Layui下拉复选单选,Layui下拉树形
组件下载官网:https://maplemei.gitee.io/xm-select/#/component/installgitee:https://gitee.com/maplemei/xm-select效果图原创 2021-12-16 09:55:56 · 740 阅读 · 0 评论 -
Layui 树形复选框获取值赋值,复选树形菜单
Layui 树形复选框赋值取值效果图标实现前端html <!-- 授权菜单 --> <form class="layui-form" id="role_menu_form" action="" lay-filter="role_menu_form" style="padding:10px;display: none;"> <fieldset class="layui-elem-field layui-field-title" style="color:#89原创 2021-10-17 23:42:51 · 2339 阅读 · 3 评论 -
layui必填提示框修改,layui提交form表单必填提示框修改,select提示弹出位置不对处理,layui自定义提示文字,layui自定义条件提示
效果修改前修改后实现方式我的layui版本是2.6.8js文件只有layui.js(之前的版本可修改form.js文件源码)所以打开layui.js修改源码,修改如下// 将i.msg(f,{icon:5,shift:6})// 替换成i.tips(f, r)如图1下所示(Hbuilder颜色未改,则是黄背景)或如图2所示我喜欢把提示框颜色改了,以下就是我修改的样式(打开layui.css换行放到后面即可)/* layer提示*/.layui-layer-tips .原创 2021-10-09 02:09:12 · 8757 阅读 · 0 评论 -
Layui禁用按钮,Layui禁用且隐藏按钮
禁用按钮注:不加’pointer-events’,'none’还是会触发提交 $('.lay-submit-btn').css('pointer-events','none'); $('.lay-submit-btn').addClass("layui-btn-disabled").attr("disabled", true);禁用按钮且隐藏 $('.lay-submit-btn').css({'display':'none', 'pointer-events':'none'}); $('.l原创 2021-10-07 23:39:44 · 2325 阅读 · 0 评论 -
Layui图标选择器,Layui下拉选择图标
layui下拉图标效果图组件下载gitee下载:https://gitee.com/layui-exts/icon-selectedAPI参考:https://layui-exts.gitee.io/icon-selected/#/?id=api或者网盘下载,链接: https://pan.baidu.com/s/1FR7WEcJkzQlEHaK8sNnDlw 提取码: d731使用方式JS引入组件layui.config({ base: $projectPath+"/js/ut原创 2021-10-07 22:00:37 · 3526 阅读 · 0 评论 -
layui下拉图标,layui排行号选择器
下载的组件包括layui下拉图标layui排行号选择器下载路径:https://gitee.com/ayscap/icon-selected或者链接: https://pan.baidu.com/s/1NVAvyiDOyfjc8vN37Sla0Q 提取码: wiyj原创 2021-10-06 20:07:51 · 402 阅读 · 0 评论 -
Layui树形列表,Layui树形菜单列表
Layui树形列表比较简单请耐心查看效果图实现方式首先引入组件(代码放到最后面了)layui.config({ base: $projectPath+"/js/util/layui-module/"}).extend({ treeSelect: "treeSelect", treeTable: "treeTable",});js 中var layer;var form;var table;var treeTable;var interUrl = {原创 2021-10-06 19:32:49 · 4600 阅读 · 13 评论 -
Layui下拉树形菜单,Layui树形下拉
Layui下拉菜单树形效果图使用方式前往下载:https://gitee.com/wujiawei0926/treeselect或者到使用底部的源码首先引入treeSelect.jslayui.config({ base: ""}).extend({ treeSelect: "/js/util/layui-module/treeSelect"});然后引用layui.use(["treeSelect"], function() { var treeSelect =原创 2021-10-06 01:50:12 · 2098 阅读 · 0 评论 -
Layui 表格筛选临时存储cookie,Layui表格筛选触发事件
前言将某一个表格的列筛选操作保存,下次刷新这个页面时还保留之前筛选的操作实现方式本人存储筛选数据为临时存放cookie首先创建两个方法这里我使用了jquery.cookie.js(放到最后面了)var tempCount = -1;/** * 表格筛选存储获取-是否显示---------------------------------------------------- * */function setColumn(value) { var table_column = $.c原创 2021-10-03 05:42:50 · 1100 阅读 · 0 评论 -
layui表格高度自适应,layui表格取消分页
layui表格高度自适应 height: 'full-180',// 表格高度根据浏览器自适应layui表格取消分页page: false,limit: Number.MAX_VALUE,实例// 渲染表格table.render({ elem: '#power-table', id: 'power-table', url: '/plm/role/selectPage', method: 'GET', height: 'full-180',// 表原创 2021-09-03 14:57:19 · 3012 阅读 · 0 评论 -
layUI使用table.reload时出现了两次请求,问题解决
本人碰到的问题,网上找了好久都没有找到出现这种问题的人$('#searchBtn').on('click',function(){ var type = "getInfo"; active[type] ? active[type].call(this) : ''; }); // 点击获取数据 var active = { ...原创 2019-08-18 01:31:58 · 6578 阅读 · 8 评论 -
layui表格复选框赋值,获取表格复选框选中值,表格复选框回选
layui获取表格复选框提交/回选表格JStable.render({ elem: '#app-from', id: 'app-from', url: '/plm/api/employee/listByRole?roleId=' + data.roleId, method: 'GET', page: true, limit:50, cols: [[ {type: 'checkbox', fixed: 'left'},原创 2021-09-02 20:43:27 · 3120 阅读 · 0 评论 -
layui右边抽屉式弹出框实现方式
效果图【一】引入使用 admin.popupRight({ title: title, content: $('#app-model').html(), finish: function () { }, success: function (layero, index) { } });效果图【二】引入实现layer原创 2021-09-02 17:37:07 · 3798 阅读 · 2 评论 -
Layui按钮更多选项,表格按钮更多选项,layui更多按钮操作,下拉组件dropdown
【本人修改版】效果图表格模式下,我这里使用userId做唯一【本人修改版】<!-- 表格操作列 --><script type="text/html" id="app-table-bar"> <a class="layui-btn layui-btn-xs" data-dropdown="#userTbDrop_{{d.userId}}" no-shade="true">更多<i class="layui-icon layui原创 2021-09-02 16:07:42 · 4187 阅读 · 2 评论 -
Layui日期多选,laydate多选
效果如下实现方式建议使用2.3.x及以上版本的layui复制下面代码,引入layui的css和js即可使用<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>layu原创 2021-03-05 15:43:34 · 4667 阅读 · 5 评论 -
Layui 下拉树形展示
直接去官方路径参考咯https://fly.layui.com/extend/treeSelect/转载 2020-12-31 09:38:12 · 832 阅读 · 1 评论 -
java验证码实现方式,SSH框架为例
效果图后端Java代码package com.util;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOException;import java.io.OutputStream;import java.util.Random;import javax.imageio.ImageIO;/原创 2020-09-22 16:32:17 · 284 阅读 · 0 评论 -
layui 如何让select弹出layer层
效果如图实现使用如下css样式即可.layui-layer-molv .layui-layer-content{ overflow: visible !important;}详细说明:在class="layui-layer-molv"下的class="layui-layer-content"的标签使用overflow: visible !important;样式,!important;是强制使用...原创 2020-07-15 15:09:27 · 1941 阅读 · 3 评论