1.1 layui 是什么：经典模块化 UI 框架的定位与生态

一棵 jQuery 时代的常青树

要说 layui 是什么，我最愿意给它的一句话定位是：jQuery 生态里长出来的经典开源模块化前端 UI 框架，作者 sentsim，在国内管理后台与中后台项目中的使用广度，至今不容小觑。

它有几个让我长期好感的特点。其一，上手快。项目里引入 layui 的样式与脚本后，layui.use 一调，组件就能跑起来，几乎没有学习成本之外的环境成本。其二，文档全。从组件参数到示例代码，官方文档覆盖得相当扎实，遇到问题基本靠文档就能解决。其三，中后台友好。table、form、layer、laydate、laytpl、upload、tree、treeTable、laypage 这些组件，几乎就是把管理后台的日常需求翻译成了代码——列表、表单、弹层、日期、模板、上传、树形、分页，一个不落。

与 Vue、React 系组件库的定位差异

很多人拿 layui 和 Vue、React 系的组件库相比，其实两者根本不在同一条赛道上。

这张表最想强调的一点是：layui 不绑构建工具。一个纯 HTML 页面，引几个文件就能把 table 渲染得像模像样，这一点在大量存量项目以及没有前端工程化环境的小团队里，价值极大。它不追求单页应用那种页面级架构，而是在现有页面上做增量增强——这正是它能在中后台项目里扎根多年的原因。反过来，如果你的项目是重交互、重状态管理的单页应用，那 Vue、React 体系才是对口工具，不必勉强 layui。

生态盘点：组件、扩展与主题

layui 的生态可以分成四块来看：

• 官方组件：table、form、layer、laydate、laytpl、upload、tree、treeTable、laypage 等内置模块，覆盖后台开发的主流场景，是生态的基本盘。
• 第三方扩展：新官网生态页收录了一批第三方扩展模块，社区玩家在各组件之上做了不少增强。
• 纯静态主题库：官方生态页提供纯静态主题库，不想自己调样式时可以直接借用。
• 社区深色主题：社区贡献的深色主题，在生态页里也能找到入口，夜间值守的后台同学值得一看。

对生态的正确预期是：它不如大框架社区那样庞大，但围绕中后台的常见需求，该有的基本都有，而且门槛低、拿来即用。生态规模从来不是 layui 的卖点，场景匹配度才是。

适合 layui 的项目画像

我的心得是：选框架先看项目画像，而不是看热度。如果你手上的项目正好落在上表前几行，layui 依然是那个顺手、可靠、成本低的选择；这也是为什么在 2.6.8 停更多年之后，仍有大量项目围绕它运转，并在新版本重启迭代后重新回到人们的视野里。下一步，我们先去看一看它这几年的版本时间线。