文人的激情和诗人的写意敲出来的UI 框架-Layui

https://www.ilayuis.com/

由职业前端倾情打造，面向全层次的前后端开发者，易上手开源免费的 Web UI 组件库

返璞归真

身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。

双面体验

拥有双面的不仅是人生，还有 layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。

星辰大海

如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回 ，正是 layui 不灭的执念。

 

ayui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

经典，因返璞归真

layui 定义为「经典模块化」，并非是自吹她自身有多优秀，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！她的所谓经典，是在于对返璞归真的执念，她以当前浏览器普通认可的方式去组织模块！我们认为，这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的绝佳指引。所以 layui 本身也并不是完全遵循于 AMD 时代，准确地说，她试图建立自己的模式：

没错，她具备早前 AMD 的影子，又并非受限于 CommonJS 的那些条条框框，layui 认为这种轻量的组织方式，比WebPack更符合绝大多数场景。所以她坚持采用经典模块化，也正是能让人避开工具的复杂配置，回归简单，安静高效地编织原生态的 HTML/CSS/JS。

但是 layui 又并非是 RequireJS 那样的模块加载器，而是一款 UI 解决方案，与 BootStrap 的不同又在于：layui 糅合了自身对经典模块化的理解。这使得你可以在 layui 组织的框架之内，以更具可维护性的代码、去更好的编织丰富的用户界面。

只需要加载两个 JS 文件：layui.js、main.js。这将大幅度减少静态资源的请求。

 

https://gitee.com/pear-admin/Pear-Admin-Layui?_from=gitee_search

https://gitee.com/zhongshaofa/layuimini?_from=gitee_search

https://gitee.com/lovetime/WeAdmin?_from=gitee_search

https://gitee.com/sdozhaoyanjun/layuiAdmin?_from=gitee_search

layui和bootstrap 对比

• 这两个都属于UI渲染框架。

   

  • layui是国人开发的一套框架，2016年出来的，现在已更新到2.X版本了。比较新，轻量级，样式简单好看。
  • bootstrap 相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架，这个大部分人一般都用过。
• 适用范围不一样 
  • layui 其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果。

     

    • 做后台框架。
    • 作者“闲心”都说了，开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。
    • layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。
  • bootstrap 在前端响应式方面做得很好，PC端和移动端表现都不错。 
    • 做网站不错。

       

      • 如果是类似官网，且需要同时满足PC端和移动端效果，bs表现很好。
      • 但是如果是要交互的网站，比如商城之类，vue显然更好，前后端分离，。
• 大小不一样 
  • layui 轻量级。
  • bootsrap 因为成熟，所以使用方便，但是同时也是因为成熟，就显得有些冗余。