LayUi

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

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

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

基于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

Layui + Flask | 实现注册、登录功能（案例篇）（08）

已经看了layui表单相关的知识，接下来就可以实现注册功能，功能逻辑如下：项目创建新建flask项目下载layui文件，解压之后复制到指定文件编写前端首页、注册页、登录页。
iFakeCoder·2023-09-14 05:33

Layui + Flask | 表单组件（组件篇）（07）

http://layui.dev/docs/2.8/form表单组件form是包含输入框、选择框、复选框、开关、单选框等表单项组件的集合，主要用于对表单域进行各类动态化渲染和相关的交互操作。
iFakeCoder·2023-09-14 05:32

获取layui中table表选中行数据

获取layui中table表选中行数据在使用layui来编写前端时，将数据加载到表格后，当需要对表格中某一行或几行数据进行操作时有以下两种简单方法。
阿钰呀~·2023-09-14 02:35

layui点击按钮实现显示隐藏/页面重置

在html中设置按钮点击添加后显示隐藏的需要设置的内容新增请输入自定义内容提交此时页面是这样的点击新增按钮会将隐藏的内容显示出来，上面的代码只显示了一个输入框和一个提交按钮，实际写的代码多一点设置内容后点击下面的提交按钮页面会重新刷新，并弹出添加成功的通知按钮绑定代码如下，放在$(document).on('click','#add',function(){$('#shezhi').show();
阿钰呀~·2023-09-14 02:05

基于springboot+vue的网络海鲜商城

系统采用springboot+vue整合开发，前端框架主要使用了element-ui、layui框架、数据
猫头鹰源码(同名B站)·2023-09-14 01:26

js layui后端字符串json遍历

jslayui后端字符串json遍历,html转文本[{"sourceMoney":"50","money":"52"},{"sourceMoney":"100","money":"105"},{"sourceMoney
whaxkl·2023-09-14 00:52

BootstrapTable 和layui获取当前页、数据刷新后留在当前页

使用BootstrapTable组件进行开发，开发过程中会经常遇到这样的需求：table分页后，对某页中的某条数据进行处理后（编辑，更新等等之后），刷新表格，为了保证table的实时正确性，先进行table的destroy，然后获取新建table并获取数据，需要定位到操作当前记录的对应页码，默认使用window.reload时候会跳到最开始的第一页，pageNumber会重置为1，也就是会跳回至首
原野-·2023-09-13 21:18

html页面 事件监听,HTML的input监听输入事件

type.test(term)){$("#message").html("ဆ输入有误，请输入正整数");$("#addActive").addClass("layui-btn-disabled");returnfalse
Airva128·2023-09-13 20:41

layui表单校验失效

layui中使用lay-verify进行表单项的校验，但是点击提交按钮无效，仔细搜索资料发现这个校验要满足两个条件1.form标签需要添加class="layui-form"2.提交按钮需要添加lay-submit
温梦丽·2023-09-13 12:29

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

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

layui表格列中有0开头的值导出时丢失0的解决办法

只需要在值的前面添加一个空格（ ）即可 {{=d.itemCode}},{field:'itemCode',title:'部品号',sort:true,width:120,templet:'#ID-table-demo-templet-user'}
往事不堪回首..·2023-09-13 06:05

html语音播报功能问题

语音播报有个问题，就是弹出层有时无法关闭页面的播报，如果弹出层也有语音播报，就会造成语音混者播放解决办法就是在弹出窗口(我用的弹出层框架是layui的)之前清空语音window.operEdit=function
往事不堪回首..·2023-09-13 06:33

教你如何用原生css和html搭建一个好看的Table表格

我知道大家在做项目的时候大概率会去当下流行的UI框架中找已经封装好的表格来使用，就像layui的表格：但大家真的考虑过如何写一个好看的表格吗？表格背景色的交替变化大家有考虑过吗？
抗争的小青年·2023-09-13 06:40

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

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

layui获取checkbox的值

//layui官网例子复选框//监听多选框点击触发事件form.on('switch(switchTest)',function(data){//switch(switchTest)//开关的是switch
weixin_37705284·2023-09-12 15:40

第一章 使用layui的表格和表单

1.layui的引入1.1本地引入首先下载layui，并将其放在自己的项目目录里。
百密一疏^^·2023-09-12 15:38

LayUI中的内置模块之 表单模块 layui.form

就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。
daimeijin·2023-09-12 15:37

layui中checkbox使用lay-skin=“switch“ 过滤事件赋值与取值

在layui中，使用lay-skin="switch"的checkbox组件在进行过滤操作时，会触发form.on('switch(filter)')事件。
漏刻有时·2023-09-12 15:35
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他