介绍
话不多说,各位老大稍微了解下就知道:Laui是16年出厂的国产开源前端框架。
说白了就是拿来即用,风格类似Bootstrap,可以说是专为后端程序员设计。定义了很多前后端交互的样式接口,极大减少了后端人员的开发成本。
说白了,该框架就是为了方便后端人员开发前端而使用的。再一个就是放心使用和学习,这个老家伙是开源的。
官方文档:https://www.layui.com/doc/
使用范围
博主最近在开发小程序web后台管理模块,觉得这个框架不错,很适合开发后台管理之类的web项目,特以此记录。至于和Bootstrap等成熟框架相比的话。无外乎看亮点:
- 两个都是UI渲染框架:bootstrap相对来说是比较成熟的一个框架,但是同时也是因为成熟,就显得有些冗余,layui比较新,轻量级,样式简单好看;
- 适用范围不一样:bootstrap 在前端响应式方面没得说,无论是做pc,还是移动端那都是杠杠的;layui 其实则更偏向与后端开发人员使用,在服务端页面上有非常好的效果。所以怎么选择,看具体需求,仁者见仁智者见智。
环境导入
1.官方下载包(https://www.layui.com/)
2.将下载好的文件导入项目
博主是采用的Asp.Net MVC(VS2012)开发此次项目,所以将其导入Content文件夹即可。
3.前端页面引用
导入其中的layui.js、layui.css即可。
最终效果及源码
LayUI主要内容会后续介绍。以及小程序开发,后续博主也会持续分享。这是此次Layui静态登录样式源码:
链接:https://pan.baidu.com/s/1z-SSyo_HfW3rVWIhAUWrmg
提取码:GQYu