漏刻有时的博客_layui原创博文

layui框架实战案例(25):table组件筛选列记忆功能

即点击当前表格右上角筛选图标后，对表头进行显示隐藏勾选，再刷新页面依然保留当前筛选状态。

layui

前端

javascript

本地缓存

服务器端

原创 7月前 117 阅读

layui框架实战案例(23)：select编辑回显内容及事件调用

layui中的form.on事件是一个表单元素的事件监听器，可以监听表单元素的交互事件，如点击、选择、输入等。其用法类似于jQuer

layui

java

前端

解决方案

表单

原创 7月前 186 阅读

layui框架实战案例(28):掌握多标签选中和取消的核心技巧

掌握多标签选中和取消的核心技巧

layui

前端

javascript

HTML

计算逻辑

原创 7月前 76 阅读

layui框架实战案例(18)：保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案

在使用layui框架做表单提交的时候，项目需要适时的保存草稿，同时

layui

echarts

前端

数据

解决方案

原创 2023-02-05 20:08:25 336 阅读

layui框架实战案例(14)：tabs选项卡切换时echarts拉伸变形无法正常显示的解决方案

layui切换tabs选项卡时，echarts由于无法获取对应容器高度宽度，导致echarts在渲染的过程中，出现拉伸变形无法正常显示的情况。

echarts

layui

javascript

选项卡

加载

原创 2022-09-17 07:32:22 524 阅读

layui框架实战案例(13)：colorpicker颜色选择器的使用

colorpicker，是layui自带组件，在实际开发过程中，直接调用即可。

layui

javascript

jquery

实际开发

回调函数

原创 2022-09-17 05:56:38 481 阅读

layui框架实战案例(11)：表单自定义验证规则

layui

前端

javascript

php

自定义

原创 2022-07-30 01:01:23 150 阅读

layui框架实战案例(8)：web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)

cropper.js组件，弹出图片裁剪窗口，支持图片缩放、移动、旋转，将裁剪后的图片以base64的格式传给后端。

前端

javascript

php

css

上传

原创 2022-07-21 23:00:23 793 阅读

layui框架实战案例(9)：layPage 静态数据分页组件

layPage 是一款多功能的 js 分页组件，即适用于异步分页，又可用于传统的整页刷新跳页，还支持信息流列组件的一贯简洁，极易上手。...

layui

前端

javascript

分页

css

原创 2022-07-09 01:02:36 336 阅读

laypage静态数据分页组件的调用实战代码

引入layui.js封装库 <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"/>  <script src="la

javascript

前端

html5

css

分页

原创 2022-03-10 14:19:51 234 阅读

layui和weui结合手机端select表单底部选择和被遮挡的解决方案

在实际项目操作中，layui和weui相结合，共同来完成前端的展示。其中select表单遇见几个问题，现摘录如下：底部选择默认不添加任何样式表时，select表单会根据手机系统自动判断展示。安卓一般为弹出选择框，IOS系统一般为底部选

表单

解决方案

css样式

原创 2022-03-10 14:12:28 286 阅读

layui框架实战案例(2)：layui文件上传PHP后台参数获取方式及JSON返回格式

HTML代码<div class=" layui-fluid layui-bg-white"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"> <legend>拖拽上传</legend> </fie...

layui

数据可视化

漏刻有时

上传

ico

原创 2022-03-10 13:57:55 1015 阅读

layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案

问题描述：1、本地phpstudy部署，php 7.0.12， MySQL5.5.53 本地测试正常；2、服务器环境，宝塔配置部署WAMP，测试正常；异常情况：服务器环境windows 2016，phpstudy pro部署， php 7.3 ,MySQL5.7.6，出

javascript

上传

php

临时文件

原创 2022-03-10 13:46:10 1207 阅读

layui框架实战案例(1)：layui组件table异步加载数据结合php后台动态翻页的解决方案

layui组件table美观度和实用性都是比较完美的。但是在使用table翻页功能的时候，需要对后台进行传参，并且返回的json数据一定要符合一定的规范，否则将无法实现翻页。layui版本： layui-v2.5.6**php代码：*

数据

php

css

原创 2022-03-10 11:28:09 310 阅读

layui框架实战案例(2)：LayUI表格与Echarts图表交互展示及PHP后台数据管理(搜索、翻页、动态显示)

引入外部文件 <link rel="stylesheet" href="js/layui/css/layui.css" media="all"> <script src="js/jquery.js" charset="utf-8"></script> <script src="js/echarts.min.j

sql

数据

php

原创 2022-03-10 11:25:20 3396 阅读

layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

弹出窗口

解决方案

原创 2022-03-10 11:24:28 723 阅读

layui框架实战案例(3)：使用多层嵌套json格式数据的使用templet解决方案

