1、经典模块化前端UI , 谐音类UI,目录结构;
- ├─css //css目录
- │ │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
- │ │ ├─laydate
- │ │ ├─layer
- │ │ └─layim
- │ └─layui.css //核心样式文件
- ├─font //字体图标目录
- ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
- │─lay //模块核心目录
- │ └─modules //各模块组件
- │─layui.js //基础核心库
- └─layui.all.js //包含layui.js和所有模块的合并文件
2、下载地址: www.layui.com 下载完成以后将下载好的layui部署到项目,需要将两个文件引入到项目中;
即 layui.css (layui 核心样式) 与 layui.js (layui 的核心js文件) 如下图:
因为官方并不推荐使用非模块化方式,所以这里不再深究,直接进行layui 基本入门页面的使用。 如图;
根据demo 就可以看出 layui 内部提供了很多组件(如form, table,layer等等)供开发人员使用,我们只需要在js 中添加上我们需要使用的组件之后就可以使用了,还是比较方便的。
详细请参阅layui官方网址:www.layui.com API