layui框架学习笔记

layui下拉选项框和复选框的回显

Step2：以下是一个layui.open弹框，其他字段不再赘述。Step3：给下拉选项框赋值。Step4：在ajax返回的success里书写下拉选的回显，查到哪个就让其打开为selected。
allure&love·2023-09-02 09:16

layui 新增tab标签页

//$("#fjyj").click(function(){////window.location.href="/sysconfig/SuperVisorEdit";//navigateToTeamPersonModule('/CollectData/GradeWarning/EduIndex','分级预警');//});functionnavigateToTeamPersonModule(url
刘梦凡呀·2023-09-02 09:46

layui引入百度地图

//百度地图API功能varmap=newBMapGL.Map("l-map");map.centerAndZoom(newBMapGL.Point(119.506999,39.90779),13);map.enableScrollWheelZoom(true);$.ajax({url:"/admin/ceshi/map_ceshi",type:'get',dataType:'json',succ
悦祎·2023-09-02 08:14

layui数据表格设置复选框回显

一.需求点击分配按钮，出现弹窗，弹窗里面是个带分页的数据表格，表格第一列是复选框。需要根据点击按钮时传过来的id对表格数据做筛选判断，如果跟表格里面的数据id跟传过来的id一样，则对应行的复选框勾选。二.效果图三.做法测试了网上很多方法，比如在数据表格的done里面做判断，给对应的input加click事件、给对应的input加样式等等都不行。后来发现数据表格里的done其实是表格渲染后的回调，表
知我者码农·2023-09-02 08:43

layui实现数据列表的复选框回显

layui版本2.8以上实现效果如图：//方法级渲染table.render({elem:'#table_list',url:"/admin/****/****_search",cols:[[{type
悦祎·2023-09-02 08:42

【前端】Layui动态数据表格拖动排序

目录一、下载layui-soul-table二、使用三、Layui实际使用1、html代码2、JS代码3、PHP后台代码目的：使用Layui的数据表格，拖动行进行排序。
下页、再停留·2023-09-02 06:38

前端框架和后端框架总结

前端框架1-HTML,CSS和JavaScript框架，用于开发响应式，移动端先行的web项目2-web端开发：Vue.js和nvue，Bootstrap，Layui，Element-UI，MintUI
韩同学叫园园·2023-09-02 04:53

java计算机毕业设计vue水果商城MyBatis+系统+LW文档+源码+调试部署

文档+源码+调试部署java计算机毕业设计vue水果商城MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui
焖猪脚·2023-09-01 21:53

JAVA计算机毕业设计校园疫情防控管理软件Mybatis+源码+数据库+lw文档+系统+调试部署

调试部署JAVA计算机毕业设计校园疫情防控管理软件Mybatis+源码+数据库+lw文档+系统+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui
基在·2023-09-01 21:23

基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十一：通用表单组件封装实现

一、本章内容  本章实现通用表单组件，根据实体配置识别实体属性，并自动生成编辑组件，实现对应数据填充、校验及保存等逻辑。1.详细课程地址：待发布2.源码下载地址：待发布二、界面预览三、开发视频3.1B站视频地址：
军军君01·2023-09-01 14:18

layui表单 -- form元素

selectoptionselect实现下拉选callback是回调函数layui.模块模块可以是layui已经存在的模块，也可以通过layui.
OpenSource_·2023-09-01 10:50

layui发送ajax请求

