2018-11-27——layui入门

一、自定义模块

方法：layui.define([mods],callback)

通过该方法可定义一个 Layui模块。参数mods是可选的，用于声明该模块所依赖的模块。callback即为模块加载完毕的回调函数，它返回一个exports参数，用于输出该模块的接口。

layui.define(['layer','layerpage'],function(exports){

    //.....业务逻辑
    
    exports('demo',function(){
        alert('hello word');
    });
});

上述的['layer', 'laypage']即为本模块所依赖的模块，它并非只能是一个数组，你也可以直接传一个字符型的模块名，但是这样只能依赖一个模块。

————————————————————————————————————————————————————————————

二、加载所需模块

方法：layui.use([mods],callback)

Layui的内置模块并非默认就加载的，他必须在你执行该方法后才会加载。 另外请注意，mods里面必须是一个合法的模块名，不能包含目录。如果需要加载目录，建议采用extend建立别名

layui.use(['layer','form'], function(){
    var laypage = layui.laypage,
        form = layui.form;

    //...业务逻辑
    
});

————————————————————————————————————————————————————————————

三、动态加载css

方法：layui.link(href)

href即为css路径。注意：该方法并非是你使用Layui所必须的，它一般只是用于动态加载你的外部CSS文件。

————————————————————————————————————————————————————————————

四、本地存储

本地存储是对localStorage 和 sessionStorage的封装，可以方便的管理本地数据。

·localStorage 持久化存储：layui.data(table,settings),数据永久保存除非物理删除。
·sessionStorage 会话性存储：layui.sessionData(table,settings),页面关闭后失效

上述两个方法的使用方式是完全一样的。其中参数 table 为表名，settings是一个对象，用于设置key、value

//以layui.data为例
//向表test中插入一个字段，如果表不存在，则自动建立。修改只需要重新赋值就好
layui.data('test',{
    key : 'nickname',
    value : '张三'
});

//删除表test中的字段
layui.data('test',{
    key : 'nickname',
    remove : true
});

//读取test中的全部数据
var localTest = layui.data('test');
console.log(localTest.nickname);