非官方标准的data数据json，在data数组中嵌套member和leader两个数组对象。{ "err": "", "res": "", "data": [ { "totalPays": "767320.60", "paid_at": "2020-06-20 18:03:33", "un

数组

回调函数

数据格式

原创 2022-03-10 11:24:21 141 阅读

Echarts实战案例代码(32)：layui模态框弹出框展现echarts不显示的问题

封装layui弹出层函数function getDiv(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null || w

弹出层

html

解决方案

原创 2022-03-10 11:20:49 186 阅读

php内存溢出：Allowed memory size of 1342bytes exhausted (tried to allocate 8192 bytes)本地配置和宝塔配置解决方案

Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 32 bytes) in /www/wwwroot/iot.qiaod

php

解决方案

ajax

原创 2022-02-11 09:54:24 699 阅读

layui框架实战案例(5)：基于PHP后端的layUI上传视频到七牛云对象储存并自动转码

七牛云配置先在七牛云申请账户及accessKey信息，保存为数组文件，方便后期调用 // +---------------------------------------------------------------------- // | 七牛云设置 // +---------------------

七牛

上传

ide

原创 2022-02-11 09:53:38 207 阅读

layui框架实战案例(6)：上传图片和视频自动调用IOS或安卓系统的摄像头功能

显示效果：安卓系统上传图片安卓系统上传视频苹果IOSIOS系统上传图片IOS系统上传视频layui解决代码上传图片<button class="layui-btn" id="test3" capture="user"><i class="layui-icon"></i>上传图片

ide

上传视频

上传图片

原创 2022-02-11 09:53:24 423 阅读

layui框架实战案例(7)：时间范围选择及时间处理的解决方案

项目需求使用laydate插件，实现在一个input表单内时间范围的选择。项目操作外部引入<script src="layui/layui.js"></script>

css

加载

表单

原创 2022-02-10 17:54:05 548 阅读

layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案

我的博客即将同步至 OSCHINA 社区，这是我的 OSCHINA ID：漏刻有时数据可视化，

封装

模态框

弹出层

原创 2022-02-10 16:39:49 352 阅读

layui实现登录加载loading的解决方案

var $ = layui.jquery, upload = layui.upload; var loadingIndex; upload.render({ elem: '#uploadImg' , url: '?m=Ne

上传

jquery

压缩文件

原创 2022-01-30 17:29:23 546 阅读

layui复选框checkbox全选和获取值的解决方案

引入外部文件<script src="../js/jquery.min.js"></script> <script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css"> HTML代码<form class="l

css

jquery

i++

原创 2022-01-30 17:28:56 806 阅读

layer弹出图片大小自适应

封装函数/*弹出图片*/function previewImg(url) { var imgHtml = "<img src='" + url + "' style='width:100%; max-width:100%;'/>"; // 创建对象 var img = new Image();

创建对象

html

封装

原创 2022-01-30 17:28:47 304 阅读

layui使用table组件实现排序的CSS样式调整解决方案

外部文件引入<link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js" charset="utf-8"></script> <link rel="stylesheet" href="common.css"> table引入layui.us

css

json

最小宽度

原创 2022-01-30 17:28:05 242 阅读

layui组件table定时刷新的解决方案

构建ranks的容器<table class="layui-hide" id="ranks"></table> layui調用表格组件/*layui調用*/ layui.use(['table', 'carousel', 'layer'], function () { var table = layui.table, carousel = layui.

3c

ide

php

原创 2022-01-30 17:25:38 618 阅读

layui富文本编辑器文档layedit组件的调用和图片上传接口的使用

html内容<div class="layui-form-item"> <label class="layui-form-label">信息内容</label> <div class="layui-input-block"> <textarea id="L_c_cont

上传图片

初始化

html

原创 2022-01-30 15:49:44 1299 阅读

layui内部表单互动的实战案例：根据radio单选框自动改变input内容

在layui近期的开发中，遇到一则需求：设备的故障原因明确，点选即可，但是又需要维修人员将该原因自动输入到文本框进行记录。同样的事情，做两遍，对操作人员来说是不友好的，何况又是在手机端使用的情况

重启

html

手机端

原创 2022-01-30 15:46:37 339 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

layui框架实战案例(25):table组件筛选列记忆功能

layui框架实战案例(23)：select编辑回显内容及事件调用

layui框架实战案例(28):掌握多标签选中和取消的核心技巧

layui框架实战案例(18)：保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案

layui框架实战案例(14)：tabs选项卡切换时echarts拉伸变形无法正常显示的解决方案

layui框架实战案例(13)：colorpicker颜色选择器的使用

layui框架实战案例(11)：表单自定义验证规则

layui框架实战案例(8)：web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)

layui框架实战案例(9)：layPage 静态数据分页组件

laypage静态数据分页组件的调用实战代码

layui和weui结合手机端select表单底部选择和被遮挡的解决方案

layui框架实战案例(2)：layui文件上传PHP后台参数获取方式及JSON返回格式

layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案

layui框架实战案例(1)：layui组件table异步加载数据结合php后台动态翻页的解决方案

layui框架实战案例(2)：LayUI表格与Echarts图表交互展示及PHP后台数据管理(搜索、翻页、动态显示)

layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

layui框架实战案例(3)：使用多层嵌套json格式数据的使用templet解决方案

Echarts实战案例代码(32)：layui模态框弹出框展现echarts不显示的问题

php内存溢出：Allowed memory size of 1342bytes exhausted (tried to allocate 8192 bytes)本地配置和宝塔配置解决方案

layui框架实战案例(5)：基于PHP后端的layUI上传视频到七牛云对象储存并自动转码

layui框架实战案例(6)：上传图片和视频自动调用IOS或安卓系统的摄像头功能

layui框架实战案例(7)：时间范围选择及时间处理的解决方案

layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案

layui实现登录加载loading的解决方案

layui复选框checkbox全选和获取值的解决方案

layer弹出图片大小自适应

layui使用table组件实现排序的CSS样式调整解决方案

layui组件table定时刷新的解决方案

layui富文本编辑器文档layedit组件的调用和图片上传接口的使用

layui内部表单互动的实战案例：根据radio单选框自动改变input内容

欢迎