layui模态框

layUI-基础说明

21年开始接触layui，但是很遗憾也在这一年10月13日官网下线了。不过作为一款开源模块化的前端UI框架，还是非常值得学习的，特别是对于我这种习惯后端的人。下面是我自己学习后的笔记总结。
朝屯暮蒙vi·2023-09-17 00:21

layui框架的页面元素

layui（谐音：类UI)是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。
IT郁垒·2023-09-17 00:21

layui-学习02-全局样式

CSS内置公共基础类类名（class）说明布局layui-main用于设置一个宽度为1140px的水平居中块（无响应式）layui-inline用于将标签设为内联块状元素layui-box用于排除一些UI
月光小提琴·2023-09-17 00:50

杂乱小知识

1.layui页面元素规范-CSS内置公共基础类:类名（class）说明布局/容器layui-main用于设置一个宽度为1140px的水平居中块（无响应式）layui-inline用于将标签设为内联块状元素
loveyeziqq·2023-09-17 00:20

Layui快速入门之第四节 按钮

目录一：基本用法二：不同主题的按钮基本案例：三：不同尺寸的按钮基本案例：四：按钮圆角五：按钮图标六：按钮混搭七：按钮组合八：按钮容器一：基本用法向任意HTML标签设定class="layui-btn"建立一个基础按钮
渊婉·2023-09-17 00:19

layui公共类layui-elip的使用

的使用layui-elip是一个用于创建单行文本溢出省略的辅助类，可以用于优化文本显示效果。
漏刻有时·2023-09-17 00:19

把普通按钮换成layui按钮时，普通按钮对应的js却没有用。（小菜鸟入门小白教程）

一、问题描述接上一篇文章，效果实现了，但是发现按钮不好看，于是要求改成layui的按钮但是发现换成layui按钮时，对应的时间却失效了。
one一piece·2023-09-17 00:19

LayUI基础入门

前言：本篇文章是作者在B站学习LayUI视频的笔记视频传送门：https://www.bilibili.com/video/BV19V411b7sx文章目录LayUI1.主要内容2.LayUI的安装及使用
Backlight~~·2023-09-17 00:34

【开发】前端工程——layui

layui常用组件1.常用页面元素布局布局容器栅格系统基本元素按钮导航选项卡表格表单组件示例弹出层日期和时间选择数据表格分页2.LayUI的安装与使用layui是一款采用自身模块规范编写的前端UI框架，
AmosTian·2023-09-17 00:33

Layui学习总结

Layui学习总计快速入门-Layui的下载和安装下载地址：点我下载layui文件快速上手：获得layui后，将其完整地部署到你的项目目录（或静态资源服务器），你只需要引入下述两个文件：.
NotSouth·2023-09-17 00:33

王和平的layui入门2

首页开始使用layui//模块和回调函数//一般直接写在一个js文件中layui.use(['layer','form'],function(){varlayer=layui.layer,form=layui.form
peacezhi·2023-09-17 00:32

layui框架简单解读，为什么要使用layui框架，layui框架的好处，后端程序员快速学习掌握layui框架技术型文档博文，layui学习笔记，快速掌握前端技术框架

本文章创建于2021年10月8日，20时10分于10月11日早上5：30制作完毕目录标题1、layui官方公告2、为什么要使用layui框架、layui框架的好处3、layui框架的使用3.1、导入Layui
DNCS高级工程师·2023-09-17 00:01

LayUI_01 前端框架 LayUI基础说明

目录一、开始使用-入门指南UNPKG引入示例codeHTML二、底层方法三、页面元素规范与说明四、模块规范五、常见问题JScodeJavaScriptcode六、各大版本更新日志2.6.xv2.6.82021-05-30v2.6.72021-05-18v2.6.62021-05-08v2.6.52021-04-22v2.6.3/42021-04-05/2021-04-06v2.6.22021-04
£轻描～淡写°·2023-09-17 00:31

layui 入门笔记

layui入门笔记1.layui学习官网2.layui文件夹/包下载和安装3.引用layui.css和layui.js4.页面元素1.布局后台管理布局管理系统界面布局暂时还看不明白2.颜色主色调颜色搭配
小丫头爱打盹·2023-09-17 00:58

前端LayUI框架快速上手实现登入注册

目录一、Layui简介1.什么是LayUI2.LayUI的特点二、LayUI入门1.LayUI下载2.LayUI入门使用2.1在web项目中导入LayUI文件中的layui文件2..2在JSP页面引入css
云村小威·2023-09-17 00:57

Layui快速入门之第五节 导航

