提示:LayUI使用技巧,快速上手
LayUI使用手册
前言
提示:方便新手快速上手,或者在不必要的坑上面浪费时间。
提示:以下是本篇文章正文内容
一、简介
国产前端框架,2016年发布,现在国内使用热度很高,颜值比较高,非常适合后端开发人员使用在后台管理上,有丰富的模板样式,按照指定的格式返回数据即可,基于DOM驱动,方便后台系统管理,否则每次改源代码很麻烦
主要介绍组件功能,使用组件时有哪些必备的标签属性等。
没必要都记下来,了解模板的使用规范即可,知道有什么功能,经常光顾官网,现用现查即可,我主要提供流程思路,快速上手,具体细节看官网代码,节约时间
LayUI官网
二、准备工作
1.下载安装
直接官网下载,解压缩,将整个文件目录结构复制到项目中即可
目录结构
2.模块化加载
引入layui核心文件,css、js,其中js有两种引入方式
引入css
引入js,指定使用的模块
分模块
引入layui.js
文件
选择这种方式,就必须在js脚本中添加layui.use(['模块'1,'模块2'],function(){...})
表示我们要使用那些模块,否则模块不会生效