layui的简介

说到前端框架，或许大家立马就想到react.js、angular.js和vue.js，也的确，这些MVVM框架的流行，得益于其便利的模块化实现，使得前后端分离火爆，大大提高了用户体验。

对于它们的出现，也为部分程序员带来了学习的成本，当然，对于前端程序原来说是一个好事，因为他们可以更好的实现前端效果，且不受后端限制，而对于一些全栈程序员来说，尤其像小编这种不思进取的全栈程序员来说，会对这学习成本感到一阵懊恼，不过懊恼过后还是继续学习。

不过，有一个人，像是看到了小编这种人的难处，推出了一款名叫layui的前端框架，它不但有大而全的功能组件，颜值也不输任何现流行的前端UI，它号称是“经典模块化前端框架”，却被大多前端程序员所不屑，但对小编来说却如拾魁宝。

对于这么一个产品，其作者“贤心”在知乎是这么说的：

有人说 layui 的“抱残守旧” 是一项倒退，在去年刚发布时就饱受前端同行的鄙夷，很多人质疑为毛不直接拥抱MVVM？然而事实上，在国内仍有相当一部分群体依旧在采用较传统的前端开发模式（当然主要是以服务端人员为主），由于他们的核心技能栈不在前端，所以他们总是在寻找前端界面的快速开发方案，比如老牌的BootStrap，而我们的 layui 是为了让人们在这一条路线上有更多（或者说更好）的选择。因此我觉得，需要有人去做这件事并且坚持下去，为着这一群体，直到他们不再需要她，然后在路边树立一块碑碣，上面写着：“layui-过往的雷锋UI”，便挥一挥衣袖，继续前行，也算是功德圆满。但在这之前，我认为 layui 仍会是一个不错的伴侣，目前日均 2w的独立访客就是一个证明。

且看作者用此框架做出来的后台管理模块，是不是很棒，虽然此后台管理模块是收费的，但是你用好了layui，一样可以做出这样的效果

快速上手

想要在项目中使用，十分简单，从官网/github/码云下载下来，在页面中引入以下js或css即可

<link rel="stylesheet" href="../layui/css/layui.css">

<script src="../layui/layui.js"></script>

页面js中使用

以上是模块化的使用方式，如果你想采用非模块化的方式，可以改为引入这个js，css不变

<script src="../layui/layui.all.js"></script>

页面js中直接就可以使用

常用的元素简介

有我们常用的栅格

代码如下：

形象各异的按钮与表单元素

优雅的弹框

多种格式的日期选择器

应有尽有的数据表格

最后

当然，文章介绍的都是凤毛麟角，喜欢的朋友可以去其官网了解学习，对于后端程序员来说，它的出现可以大大减少我们在前端的纠结，快速开发出自己的后台管理系统；对于作者，小编是深感敬佩的，虽然说逆潮流而行是一种无力的抗争，但起码，它能够陪这个时代走完最后一程。