LayUI介绍
Layui 是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互、从这里信手拈来。
LayUI优点
由于开发项目必须要在IE8上支持,选择LayUI前端UI框架,Layui兼容除IE6/7以外的全部浏览器,并且多数结构支持响应式。
LayUI获取方式
直接打开官网http://www.layui.com下载或者通过GitHub下载,实际项目应该在官网下载稳定的版本。
下载后你可以看到layUI的目录结构如下,直接复制layui目录到的项目中即可。
codelayui.code
- ├─css //css目录
- │ └─modules //模块css目录(一般如果模块相对较大,我们会单独提取)
- │ ├─laydate
- │ ├─layer
- │ │ └─default
- │ └─layim
- │ └─skin
- ├─font //字体图标目录
- ├─images //图片资源目录(一些表情等)
- │ └─face
- └─lay //JS目录
- ├─dest //经过合并的完整模块
- └─modules //各模块/组件
需要引入layui的js和css文件,引入方式如下:
<!-- layoutui -->
<linkrel="stylesheet"href="<%=realPath%>/layui/css/layui.css"media="all">
<script src="<%=realPath%>/layui/layui.js"></script>
LayUI导航栏的使用
注意点:假如引入layui.js而不是layui.all.js时需要在<script></script>标签中引入
layui.use('element', functi