为您找到搜索结果：166个
thinkphp+layui多图上传（1）thinkphp5+layui实现多图上传保存到数据库，可以实现图片自由排序，自由删除。
公共css代码<style>.layui-upload-img{width:90px;height:90px;margin:0;}.pic-more{width:100%;left;margin:10px0px0px0px;}.pic-moreli{width:90px;float:left;margin-right:5px;}.pic-moreli.layui-input{display:initial;}.pic-morelia{position:absolute;top:0;display:block;}.pic-moreliai{font-size:24px;background-color:#008800;}#slide-pc-priview.item_imgimg{width:90px;height:90px;}#slide-pc-priviewli{position:relative;}#slide-pc-priviewli.operate{color:#000;display:none;}#slide-pc-priviewli.toleft{position...
layui 富文本 图片上传 后端PHP接口
<!DOCTYPEhtml><html><head><linkrel="stylesheet"type="text/css"href="/static/layui/css/layui.css"><scripttype="text/javascript"src='/static/js/jquery-3.2.1.min.js'></script><scripttype="text/javascript"src='/static/layui/layui.js'></script><title></title></head><body><divclass="right"><formaction="{:url('goods/doadd')}"enctype="multipart/form-data"method="post"><textareaclass="layui-textarea"id="LAY_demo1"name=...
layui button 颜色 按钮颜色如何修改
按钮的颜色,看官方的文档说好像可以修改,但是又没说如何修改,<buttonclass="layui-btnlayui-btn-smalllayui-btn-radiuslayui-btn-normal"><iclass="layui-icon"></i></button>我想把颜色改为#2C9DD5在什么地方设置呢?? <button class="layui-btnlayui-btn-smalllayui-btn-radiuslayui-btn-normal"layui-icon"></i></button>...
基于layui的表格异步删除,ajax的简单运用
h话不多说,看图,点击删除,出现确认框,然后点击确认删除,直接删除数据, 因为是基于面向过程的,没有用php框架写,所以有3个文件:第一个文件:data.php:用于从数据库中获取数据<?phptry{$pdo=newPDO("mysql:host=localhost;dbname=test","root","root"); }catch(PDOException$e){echo"数据库连接失败:".$e->getMessage();exit;}$query="select*frominfo";$pdostatement=$pdo->query($query); $result=$pdostatement->fetchAll(PDO::FETCH_ASSOC); 第二个文件:index.php展示页面;<?phpinclude"./data.php";?><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3...
Layui：设置select下拉框自动选中某项
1.需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。2.Layui的select下拉框是怎么实现的为了获得一个select标配的下拉框，我们需要在html中填写的内容如下： <divclass="layui-form-item"> <labelclass="layui-form-label"><spanclass="color-red">*</span>发送对象：</label> <divclass="layui-input-inline"> <selectid="edit_exam_school"> <optionvalue="">请选择</option> <optionvalue="1">华南理工大学大学城</option> <optionvalue="2"&...
layui-简单的登录注册界面【转载】
register.html源代码:123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163<!DOCTYPE html><html lang="en"><head> <meta ...
Layui_Tree模块遍历HDFS
注：转载请署名一、实体packagecom.ebd.application.common.Base;importjava.util.List;publicclassHDFSDir{privateStringid;//自定idprivateStringpid;//父IDprivateStringname;//当前目录名称privateStringalias;//目录别名,可不用privateStringdir;//自"/"目录后的完整目录privatebooleanspread;//是否展开(true,false)privateList<HDFSDir>children;//子目录publicStringgetId(){returnid;}publicvoidsetId(Stringid){this.id=id;}publicStringgetPid(){returnpid;}publicvoidsetPid(Stringpid){this.pid=pid;}publicStringgetName(){returnname;}publicvoidsetName(Stringn...
Layui_2.x_上传插件使用
一、上传类packagecom.ebd.application.common.utils;importjava.awt.geom.AffineTransform;importjava.awt.image.AffineTransformOp;importjava.awt.image.BufferedImage;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.IOException;importjava.text.SimpleDateFormat;importjava.util.Date;importjava.util.Random;importjavax.imageio.ImageIO;importjavax.servlet.http.HttpServletRequest;importorg.apache.commons.lang3.StringUtils;importorg.springframework.web.multipart.Multipa...
Layui_1.0.9_分页实例_Java
一、实体packagecom.ebd.application.modules.taskManage.pojo;importcom.ebd.application.common.Base.BaseBean;publicclassTaskextendsBaseBean{privateStringtName;//任务名称privateStringtStatus;//任务状态(0:未执行;1:执行成功;2执行失败)privateStringtSchedule;//任务进度privateStringtDesc;//任务简述privateStringtDatasource;publicStringgettName(){returntName;}publicvoidsettName(StringtName){this.tName=tName;}publicStringgettStatus(){returntStatus;}publicvoidsettStatus(StringtStatus){this.tStatus=tStatus;}publicStringgettSchedule(){retur...
Layui table 组件的使用：初始化加载数据、数据刷新表格、传参数
背景笔者之前一直使用bootstraptable，因为当前项目中主要使用Layui框架，于是也就随了Layuitable，只是在使用的时候出现了一些问题，当然也是怪自己不熟悉的锅吧！出现的问题：1、使用Layui官方提供的【转换静态表格】方式初始化加载时报id找不到的错误（自己的锅）2、传递参数问题（姑且算是Layui官方的锅）（自己的锅）笔者使用的table加载刷新方案有一个页面，左侧是一个tree，右侧是一个table，默认table加载全数据，当点击tree节点时，table进行筛选，很简单的需求吧！这里我们不谈tree的使用，将仅仅贴出table的相关方法！首先贴出源表格代码：<tableclass="layui-table"lay-filter="EditListTable"><thead><tr><thlay-data="{field:'Index',width:60}">序号</th><thlay-data="{field:'UserId',width:80}">销售ID</th><...
Layui 使用问题汇总
使用方法渲染的方式生成数据表格，添加了checkbox，但发现checkbox位置不居中，如下图所示解决办法通过layui官方社区，找到如下代码，只需要添加如下样式即可解决.layui-table-cell.layui-form-checkbox[lay-skin="primary"]{top:50%;transform:translateY(-50%);} {top:50%;transform:translateY(-50%);} xcmercy，解决Layui数据表格中checkbox位置不居中。 ...
layui.js源码分析
/*!@Title:Layui@Description：经典模块化前端框架@Site:www.layui.com@Author:贤心@License：MIT*/;!function(win){"usestrict";varLay=function(){this.v='1.0.9_rls';//版本号};Lay.fn=Lay.prototype;vardoc=document,config=Lay.fn.cache={},//获取本js所在目录getPath=function(){varjs=doc.scripts,jsPath=js[js.length-1].src;returnjsPath.substring(0,jsPath.lastIndexOf('/')+1);}(),//异常提示error=function(msg){win.console&&console.error&&console.error('Layuihint:'+msg);},//检测opera环境isOpera=typeofopera!=='undefined'&am...
使用layui框架根据字段来设置tr行的背景色
问题来源：最近在写公司项目时使用layui遇见的问题，老板要求根据td字段来设置整行tr的背景色。解决：一开始数据比较少的时候只是直接在页面根据js动态判断字段然后来更改背景色，结果能够成功，但是后面数据一多起来就发现刚刚写的动态css只限于在第一页有效，其他页没有，在做搜索、增加、删除、修改后动态css也无效。于是乎自己只能在网上寻找方法。 在设置layui属性样式的时候可以加上templet，后面接要执行的参数，具体做什么不清楚 原谅前面讲了一大堆，下面开始正文：在渲染规则列表的时候，可以加上done函数，里面调用要执行的操作，具体的优缺点还没有去了解，有兴趣的同学可以自行去了解 效果图： 第一次写原创博客，有错误的地方还希望各位大佬能够指出，共同学习，共同进步。 ...