目录一：基本概念导航依赖element模块API渲染属性事件二：水平导航常规用法：三：垂直导航四：侧边垂直导航五：导航主题六：加入徽章等元素七：面包屑导航ps：面包屑导航渲染一：基本概念导航是指支持用户导航、进入和退出应用中不同内容片段的交互。导航菜单包含水平导航和垂直导航，在2.x版本中，nav组件属于element模块的子集使用：需要加载导航模块，也需要引入核心的js文件导航依赖element
渊婉·2023-09-17 00:56

企业电子招标采购系统源码Spring Boot + Mybatis + Redis + Layui + 前后端分离 构建企业电子招采平台之立项流程图

功能模块：待办消息，招标公告，中标公告，信息发布描述：全过程数字化采购管理，打造从供应商管理到采购招投标、采购合同、采购执行的全过程数字化管理。通供应商门户具备内外协同的能力，为外部供应商集中推送展示与其相关的所有采购业务信息（历史合作、考察整改，绩效评价等），支持供应商信息的自助维护，实时风险自动提服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Secur
微服务技术分享·2023-09-16 08:17

企业电子招标采购系统源码Spring Boot + Mybatis + Redis + Layui + 前后端分离 构建企业电子招采平台之立项流程图

功能模块：待办消息，招标公告，中标公告，信息发布描述：全过程数字化采购管理，打造从供应商管理到采购招投标、采购合同、采购执行的全过程数字化管理。通供应商门户具备内外协同的能力，为外部供应商集中推送展示与其相关的所有采购业务信息（历史合作、考察整改，绩效评价等），支持供应商信息的自助维护，实时风险自动提服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Secur
微服务 spring cloud·2023-09-16 08:06

企业电子招标采购系统源码Spring Cloud + Spring Boot + MybatisPlus + Redis + Layui + 前后端分离 + 二次开发

功能描述1、门户管理：所有用户可在门户页面查看所有的公告信息及相关的通知信息。主要板块包含：招标公告、非招标公告、系统通知、政策法规。2、立项管理：企业用户可对需要采购的项目进行立项申请，并提交审批，查看所有的立项信息。主要功能包含：招标立项申请、非招标立项申请、采购立项管理。3、采购项目管理：可对项目采购过程全流程管理，包含功能有：评审人员的选取/抽取、基准价维护、供应商缴费审核、投标过程记录查
m0_67544708·2023-09-16 05:21

layui根据条件显示列_layui-soul-table

