专栏首页sktjLayui 介绍

Layui 介绍

1、下载地址:https://res.layui.com/static/download/layui/layui-v2.5.5.zip?v= 2、结构: -css: -modules -laydate -layer -layim -layui.css -font -images -lay -modules -layui.js -layui.all.js 3、页面引入: ./layui/css/layui.css ./layui/layui.js <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui</title> <link rel="stylesheet" href="../layui/css/layui.css"> </head> ........... <script src="../layui/layui.js"></script> 4、全局配置:layui.config layui.config({ dir: '/res/layui/' //layui.js 所在路径(注意,如果是script单独引入layui.js,无需设定该参数。),一般情况下可以无视 ,version: false //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610 ,debug: false //用于开启调试模式,默认false,如果设为true,则JS模块的节点会保留在页面 ,base: '' //设定扩展的Layui模块的所在目录,一般用于外部模块扩展 }); 5、定义模块: layui.define(function(exports){ //do something

exports('demo', function(){ alert('Hello World!'); }); }); 定义有依赖的模块 layui.define(['layer', 'laypage'], function(exports){ //do something

exports('demo', function(){ alert('Hello World!'); }); }); 6、加载所需模块:layui.use layui.use(['laypage', 'layedit'], function(){ var laypage = layui.laypage ,layedit = layui.layedit;

//do something }); 7、数据存储:layui.data ,layui.sessionData localStorage 持久化存储:layui.data(table, settings),数据会永久存在,除非物理删除。 sessionStorage 会话性存储:layui.sessionData(table, settings),页面关闭后即失效。注:layui 2.2.5 新增 //【增】:向test表插入一个nickname字段,如果该表不存在,则自动建立。 layui.data('test', { key: 'nickname' ,value: '贤心' });

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

//【改】:同【增】,会覆盖已经存储的数据

//【查】:向test表读取全部的数据 var localTest = layui.data('test'); console.log(localTest.nickname); //获得“贤心” 8、获取设备信息: var device = layui.device(); 9、其他方法

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Layui 页面元素

    layui-elip,layui-disabled,layui-circle,layui-show,layui-hide

    用户5760343
  • Layui 徽章 badge

    用户5760343
  • Layui button

    <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.la...

    用户5760343
  • Layui 页面元素

    layui-elip,layui-disabled,layui-circle,layui-show,layui-hide

    用户5760343
  • 基于layui实现用户分配权限部分代码供参考

    Java栈
  • /undefinedcss/modules/layer/default/layer.css?v=3.1.1找不到的问题

    Happyjava
  • /undefinedcss/modules/layer/default/layer.css?v=3.1.1找不到的问题

    Happyjava
  • 在项目中使用layUI

    用户4344670
  • layui-laydate 时间日历控件从入门到使用

    在日常开发前端的过程中,像时间日历控件有时候是懒得开发的。这时候就可以借助开源的力量。

    Devops海洋的渔夫
  • layui表格套模块(表格)

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却...

    生南星

扫码关注云+社区

领取腾讯云代金券