漏刻有时的博客_layui(2)

layui表单select框同时支持下拉和输入的解决方案

<div class="layui-input-inline"><select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-search><option value=""

html

下拉框

i++

原创 2022-01-30 13:43:28 1049 阅读

layui联动菜单搜索select表单选项的设置方法

联动菜单用于需要使用ajax来调用后端数据，如下图：一级菜单<div class="layui-input-inline"> <select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_

html

数据

ajax

原创 2022-01-29 13:43:43 521 阅读

layui动态表格条件语句判断的方式

按钮的条件判断直接在表格渲染的cols判断 , {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) { if (d.pool_able == "0") { return "<a class='layui-btn

文件管理

上传文件

条件判断

原创 2022-01-29 13:42:17 608 阅读

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

问题描述：1、本地phpstudy部署，php 7.0.12， MySQL5.5.53 本地测试正常；2、服务器环境，宝塔配置部署WAMP，测试正常；异常情况：服务器环境windows 2016，phpstudy pro部署， php 7.3 ,MySQL5.7.6，出现上图错误。layui版本：v2.2.6 MIT 其实遇见这种问题是很奔溃，因为这个错误原因，事情往往是是干进度...

javascript

上传

php

百度

临时文件

原创 2021-07-30 16:26:02 4119 阅读

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

非官方标准的data数据json，在data数组中嵌套member和leader两个数组对象。{ "err": "", "res": "", "data": [ { "totalPays": "767320.60", "paid_at": "2020-06-20 18:03:33", "uniacid": "5", "name": "奶品牛小二-威海站", "member": [ { "me

数组

回调函数

数据格式

站点名

json

原创 2021-07-30 16:25:57 463 阅读

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

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

弹出窗口

解决方案

layui

原创 2021-07-30 16:25:55 847 阅读

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

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

ide

上传视频

上传图片

上传

ios系统

原创 2021-07-30 16:25:54 923 阅读

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

项目需求使用laydate插件，实现在一个input表单内时间范围的选择。项目操作外部引入<script src="layui/layui.js"></script><link rel="stylesheet" href="layui/css/layui.css">HTML代码<div class="layui-row layui-col-space20"> <div> <div cl.

css

加载

表单

时间格式

获取参数

原创 2021-07-30 16:25:52 488 阅读

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 == '') { w = ($(window).width() * 0..

弹出层

html

解决方案

ico

背景色

原创 2021-07-30 16:25:02 838 阅读

layui动态表格条件语句判断的方式

按钮的条件判断直接在表格渲染的cols判断 , {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) { if (d.pool_able == "0"

文件管理

html

上传

条件判断

上传文件

原创 2021-07-30 16:24:43 2169 阅读

layui联动菜单搜索select表单选项的设置方法

联动菜单用于需要使用ajax来调用后端数据，如下图：一级菜单<div class="layui-input-inline"> <select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-search=""> <option value="">选择单位</option>

html

数据

ajax

下拉框

数据查询

原创 2021-07-30 16:23:42 1418 阅读

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

在实际项目操作中，layui和weui相结合，共同来完成前端的展示。其中select表单遇见几个问题，现摘录如下：底部选择默认不添加任何样式表时，select表单会根据手机系统自动判断展示。安卓一般为弹出选择框，IOS系统一般为底部选择。被遮挡解决方案，select所在父级添加自建CSS样式style="overflow:visible;"<div class="weui-cells weui-cells_form" style="overflow:visible;">loc

表单

解决方案

css样式

样式表

手机系统

原创 2021-07-30 16:23:40 819 阅读

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

在layui近期的开发中，遇到一则需求：设备的故障原因明确，点选即可，但是又需要维修人员将该原因自动输入到文本框进行记录。同样的事情，做两遍，对操作人员来说是不友好的，何况又是在手机端使用的情况，如果解决不重复劳动，不给维修人员增加麻烦，减少打字环节呢？HTML代码<div class="weui-cells weui-cells_form"> <div class="weui-cell"> <div class="weui-ce

重启

html

手机端

文本框

单选

原创 2021-07-30 16:23:39 482 阅读

layui表单select框同时支持下拉和输入的解决方案

<div class="layui-input-inline"><select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-search><option value="">选择单位</option></select></div>关键代码lay-se.

html

下拉框

php

代码块

json

原创 2021-07-30 16:23:36 4045 阅读

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

数据可视化

漏刻有时

上传

拖拽

原创 2021-07-30 16:20:32 596 阅读

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

layui组件table美观度和实用性都是比较完美的。但是在使用table翻页功能的时候，需要对后台进行传参，并且返回的json数据一定要符合一定的规范，否则将无法实现翻页。layui版本： layui-v2.5.6**php代码：**原生代码，无框架；返回JSON格式规范：{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0",

数据

php

sql

当前页

css

原创 2021-07-30 16:19:34 444 阅读

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.js" charset="utf-8"></script> <script src="js/visual.js.

sql

数据

php

搜索

css

原创 2021-07-30 16:19:32 1996 阅读

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

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

七牛

上传

ide

php

上传视频

原创 2021-07-30 16:19:28 609 阅读

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.qiaodu.net/case/mengniu/conf/lockdata.mysql.php on line 113

php

解决方案

ajax

数据导出

问题排查

原创 2021-07-30 16:19:24 1958 阅读

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

var $ = layui.jquery, upload = layui.upload; var loadingIndex; upload.render({ elem: '#uploadImg' , url: '?m=News&a=newsDeal&act=upImg&fromImg=0' , multiple: true , accept: 'file'.

上传

jquery

压缩文件

干货

原创 2021-07-30 16:15:31 882 阅读

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

我的博客即将同步至 OSCHINA 社区，这是我的 OSCHINA ID：漏刻有时数据可视化，邀请大家一同入驻：https://www.oschina.net/sharing-plan/apply

封装

模态框

弹出层

ico

父页面

原创 2021-07-30 16:13:01 1002 阅读

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="layui-form"> <div class="layui-form-it.

css

jquery

i++

html

javascript

原创 2021-07-30 16:12:54 2952 阅读

layer弹出图片大小自适应

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

创建对象

html

ico

封装

干货

原创 2021-07-30 16:12:52 989 阅读

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

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

php

3c

ide

干货

原创 2021-07-30 16:11:26 2213 阅读

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.use('table', function () { var table = .

css

json

最小宽度

干货

原创 2021-07-30 16:08:27 1673 阅读

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

html内容 <div class="layui-form-item"> <label class="layui-form-label">信息内容</label> <div class="layui-input-block"> <textarea id="L_c_content" name="c_content" style="display: none;".

上传图片

初始化

html

jquery

信息内容

原创 2021-07-30 16:02:32 2122 阅读

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

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

51CTO博客

漏刻有时

layui表单select框同时支持下拉和输入的解决方案

layui联动菜单搜索select表单选项的设置方法

layui动态表格条件语句判断的方式

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

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

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

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

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

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

layui动态表格条件语句判断的方式

layui联动菜单搜索select表单选项的设置方法

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

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

layui表单select框同时支持下拉和输入的解决方案

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

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

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

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

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

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

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

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

layer弹出图片大小自适应

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

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

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

欢迎