html:xxxxxxx提交js：form.on('submit(form-submit)',function(inputData){console.log("inputData:",inputData);$.ajax({url:"xxxxx",data:{'xxx':xxx,'xx':xxx},type:"post",dataType:"json",headers:{'Content-Type'
ltgsoldier1·2023-09-01 05:28

企业电子招投标采购系统源码之登录页面-java spring cloud

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootstrap、H5、CSS3涉及技术
m0_72864708·2023-08-31 20:49

2.jquery+layui多文件上传回显编辑

一、多文件上传.note-editor{height:300px!important}.note-editable{height:210px;}/*文件上传css*/trtd{position:relative;}.box1{float:left;}.box2{float:right;/*display:none;*/}.box3{position:absolute;left:0;bottom:0
冰眸js·2023-08-31 16:19

layui的模态框打开一个新的页面layer.open

layer.open({      type: 2,      title: '模态框',      shadeClose: false,      shade: 0.8,      area: ['900px', '90%'],      content: "mapbox1.html?id="+id    }); 
xiaoyun888_·2023-08-31 15:15

layui 确认，取消弹窗

layer.confirm('您确定要提交吗？',{btn:['确定','取消']},function(){varindex=layer.load();$.ajax({url:"../../../../addOrUpdXzsqd.do",data:{applyType:2,state:1,id:dt.id},type:'post',dataType:"json",success:function(
xiaoyun888_·2023-08-31 15:15

layui 模态框

引入：需要注意的是jquery.js需要在layui.js上边引入，不然会报错模态框里的html部分：需要注意的是button按钮要定义type="button",不然模态框会闪退完整代码Layui确认发送确定
xiaoyun888_·2023-08-31 15:44

layui合并表格的单元格 合并列或行的两种方法

注意：两种方法要求layui表格的单元格中没有使用fixed属性，不然代码不会起效方法一：/***合并单元格（列）*@paramres表格数据*@paramcurr当前页*@paramcount总数*/
长着狒狒毛的程序媛·2023-08-31 13:46

java计算机毕业设计盘山县智慧项目管理系统源码+程序+lw文档+mysql数据库

文档+mysql数据库java计算机毕业设计盘山县智慧项目管理系统源码+程序+lw文档+mysql数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui
雪夜科技·2023-08-31 12:50

计算机毕业设计Java专利查询与发布系统设计与实现(源码+系统+mysql数据库+lw文档）

lw文档）计算机毕业设计Java专利查询与发布系统设计与实现(源码+系统+mysql数据库+lw文档）本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui
在线科技·2023-08-31 12:50

基于Layui上传组件（upload）的动态增加上传组件并使得每个上传组件都可独立上传

演示基于laravel框架1.编写html元素（可根据实际需求进行编写）2.引入layui相关css,js3.编写upload组件实例化公共调用方法，首次加载页面需要初始化，因此需要调用upload实例公共方法
东小记·2023-08-31 09:05

layui框架学习（42：文件上传模块-上）

  之前学习asp.netcore编程入门教程时结合layui测试过文件上传《基于ASP.NetCore和Layui的多文件上传》，但没有认真学习过layui的文件上传模块，本文开始，计划分两章学习并记录文件上传模块中的属性
gc_2299·2023-08-30 23:29

layui框架学习（43：文件上传模块-下）

  上一篇文章介绍文件上传模块使用示例时介绍了done和error事件，这两个事件是在文件上传成功（原文：在上传接口请求完毕后触发，但文件不一定是上传成功的）及上传失败（原文：请求上传出现异常）时触发。除了这两个事件，文件上传模块还支持其它几种事件，可以实现文件预览、显示上传文件列表等功能。  选择文件后会触发choose事件，文件上传前会触发before事件，这两个事件中，choose事件在前，
gc_2299·2023-08-30 23:28

layui搜索框添加回车事件

1.首先找到你的button标签搜索2.通过类选择器或者id选择器，添加事件（这里我用的是id选择器）document.onkeydown=function(e){vare=event.srcElement;if(event.keyCode==13){document.getElementById("LAY-component-form-getval").click();returnfalse;}
不敢去想·2023-08-30 22:50

SpringCloud alibaba微服务b2b2c电子商务平台 商城免费搭建

Android）、微服务平台（业务服务、系统服务、中间件服务）2.核心架构SpringCloud、SpringBoot2、Mybatis、OAuth2、Security3.前端框架VUE、Uniapp、Layui
微服务 spring cloud·2023-08-30 20:02

基于Springboot+MybatisPlus+Layui的商品库存权限管理系统

一、基于Springboot+MybatisPlus+Layui的商品库存权限管理系统此项目为基于Springboot+MybatisPlus+Layui的商品库存权限管理系统，主要支撑商品库存的系统管理
Coding路人王·2023-08-30 17:55

基于Springboot搭建个人博客 （学习笔记）

Elasticsearch安装RabbitMq安装环境下载安装包安装配置erlang安装配置rabbitMQ验证安装Elasticsearch下载地址创建Springboot项目pom.xml前端的框架用的是layui
我的代码没错·2023-08-30 17:53

SpringBoot+layui社区人员健康信息管理系统-毕业设计-【JSB项目实战】

SpringBoot系列文章目录SpringBoot知识范围-学习步骤【JSB系列之000】文章目录SpringBoot系列文章目录本项目效果图SpringBoot技术很多很多如果基础不牢，要回避的知识环境及工具：项目里可能要用到的技术jsonMybatisMybatis-plus其它的必要知识配置文件POMyml配置上代码mapper实体类跑起来后台用浏览器最原始的方式验证页面展示总结配套资源本
项目花园范德彪·2023-08-30 17:22

SpringBoot+layui民宿管理系统前台-毕业设计-【JSB项目实战】

SpringBoot系列文章目录SpringBoot知识范围-学习步骤【JSB系列之000】文章目录SpringBoot系列文章目录本项目效果图SpringBoot技术很多很多如果基础不牢，要回避的知识环境及工具：项目里可能要用到的技术前后端分离json其它的必要知识配置文件POMyml配置上代码配置类代码过滤器注册过滤器类mapper实体类跑起来后台用浏览器最原始的方式验证页面展示总结配套资源本
项目花园范德彪·2023-08-30 17:52

SpringBoot + layui 框架实现一周免登陆功能

当前专栏：SpringBoot框架从入门到精通✨特色专栏：国学周更-心性养成之路本文内容：SpringBoot+layui框架实现一周免登陆功能要实现一周免登录功能，您可以使用SpringBoot和Layui
Java Fans·2023-08-30 17:49

【前端】 Layui点击图片实现放大、关闭效果

实现逻辑：二维码是使用JQ插件生成的，点击二维码，获取图片路径，通过Layui的弹窗显示放大后的图片。
下页、再停留·2023-08-30 16:40

Layui的layer.confirm弹框用法，很详细

Layui的弹框用法一、官网示例二、自定义一些样式1、自定义标题2、给提示框内容加上图标3、定义按钮的位置4、自定义关闭按钮5、自定义遮罩6、自定义点击弹框外遮罩关闭弹框7、定义唯一弹框8、自定义弹框出场动画
Percep_gan·2023-08-30 09:56

layui遮罩

layui遮罩在执行某个按钮功能时,可能出现网络延迟或是其他原因时避免重复表单提交,用遮罩.此次请求不响应,执行完毕,就一直遮罩住其他功能varloading=layer.load(1,{shade:[
刘大明白0l·2023-08-30 00:15

02.OA项目之左侧菜单&动态选项卡

目录1.左侧导航参考地址：http://layui.org.cn/doc/element/nav.html2.导入数据表及无限级分类1)数据导入（此步骤在第一次文章已完成）2)无限级分类：父亲找儿子的过程
瑶大头*^_^*·2023-08-29 19:28

企业电子招投标采购系统源码之登录页面-java spring cloud

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootstrap、H5、CSS3涉及技术
Xiaohong0716·2023-08-29 17:57

Java版本企业电子招采系统源码——信息数智化招采系统

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootstrap、H5、CSS3涉及技术
Xiaohong0716·2023-08-29 17:25

vue，狂神，狂神和飞哥，前端一直在抄袭后端

java全栈工程师：后台开发：主打前端：html、css、js、jquery、bootstrap、layui、vue、react......运维：项目
aiwokache·2023-08-29 10:11

基于SpringBoot的在线聊天系统

功能展示三.其他系统实现五.获取源码一、系统介绍源码编号：F-S03点击查看项目类型：JavaEE项目项目名称：基于SpringBoot的在线聊天系统项目架构：B/S架构开发语言：Java语言主要技术：Layui
小码叔·2023-08-29 08:11

关于layui table回显以及选择下一页时记住上一页数据的问题

代码如下选择商品确定letselectedData=[];//用于存储选中的数据letpageData=[];//后台返回的数据layui.use(['form','table'],function()
最美不过下雨天啊·2023-08-29 04:06

关于layui+php，三级联动-编辑回显的问题。

现在都前后端分离，但是公司老项目非得用tp+layui。。
最美不过下雨天啊·2023-08-29 04:05

layui列表点击添加/编辑弹出框，ajax执行完毕layer.msg不执行回调的问题

layui弹出框提交表单，不能用form标签，要提交的内容用包裹，提交成功后执行layer.msg才会执行回调。
tangzhentian·2023-08-29 01:42

更改layui 默认单选框radio样式

更改后效果展示：html：自定义样式单选框css：.layui-form-radioi{top:0;width:16px;height:16px;line-height:16px;border:1pxsolid
xyzko1·2023-08-28 23:07

layui项目中的layui.define、layui.config以及layui.use的使用

第一步：创建一个layuiTest项目，结构如下第二步：新建一个test.js,利用layui.define定义一个模块test,并向外暴露该模块，该模块里面有两个方法method1和method2.第三步
xyzko1·2023-08-28 23:06

layui 多选限制选择3个

可以使用layui的表单组件进行多选，然后通过JavaScript代码限制用户最多只能选择3个选项。具体的实现步骤如下：在layui的表单组件中，使用多选框进行多选。
每天都进步一点点·2023-08-28 19:06

浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)_javascript技巧

若是只引用jquery的话，监听单选按钮改变事件如下：房屋类型1土屋2茅屋3木屋4砖瓦平房5砖瓦楼房6其他/**字段监听**/$(document).ready(function(){$('input[type=radio][name=houseType]').change(function(){if(this.value=='6'){$("#houseTypeOther").removeProp
煎饼果子就咖啡·2023-08-28 12:28

前端组件库

PC端：Layui:layui兼容人类正在使用的全部浏览器（IE6/7除外），可作为PC端后台系统与前台界面的速成开发方案。
吟游诗人Bibab·2023-08-28 06:19

layui框架学习（41：表单模块）

  之前的文章《layui框架学习》14-16中介绍了通过预设类及部分layui属性设置表单的外观样式，layui中还提供有表单模块以对表单元素进行各类动态化渲染和相关操作，本文学习并记录表单模块form
gc_2299·2023-08-28 05:43

SpringBoot2.0+Shiro+MyBatisPlus权限管理系统

项目描述Hi，大家好，今天分享的项目是《SpringBoot+Shiro权限管理系统》，这是一个SpringBoot+Layui后台管理系统，使用Shiro安全框架，加入访问权限，对不同角色有不同的访问权限
一点教程网·2023-08-28 04:55

EasyAdmin8『 ThinkPHP8.0 | Laravel10.x | webman 』+ Layui后台管理系统

项目官网https://easyadmin8.top项目介绍EasyAdmin8在EasyAdmin的基础上更新ThinkPHP框架到8.0，PHP最低版本要求不低于8.0ThinkPHPv8.0和layuiv2.8
·2023-08-27 21:25

LayUI选项卡的使用

目录1.什么是Tab选项卡2.选项卡作用3.选项卡优缺点4.选项卡应用场景5.layUITab选项卡实现1.什么是Tab选项卡选项卡（Tab）是计算机界面中常见的一种元素，用于在同一个窗口或应用程序中同时显示多个页面或功能
Ar.小白·2023-08-27 10:31
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他