精华内容
下载资源
问答
  • layui 封装集成到 jquery 的工具类

    千次阅读 2019-02-14 12:00:24
    分享一个自己写的方便操作layui的jquery工具类 文档 jquery.layui.util.js 1.tableGetCheckIds 简介 获取layui table 所有选中的id 参数 tableId(table组件的id) 返回值 选中的所有id以","结尾...

    分享一个自己写的方便操作layui的jquery工具类

    文档

    jquery.layui.util.js

    1.tableGetCheckIds
    	简介
    		获取layui table 所有选中的id
    	参数
    		tableId(table组件的id)
    	返回值
    		选中的所有id以","结尾的字符串
    	用法
    		$.lay.tableGetCheckIds("test");
    
    2.reloadAllIframe
    	简介
    		刷新基础父窗口对象的所有子iframe
    	参数
    		无
    	返回值
    		无
    	用法
    		$.lay.reloadAllIframe();
    
    3.reloadUseIframe
    	简介
    		刷新使用者的iFame
    	参数
    		无
    	返回值
    		无
    	用法
    		$.lay.reloadUseIframe();
    
    4.reloadIframe
    	简介
    		刷新当前的iframe
    	参数
    		无
    	返回值
    		无
    	用法
    		$.lay.reloadUseIframe();
    
    5.addLayVerify
    	简介
    		向指定对象添加lay-verify的验证元素,类似于jquery的addClass的用法
    	参数
    		$dom(元素jquery对象),verify(验证字符串)
    	返回值
    		无
    	用法
    		$.lay.addLayVerify($("input"),phone);
    
    6.removeLayVerify
    	简介
    		向指定对象移除lay-verify的验证元素,类似于jquery的removeClass的用法
    	参数
    		$dom(元素jquery对象),verify(验证字符串)
    	返回值
    		无
    	用法
    		$.lay.addLayVerify($("input"),phone);
    
    7.openIframe
    	简介
    		打开layui iframe弹出窗
    	参数
    		 * @bootTitle 弹窗框标题 默认不显示
    		 * @bootUrl 弹窗框访问的url 默认404
    		 * @bootWidth 弹窗框高度 默认自适应
    		 * @bootHeight 弹窗框宽度 默认自适应
    		 * @end 弹窗框销毁 执行函数 默认刷新 使用这个函数的页面
    	返回值
    		无
    	用法
    		$.lay.openIframe("新的弹出层",“后台访问路径或者前台url”);
    
    8.confirm
    	简介
    		打开layui询问窗
    	参数
    		 * @bootTitle 弹窗框标题 默认不显示
    		 * @bootUrl 弹窗框访问的url 默认404
    		 * @successFunction 弹窗框发送请求回调 执行函数 默认刷新 使用这个函数的页面
    	返回值
    		无
    	用法
    		$.lay.confirm("您确认要删除吗",“ajax请求路径”);
    
    9.closeIframe
    	简介
    		关闭当前打开的窗口
    	参数
    		无
    	返回值
    		无
    	用法
    		$.lay.closeIframe();
    

    代码

    位置:码云地址

    /**
     * layui 的工具类 集成到jquery上 调用方式 $.lay.method
     */
    (function($) {
    	// 扩展这个方法到jQuery.
    	// $.extend() 是吧方法扩展到 $ 对象上,和 $.fn.extend 不同。
    	// 扩展到 $.fn.xxx 上后,调用的时候就可以是 $(selector).xxx()
    	// $.xxx 后 是$..
    	layui.use([ 'form', 'layer', 'laydate', 'table', 'laytpl' ], function() {
    		var form = layui.form, layer = parent.layer === undefined ? layui.layer : top.layer, $ = layui.jquery, laydate = layui.laydate, laytpl = layui.laytpl, table = layui.table;
    		$.extend({
    			lay : {
    				/**
    				 * 获取layui table 所有选中的id
    				 */
    				tableGetCheckIds : function(tableId) {
    					var checkStatus = table.checkStatus(tableId);
    					var data = checkStatus.data;
    					var ids = new Array();
    					for ( var key in data) {
    						ids.push(data[key].id);
    					}
    					return ids.join(",");
    				},
    				/**
    				 * 刷新基础父窗口对象的所有子iframe
    				 */
    				reloadAllIframe : function() {
    					parent.$("iframe").each(function() {
    						$(this).attr('src', $(this).attr('src')); // 需要引用jquery
    					})
    				},
    				/**
    				 * 刷新使用者的iFame
    				 */
    				reloadUseIframe : function() {
    					$(".layui-tab-item.layui-show", top.document).find("iframe")[0].contentWindow.location.reload();
    				},
    				/**
    				 * 刷新自己的iframe
    				 */
    				reloadIframe : function() {
    					location.reload();
    				},
    
    				/**
    				 * 追加验证
    				 * https://www.cnblogs.com/nuysoft/archive/2011/12/27/2300675.html
    				 */
    				addLayVerify : function($dom,verify) {
    					$dom.each(function(){
    						var $this =$(this);
    						 var layVerify =$this.attr("lay-verify");
    						 if(layVerify){  // 判断是否存在元素
    							 var index = _.indexOf(layVerify.split("|"),verify);
    							 if(index!=-1){
    								 return;
    							 }
    							 layVerify+="|";
    						 }
    						layVerify+=verify;
    						$this.attr("lay-verify",layVerify); 
    					});
    				},
    				/**
    				 * 移除验证
    				 */
    				removeLayVerify : function($dom,verify) {
    					$dom.each(function(){
    						var $this =$(this);
    					 var layVerify =$this.attr("lay-verify");
    					 if(layVerify){  // 判断是否存在元素
    						 var layVerify = layVerify.split("|");
    						 var index = _.indexOf(layVerify,verify);
    						 if(index!=-1){ // 存在元素就删除
    							 layVerify.remove(verify);
    							 $this.attr("lay-verify",layVerify.join("|")); 
    						 }
    					 }
    					});
    				},
    				/**
    				 * 打开弹窗窗口
    				 * 
    				 * @bootTitle 弹窗框标题 默认不显示
    				 * @bootUrl 弹窗框访问的url 默认404
    				 * @bootWidth 弹窗框高度 默认自适应
    				 * @bootHeight 弹窗框宽度 默认自适应
    				 * @end 弹窗框销毁 执行函数 默认刷新 使用这个函数的页面
    				 */
    				openIframe : function(bootTitle, bootUrl, bootWidth, bootHeight, end) {
    					// 如果是移动端,就使用自适应大小弹窗
    					if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
    						width = 'auto';
    						height = 'auto';
    					}
    					if (_.isEmpty(bootTitle)) {
    						bootTitle = false;
    					}
    					if (_.isEmpty(bootUrl)) {
    						bootUrl = "/error404";
    					}
    					if (_.isEmpty(bootWidth)) {
    // bootWidth = ($(window).width() * 0.5);
    						bootWidth = 800;
    					}
    					if (_.isEmpty(bootHeight)) {
    						bootHeight = ($(window).height() - 50);
    					}
    					if (_.isEmpty(end)) { // 默认刷新
    						end = function() {
    							// location.reload();
    						}
    					}
    					/*
    					 * //获取父页面的的url 然后进行刷新 layer.iframeSrc(index,
    					 * 'http://sentsin.com');
    					 */
    					var index = layer.open({
    						type : 2, // 设置弹窗类型为iframe
    						area : [ bootWidth + 'px', bootHeight + 'px' ],  // area
    																			// - 宽高
    						fix : false, // 不固定
    						maxmin : true,
    						shadeClose : false, // shadeClose - 是否点击遮罩关闭
    						shade : 0.3, // shade - 遮罩 默认0.3
    // offset : 't', //offset - 坐标
    						title : bootTitle,  // title - 标题
    						content : bootUrl, // content - 内容
    // scrollbar : false, // 是否允许浏览器出现滚动条
    						anim:0 ,// anim - 弹出动画 默认0
    						resizing : function(layero) {
    							layer.iframeAuto(index);// 指定iframe层自适应
    						},
    						success : function(layero, index) { // 弹出时
    							// layero 打开窗口的元素对象 ,index 窗口的索引
    							var $iframe = $(layero).find('iframe')[0]; // 获取打开的iframe对象
    							// 获取当前页面的iframe
    							$iframe.contentWindow.useIframe = window.name;
    						},
    						end : end
    					});
    					$(window).resize(function(){
    					    $(".layui-layer-maxmin").parents(".layui-layer").width($(window).width()).height($(window).height());
    					});
    				},
    				/**
    				 * 打开询问窗
    				 * 
    				 * @bootTitle 弹窗框标题 默认不显示
    				 * @bootUrl 弹窗框访问的url 默认404
    				 * @successFunction 弹窗框发送请求回调 执行函数 默认刷新 使用这个函数的页面
    				 */
    				confirm : function(bootTitle, bootUrl, successFunction) {
    					if (_.isEmpty(bootTitle)) {
    						bootTitle = '提示信息';
    					}
    					if (_.isEmpty(bootUrl)) {
    						bootUrl = "/error404";
    					}
    					if (_.isEmpty(successFunction)) {
    						successFunction = function() {
    							$(".boot-search-btn").click();
    						}
    					}
    					layer.confirm(bootTitle, {
    						icon : 3,
    						title : '提示信息'
    					}, function(index) {
    						$.get(bootUrl, {}, function(result) {
    							layer.msg(result.msg);
    							$.lay.reloadUseIframe();
    						});
    					});
    				},
    				/**
    				 * 关闭当前打开的窗口
    				 */
    				closeIframe : function() {
    					var index = parent.layer.getFrameIndex(window.name); // 先得到当前iframe层的索引
    					parent.layer.close(index);
    				}
    			}
    		});
    	});
    	// 传递jQuery到内层作用域去, 如果window,document用的多的话, 也可以在这里传进去.
    	// })(jQuery, window, document, undefined);
    })(jQuery, undefined);
    // 调用方式 $(".selector").pluginName().otherMethod();
    
    
    展开全文
  • layUI 返回 josn 数据列表封装工具类

    千次阅读 2019-01-08 15:59:23
    package com.wlwq.workers.controller.utl; import ... /**  * 封装后端返回给LayUI的Json数据  * @author EDZ  *  * @param <T>  */ public class ServerLayResponse...

    package com.wlwq.workers.controller.utl;

    import com.wlwq.workers.controller.enums.ResponseLayCode;
    /**
      * 封装后端返回给LayUI的Json数据
     * @author EDZ
     *
     * @param <T>
     */
    public class ServerLayResponse<T> {
            
        private int code;
        private long count;
        private String msg;
        private T data;
        
        
        
        
        /**
          *  结果非空构造方法(有数据构造方法)
         * @param code
         * @param count
         * @param data
         */
        public ServerLayResponse(int code, long count, T data) {
            super();
            this.code = code;
            this.count = count;
            this.data = data;
        }
        


        /**
          * 返回空值构造方法(无数据构造方法)
         * @param code
         * @param count
         * @param msg
         */
        public ServerLayResponse(int code, long count, String msg) {
            super();
            this.code = code;
            this.count = count;
            this.msg = msg;
        }


        /**
         * getter、setter方法
         * @return
         */
        public int getCode() {
            return code;
        }
        public void setCode(int code) {
            this.code = code;
        }
        public long getCount() {
            return count;
        }
        public void setCount(int count) {
            this.count = count;
        }
        public String getMsg() {
            return msg;
        }
        public void setMsg(String msg) {
            this.msg = msg;
        }
        public T getData() {
            return data;
        }
        public void setData(T data) {
            this.data = data;
        }
        
        
        /**
          * 返回有数据信息 
         * @param code
         * @param count
         * @param data
         * @return
         */
        public static <T> ServerLayResponse<T> createBySuccess(long count, T data){
            return new ServerLayResponse<T>(ResponseLayCode.SUCCESS.getCode(),count,data);
        } 
        
        /**
          * 返回空数据信息
         * @param count
         * @param msg
         * @return
         */
        public static <T> ServerLayResponse<T> createByNull(long count, String msg){
            return new ServerLayResponse<T>(ResponseLayCode.NULL.getCode(),count,msg);
        } 
        /**
         * 返回空数据信息(count为0)
         * @param msg
         * @return
         */
        public static <T> ServerLayResponse<T> createByNull(String msg){
            return new ServerLayResponse<T>(ResponseLayCode.NULL.getCode(),ResponseLayCode.SUCCESS.getCode(),msg);
        } 
        
        
    }
     

     

    package com.wlwq.workers.controller.enums;

    /**
     * LayUI 获取数据状态值
     * @author ZGZ
     *
     */
    public enum ResponseLayCode {
        
        SUCCESS(0),
        NULL(1);
        
        private int code;

        private ResponseLayCode(int code) {
            this.code = code;
        }

        public int getCode() {
            return code;
        }

        public void setCode(int code) {
            this.code = code;
        }
        
    }
     

     

    /**
         * 获取分页列表
         * @return
         */
        @RequestMapping("/findPageServiceOrder")
        @ResponseBody
        public ServerLayResponse<List<Map<String, Object>>> findPageServiceOrder(ServiceOrderVo serviceOrderVo){        
            PageInfo<Map<String,Object>> pageList= serviceOrderServiceImp.findPageServiceOrder(serviceOrderVo);
             if(pageList.getTotal()>0) {
                 return ServerLayResponse.createBySuccess(pageList.getTotal(),pageList.getList());
            
             }else {             
                 return ServerLayResponse.createByNull(pageList.getTotal(),"无数据");     
             }            
        }
        

     

     

     

     

     

     

     

     

    展开全文
  • ajax封装工具类,用于设置请求头(token) 参数说明 url:请求路径(不可为空) params:请求参数(不可为空) ft:回调方法(不可为空) headers:请求头(true:设置请求头“authorization”和“refresh_token”,...

    ajax封装工具类,用于设置请求头(token)

    参数说明

    url:请求路径(不可为空)

    params:请求参数(不可为空)

    ft:回调方法(不可为空,返回code要为0)

    method:请求方法(可以为空)默认为post

    headers:请求头(true:设置请求头“authorization”和“refresh_token”,false:就设置请求头“authorization”,为空就不设置)(可以为空)

    noAuthorityFt:无权限响应 (可以为空)

    contentType:请求类型 (可以为空)默认是json

    async:是否异步(可以为空)默认是true

    /*CoreUtil*/
    /*工具类,类似java静态工具类*/
    var CoreUtil = (function () {
        var coreUtil = {};
        /*ajax请求*/
        coreUtil.sendAjax = function (url, params, ft, method, headers, noAuthorityFt, contentType, async) {
            var roleSaveLoading = top.layer.msg('数据提交中,请稍候', {icon: 16, time: false, shade: 0.8});
            $.ajax({
                url: url,
                cache: false,
                async: async == undefined ? true : async,
                data: params,
                type: method == undefined ? "POST" : method,
                contentType: contentType == undefined ? 'application/json; charset=UTF-8' : contentType,
                dataType: "json",
                beforeSend: function (request) {
                    if (headers == undefined) {
    
                    } else if (headers) {
                        request.setRequestHeader("authorization", "Bearer " + CoreUtil.getData("access_token"));
                        request.setRequestHeader("refresh_token", "Bearer " + CoreUtil.getData("refresh_token"));
                    } else {
                        request.setRequestHeader("authorization", "Bearer " + CoreUtil.getData("access_token"));
                    }
    
                },
                success: function (res) {
                    top.layer.close(roleSaveLoading);
                    if (typeof ft == "function") {
                        if (res.code == 401001) { //凭证过期重新登录
                            layer.msg("凭证过期请重新登录")
                            top.window.location.href = "/index/login"
                        } else if (res.code == 401002) {  //根据后端提示刷新token
                            /*记录要重复刷新的参数*/
                            var reUrl = url;
                            var reParams = params;
                            var reFt = ft;
                            var reMethod = method;
                            var reHeaders = headers;
                            var reNoAuthorityFt = noAuthorityFt;
                            var reContentType = contentType;
                            var reAsync = async;
                            /*刷新token  然后存入缓存*/
                            CoreUtil.sendAjax("/sys/user/token", null, function (res) {
                                if (res.code == 0) {
                                    CoreUtil.setData("access_token", res.data);
                                    /*刷新成功后继续重复请求*/
                                    CoreUtil.sendAjax(reUrl, reParams, reFt, reMethod, reHeaders, reNoAuthorityFt, reContentType, reAsync);
                                } else {
                                    layer.msg("凭证过期请重新登录");
                                    top.window.location.href = "/index/login"
                                }
                            }, "GET", true)
                        } else if (res.code == 0) {
                            if (ft != null && ft != undefined) {
                                ft(res);
                            }
    
                        } else if (res.code == 401008) {//无权限响应
                            if (ft != null && ft != undefined) {
                                noAuthorityFt(res);
                            }
    
                        } else {
                            layer.msg(res.msg)
                        }
    
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    top.layer.close(roleSaveLoading);
                    if (XMLHttpRequest.status == 404) {
                        top.window.location.href = "/index/404";
                    } else {
                        layer.msg("服务器好像除了点问题!请稍后试试");
                    }
                }
            });
        };
        /*表单数据封装成 json String*/
        coreUtil.formJson = function (frm) {  //frm:form表单的id
            var o = {};
            var a = $("#" + frm).serializeArray();
            $.each(a, function () {
                if (o[this.name] !== undefined) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            return JSON.stringify(o);
        };
        /*存入本地缓存*/
        coreUtil.setData = function (key, value) {
            layui.data('LocalData', {
                key: key,
                value: value
            })
        };
        /*从本地缓存拿数据*/
        coreUtil.getData = function (key) {
            var localData = layui.data('LocalData');
            return localData[key];
        };
    
    
        coreUtil.formattime = function (val) {
            var date = new Date(val);
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            month = month > 9 ? month : ('0' + month);
            var day = date.getDate();
            day = day > 9 ? day : ('0' + day);
            var hh = date.getHours();
            hh = hh > 9 ? hh : ('0' + hh);
            var mm = date.getMinutes();
            mm = mm > 9 ? mm : ('0' + mm);
            var ss = date.getSeconds();
            ss = ss > 9 ? ss : ('0' + ss);
            var time = year + '-' + month + '-' + day + ' ' + hh + ':' + mm + ':' + ss;
            return time;
        };
        return coreUtil;
    })(CoreUtil, window);
    
    
    展开全文
  • layui返回格式工具类

    2019-08-22 11:43:22
    layui返回格式工具类: package dianping.utils; import java.util.HashMap; import java.util.List; public class Layui extends HashMap<String, Object> { public static Layui data(Integer count,List ...

    layui返回格式工具类:

    package dianping.utils;
    import java.util.HashMap;
    import java.util.List;
    
    public class Layui extends HashMap<String, Object> {
        public static Layui data(Integer count,List data){
            Layui r = new Layui();
            r.put("code", 0);
            r.put("msg", "");
            r.put("count", count);
            r.put("data", data);
            return r;
        }
    
    
    }
    
    展开全文
  • 这是layui数据表格返回的json格式的封装代码,其中有参数说明。使用于javaweb开发 ,返回的json为layui官方的json格式。
  • web弹层组件-layer封装工具类

    千次阅读 2016-12-26 15:30:12
    * layer 是提示消息封装工具类 */ var Layer = { /** * 警告框 closeBtn:提供了两种风格的关闭按钮,可通过配置1和2来展示,如果不显示,则closeBtn: 0 * @param {} content 警示的内容 * @param {} title
  • package com.xd.out.entity; import com.xd.out.util.StringUtil; import java.io.Serializable; import java.util.Map; public class ResultBean<T> implements Serializable { ... private String .
  • Layui

    2020-08-19 15:26:02
    ·谐音:UI;一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛级低,容易上手即用,更是为服务端程序员量身定做,无需涉足各种前端工具的复杂配置,只需要面对浏览器本身,让...
  • 开发工具与关键技术:MVC、C#、Layui、jQuery 作者:张俊辉 撰写时间:2019年05月07日 使用Layui数据表格实现行工具事件与Layui表单弹框与数据回填具体步骤如下: 步骤一:布置行工具栏样式与数据表格初始化,代码...
  • 声明:框架采用的layui+SpringMVC 1.引入js及css &lt;!-- layui插件 --&gt; &lt;link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css" type="text/css"&...
  • layui图片上传

    2018-09-12 17:41:46
    页面展示 jsp: controller: 封装图片上传工具类: FastDFS文件上传工具: 图片上传返回一个封装的结果类:
  • Layui简介、layui例子

    2021-06-19 08:06:28
    Layui(谐音:UI)是一套开源的WebUI解决方案,采用自身经典的模块化规范,并遵循原生HTML/CSS/JS的开发方式,说明不会像我们之前的Bootstrap里面的js依赖jQuery。Layui则是原生的不会依赖于jQuery,也不会依赖于...
  • 数据封装与后台交互,不用表单方式 新增数据封装 //后台要的数据格式 var result = { name: "", department: [], resultCode: "", feeType: "", ruleInstanceExtcolumn: [], // modelPropertyCode: "", ...
  • * ajax请求封装 * @param url 请求地址 * @param params 请求参数 * @param async 是否异步,默认值为:true. true:异步,false:同步 * @param callback 执行成功后的回调方法 */ function getData(url,...
  • layui表格

    2020-09-08 15:00:10
    layui(谐音:UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处...
  • layui框架

    2020-05-27 11:31:35
    其实框架就是一个工具,用这个工具下的东西去实现我们想要的东西,比如 html上的item标签,现在我们使用的是layui-item标签。 这样子就是用的是这个工具下的item。 layui是基于模块的,模块的意思:form表单是一个...
  • 如何使用layui

    千次阅读 2018-11-30 10:31:36
    快速上手layui 一、介绍 二、开始使用layui 三、layui表单 四、layui弹出层 五、layui文件上传 六、layui分页 七、layui数据表格 一、介绍 在使用layui之前,我们先要了解一下layui是什么? 我觉得用....
  • 3.为layuiTable提供的实体 public class ReType implements Serializable{ /**状态*/ public int code=0; /**状态信息*/ public String msg=""; /**数据总数*/ public long count; public List<?> data;...
  • Layui表单

    千次阅读 2019-06-09 17:50:42
    在一个容器中设定 class=“layui-form” 来标识一个表单元素块,通过规范好的HTML结构及CSS,来组装成各式各样的表单元素,并通过内置的 form模块 来完成各种交互。 layui 针对各种表单元素做了较为全面的UI支持,...
  • layui与java后台交互

    万次阅读 热门讨论 2018-04-17 08:42:11
    layui是现在比较火的一个...一、返回的Json格式按照layui官网给的示例,自己封装工具类 public class LayuiReplay &lt;T&gt; { private int code; private String msg; private int count; private Li...
  • layui的页面布局分析

    千次阅读 2019-06-09 17:48:47
    《layui的页面布局分析》 开发工具与关键技术:Visual Studio / Layui插件 作者:肖春庆 撰写时间:2019年06月09日 在软件的开发过程中,视图页面是给用户的第一...Layui封装的方法也我们写前端的代码一样,它对C...
  • 快速上手前端框架layui

    万次阅读 多人点赞 2018-04-26 19:50:32
    目录: 一、介绍 二、开始使用layui 三、layui表单 四、layui弹出层 五、layui文件上传 六、layui分页 七、layui数据表格 ... 在使用layui之前,我们先... 更加详细的描述是:这是一个封装了各种css和js、Ajax等等...
  • Layui与java后台交互

    千次阅读 2020-09-08 11:48:13
    Layui与java后台交互 ...按照layui官网给的示例,自己封装工具类,解析json数据格式,前端页面请求Controller获取json数据的格式,然后利用工具类将json解析,把数据显示在前端页面。 @Data publi.
  • layui树形菜单初始化及赋值取值问题

    千次阅读 2020-11-19 19:01:47
    分享一下layui工具类 //TreeBuilder类,将数组转换成layui树形菜单组件特定的格式 import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSON; //图层结构 public class Tree...
  • Layui多图上传

    千次阅读 2019-07-15 15:25:20
    Layui多图上传 最近制作经销商上传附件需要实现一个多图上传的功能,前端使用的是layui框架支持多张图片上传,效果如下 前端页面代码: <!--图片上传组件--> <div class="layui-form-item"> <div...
  • 本人微信公众号:前端修炼之路,欢迎关注 本篇文章整理自己使用过的和...layer:http://layer.layui.com/ 独立维护的三大组件之一(layDate、layer、layim) dialogBox:http://www.jq22.com/jquery-info4822 基...
  • springboot+layui集成jwt改造知识要点

    千次阅读 2020-06-03 22:15:51
    #后端框架:SpringBoot+Freemarker+LayUI #开源项目:SpringBootCMS(https://github.com/moshowgame/SpringBootCMS) #SpringBoot+SpringSecurity+JWT搭建手册: SpringBoot2+SpringSecurity整合JWT,前后端分离的
  • Layui数据表格的构建

    2019-04-14 09:54:29
    为什么文章采取的封装方法是layui呢? 这么做的好处是为了避免后期在使用较为庞大数据库时,查询所得数据在数据表格中显示;layui中有一个将数据分页的方法,在这种情况下;使用layui插件构建数据表格,数据的呈...
  • layui - 底层方法

    2020-12-04 11:17:38
    目录 全局配置 layui.config(options) ... 对localStorage和sessionStorage的友好封装以更方便地管理本地数据 获取设备信息 layui.device(key),参数key是可选的 其他 第三方支撑 全局配置 layui.config(op.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,015
精华内容 406
关键字:

layui封装工具类