给layui-table注入点灵魂扩展功能表头筛选、自定义条件(支持前端筛选、后台筛选介绍请看三、后台筛选)拖动列调整顺序、隐藏显示列excel导出(根据筛选条件和列顺序导出)子表(表中表、无限层级、子表同样支持前
weixin_39835321·2023-09-16 02:17

Layui之进度条

进度条准备工作：导入layui.js和layui.css一、默认风格的进度条1、默认的进度条风格是小的细的，且颜色为绿2、进度条的宽度是100%适配于它的父级元素，如上面的进度条是在一个300px的父容器中
莹酱不想秃头·2023-09-16 02:17

layui 拖拽上传图片 lay-data获取不了值

问题描述：点击上传，选择文件上传，是可以获取到lay-data的值传递到后端但拖拽上传图片，获取不到lay-data的值解决方法：添加隐藏域，记录操作的值拖拽上传赋值$(".deliver-img").on('drop',function(e){e.preventDefault();$("#deliver-id").val($(this).attr('lay-data'));})$(".deliv
每天都进步一点点·2023-09-16 02:15

Layui + Flask | 弹出层（组件篇）（04）

提示：点击阅读原文体验更佳https://layui.dev/docs/2.8/layer/弹出层组件layer是Layui最古老的组件，也是使用覆盖面最广泛的代表性组件。
iFakeCoder·2023-09-16 00:50

layui form表单中的默认值设置

初始化表单varform;layui.use(['laydate','form'],function(){form=layui.form;});设置表单中控件的值//只需要在修改后重新渲染form表单中的
弱水三千 只取一瓢饮·2023-09-15 18:15

Layui快速入门之第十节 表单

目录一：基本用法二：输入框普通输入框输入框点缀前置和后置前缀和后缀动态点缀密码显隐内容清除自定义动态点缀点缀事件三：复选框默认风格标签风格开关风格复选框事件四：单选框普通单选框自定义标题模板单选框事件五：选择框普通选择框分组选择框搜索选择框选择框事件六：表单相关操作API属性渲染常规渲染定向渲染2.7+忽略渲染验证自定义验证规则主动触发验证2.7+赋值/取值提交提交方法2.7+事件七：案例演示一：
渊婉·2023-09-15 15:51

Layui快速入门之第十一节 弹出层

目录一：基本用法API打开弹层基础属性弹出信息框弹出询问框弹出提示框弹出加载层弹出贴士层弹出输入框弹出图片层弹出标签层关闭弹层关闭所有层关闭最近一次打开的层2.8+全局配置默认属性样式初始化就绪重新设置弹层样式设置弹层的标题获取iframe页中的元素在iframe页中获取弹层索引设置iframe层高度自适应重新设置iframe层URL置顶弹层设置弹层最大化设置弹层最小化还原弹层二：案例演示一：基本
渊婉·2023-09-15 15:19

Layui表格中文件上传显示进度条

Layui表格中文件上传显示进度条问题背景方法一、前端计算上传进度1.修改layui组件2.重定向xhr监听上传函数3.配置upload组件4.页面显示以及预处理5.效果展示方法二、后端计算上传进度1.
no_delay_su·2023-09-15 11:36

layui layer弹框 去除右上角放大按钮只留缩小按钮，

官方文档只提供了公用属性控制放大缩小按钮，没有单独控制的属性即maxmin-最大最小化，设置为true,因项目需求不需要显示放大按钮，只需要缩小和关闭，在缩小还原和成功以及加载的时候对按钮进行显隐控制，因为还原按钮和放大按钮都用的一个class,所以对此进行处理layer.open({title:'退回',id:"back",//设置唯一值，只允许弹出一个type:2,maxmin:true,sh
一渊之隔·2023-09-15 10:29

layui显示跨页已勾选的数据条数

先监听复选框的选中行数据将数据缓存在sessiondata里//plFilter即为lay-filter的值table.on('checkbox(plFilter)',function(obj){//获取选中或者取消的数据vardata=obj.type=='one'?[obj.data]:currentPageData;$.each(data,function(i,v){varkeyT=v.id
一渊之隔·2023-09-15 10:29

企业电子招标采购系统源码Spring Boot + Mybatis + Redis + Layui + 前后端分离 构建企业电子招采平台之立项流程图

功能模块：待办消息，招标公告，中标公告，信息发布描述：全过程数字化采购管理，打造从供应商管理到采购招投标、采购合同、采购执行的全过程数字化管理。通供应商门户具备内外协同的能力，为外部供应商集中推送展示与其相关的所有采购业务信息（历史合作、考察整改，绩效评价等），支持供应商信息的自助维护，实时风险自动提服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Secur
微服务商城技术分享·2023-09-15 06:16

echarts 实现中国地图的操作

请看最终效果图map.png；点击相对应的城市节点弹出模态框显示这个城市的详细信息如下图。
重启试试吧·2023-09-15 06:24

tp6 实现excel 导入功能

在项目根目录安装composerrequirephpoffice/phpspreadsheet我们看一下郊果图，如下点击导入excel表格数据出现弹窗选择文件，控制台打开输出文档内容前端layui代码上传文件
一直向钱·2023-09-15 03:30

Layui + Flask | 表单元素（组件篇）（06）

layui的表单元素对原生的表单元素进行了大幅的用着，有好看的UI同时又有非常方便操作的API。
iFakeCoder·2023-09-15 02:37

关于layui中table.on以及操作按钮的使用以及Uncaught ReferenceError: table is not defined错误解决办法

下面的程序中tool(demo)中的demo是table表的lay-filter的名字如我的代码中：所以我需要将下面的那个demo改为test2、关于这段代码放的位置，千万不要把它放到js文件里面去，一般你导入layui
阿，葱来了-C is coming·2023-09-14 21:42

学习Bootstrap 5的第十二天

目录轮播轮播所使用的类说明创建轮播实例轮播图片上添加描述实例模态框如何创建模态框实例模态框尺寸全屏模态实例一实例二模态框居中显示实例模态框滚动条实例轮播轮播所使用的类说明类描述.carousel创建轮播
世俗ˊ·2023-09-14 20:36

Layui + Flask | 导航（组件篇）（03）

样式规则如下：给一个无序列表ul添加class="layui-nav"设置导航容器给li添加class="layui-nav-ithm"表示的是导航的菜单项给li添加class="layui-this"
iFakeCoder·2023-09-14 20:52

springboot 全局时间转换器

目录结构前言前端操作NetworkHeadersNetworkpreview后台日志信息问题所在解决办法一解决办法二参考链接前言前端框架：layuimini后台框架：springbootlayuitable
Mr.caesar·2023-09-14 18:04

Layui快速入门之第九节 表格事件的使用

目录一：事件二：头部工具栏事件三：排序切换事件四：列拖拽宽度后的事件五：列筛选（显示或隐藏）后的事件六：行单击和双击事件七：行右键菜单事件八：单元格编辑事件九：单元格工具事件十：复选框事件十一：单选框事件十二：尾部分页栏事件一：事件table.on('event(filter)',callback);参数event(filter)是事件的特定结构。event为事件名，支持的事件见下表。filter
渊婉·2023-09-14 16:37

Layui快速入门之第六节 选项卡

目录一：基本概念选项卡依赖element模块API元素属性基本使用：二：选项卡风格默认风格简约风格编辑卡片风格三：hash状态匹配四：tab相关操作渲染tab添加tab删除tab切换tab自定义tab五：事件tab切换事件tab删除事件一：基本概念选项卡组件tab是指可进行标签页切换的一段容器，常广泛应用于Web页面。由于为了向下兼容等诸多历史原因，在2.x版本中，tab组件属于element模块
渊婉·2023-09-14 16:36

Layui快速入门之第七节 表格

目录一：基本用法基本案例：二：静态表格三：模板配置渲染四：静态表格转换五：已知数据渲染六：自定义模板API渲染一：基本用法表格组件table是Layui中使用率极高的一个组件，它以表格的承载方式对数据进行渲染
渊婉·2023-09-14 16:36

Layui快速入门之第八节 表格渲染与属性的使用

表格的属性基础属性异步属性返回数据中的特定字段表头属性重载完整重载仅数据重载2.7+获取选中行设置行选中状态2.8+获取当前页接口数据获取表格缓存数据集重置尺寸导出数据获取配置项2.8+设置列显示或隐藏2.8+一：表格的渲染APIAPI描述vartable=layui.table
渊婉·2023-09-14 16:01

基础项目实用案例

文章目录倒计时动态生成表格发布留言密码框验证模态框拖拽倒计时functioncountDown(time){varnowTime=+newDate();varinputTime=+newDate(time
.昭阳.·2023-09-14 13:51

基于ssm的商场管理信息系统的设计与实现

基于ssm的商场管理信息系统的设计与实现前言这个项目适合初学者熟悉框架的项目系统，前端框架采用layui全新回归版本2.8，界面更加丝滑。需要的记得扣我发源码哦！
qq-1438608594·2023-09-14 13:44

Layui + Flask 使用（01）

Layui是一套开源免费的WebUI组件库，采用自身轻量级模块化规范，遵循原生态的HTML/CSS/JavaScript开发模式，极易上手，拿来即用，非常适合网页界面的快速构建。
iFakeCoder·2023-09-14 13:13

layui手机端使用laydate时间选择器被输入法遮挡的解决方案

在HTML中，你可以使用input元素的readonly属性来禁止用户输入，但是这将完全禁用输入，而不仅仅是禁止弹出输入法。如果你想允许用户在特定条件下输入，你可以使用JavaScript来动态地切换readonly属性。readonly属性增加readonly属性即可，避免手机端输入法弹窗下班时间*智能判断下面是一个示例代码：输入字段：切换输入状态functiontoggleReadOnly()
漏刻有时·2023-09-14 10:29

Layui + Flask | 实现数据表格修改（案例篇）（09）

接下来演示用flask+layui搭建一个学员信息管理的案例这个案例将会利用flask做后端，layuitable组件做前端，基于restfulapi完成一个学员信息管理的完整案例。
iFakeCoder·2023-09-14 10:59

layui 表单校验手机号和座机号方法

varmobile=/^1[3|4|5|7|8]\d{9}$/,phone=/^0\d{2,3}-?\d{7,8}$/;form.verify({tellphone:function(value){varflag=mobile.test(value)||phone.test(value);if(!flag){return'请输入正确座机号码或手机号';}}});
曉儂·2023-09-14 08:13

Layui + Flask | 基础使用（样式篇）（02）

关于layui提供了封装的样式以及大量的组件，对于基础样式，官方文档的介绍也十分详细，想要学习的可以看一下官方文档，接下来就介绍一下我认为比较重要的基础样式以及注意点。
iFakeCoder·2023-09-14 07:33

企业电子招标采购系统源码Spring Boot + Mybatis + Redis + Layui + 前后端分离 构建企业电子招采平台之立项流程图

功能模块：待办消息，招标公告，中标公告，信息发布描述：全过程数字化采购管理，打造从供应商管理到采购招投标、采购合同、采购执行的全过程数字化管理。通供应商门户具备内外协同的能力，为外部供应商集中推送展示与其相关的所有采购业务信息（历史合作、考察整改，绩效评价等），支持供应商信息的自助维护，实时风险自动提服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Secur
m0_68459853·2023-09-14 06:42

layui 数据表格实现关键字搜索

参考：https://blog.csdn.net/weixin_41606652/article/details/84204334html部分：搜索：搜索js部分：//搜索功能实现var$=layui.
淘宝新蔷程序员特训营,快速学会开发项目·2023-09-14 06:24
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他