layui是優秀的前端框架之一，具有使用門檻低，適用范圍廣的特點，能夠幫助用戶進行前端界面的快速開發，不需要復雜的配置，操作簡單、高效完成工作。

layui框架介紹

開源的Web UI解決方案，采用自身經典的模塊化規范，并遵循原生 HTML/CSS/JS 的開發方式，極易上手，拿來即用。其風格簡約輕盈，而組件優雅豐盈，從源代碼到使用方法的每一處細節都經過精心雕琢，非常適合網頁界面的快速開發。區別于那些基于 MVVM 底層的前端框架，卻并非逆道而行，而是信奉返璞歸真之道。準確地說，它更多是面向后端開發者，你無需涉足前端各種工具，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

怎么用

1.創建一個工程，把Layui相關的文件復制到工程里面

2.在官網復制后臺管理的示例代碼，并改css和js的引入路徑，同時引入jQuery.js文件

3.根據個人的需求，對后臺管理頁面進行修改

layui框架優缺點

優點：

作為國產開源的前端UI，簡單易上手，并且UI簡潔美觀。本身目標對象是不怎么懂前端的后端開發人員，也適合后端人員使用。

（1）屬于輕量級框架，簡單美觀。適用于開發后端模式，它在服務端頁面上有非常好的效果。

（2）提供給后端開發人員最好的ui框架，基于DOM驅動，只要不涉及到交互layui還是很不錯的

缺點：

由于是個人開源的項目并且開源時間不長，因此bug會比較多，也會有一些限制。兼容性也不強，尤其是在移動端。不由于設計的初衷，LayUi只適合小型項目，即便是小項目，也經常會遇到諸多問題。官網對集成較好的技術收費。

常見問題

- 為什么表單不顯示？

當你使用表單時，Layui會對select、checkbox、radio等原始元素隱藏，從而進行美化修飾處理。但這需要依賴于form組件，所以你必須加載 form，并且執行一個實例。值得注意的是：導航的Hover效果、Tab選項卡等同理（它們需依賴 element 模塊）

- 如何使用內部jQuery？

由于Layui部分內置模塊依賴jQuery，所以我們將jQuery1.11最穩定的一個版本作為一個內置的DOM模塊（唯一的一個第三方模塊）。只有你所使用的模塊有依賴到它，它才會加載，并且如果你的頁面已經script引入了jquery，它并不會重復加載。內置的jquery模塊去除了全局的$和jQuery，是一個符合layui規范的標準模塊。

- 該如何加載模塊最科學？

事實上我們在模塊規范已經有明確地說明，你可以采用預先加載和按需加載兩種模式，但后者我們并不推薦（文檔也解釋原因了）。因此我們強烈推薦的方式是：你應該在你js文件的代碼最外層，就把需要用到的模塊 layui.use以 一下。

更新內容

v2.6.8

[加強] table 組件的自定義模板功能，返回 LAY_COL 字段，可得到當前列的表頭配置信息

[加強] form 組件對驗證不通過的表單項自動定位到可視區域，不再是只對輸入框自動獲焦定位

[重寫] sort 方法，以便對數字、非數字及混合類等所有內容的排序進行支持

[新增] dropdown 組件的 align 參數，用于控制下拉菜單水平對齊方式（支持 left、center、right），默認 left

[新增] table 組件的 escape 參數，用于是否開啟 xss 字符過濾（默認 false）

[加強] form 組件對 url 的驗證

[加強] colorpicker 組件的坐標定位計算方式

[修復] 低版本 ie 若干報錯問題

[修復] form 相關 css 的 layui-checkbox-disabled 書寫錯誤（之前為 disbaled） #I1NGDC

[修復] form 組件的 select option 內容出現換行時的樣式異常問題 #I3T5ZC

[修復] colorpicker 顏色選擇組件在 Firefox 下選擇顏色時的若干兼容問題 #I3POP2

v2.6.7

[重寫] layui.each() 基礎方法，以兼容各種對象遍歷

[新增] layui._typeof(operand) / layui._isArray(obj) 兩個基礎方法，分別為"獲取詳細數據類型"、"對象是否為泛數組"

[修復] layui.sort(obj) 基礎方法，在比較某些值相等時出現排序異常的問題

[修復] form 組件當 layui-form 元素出現層級嵌套，其提交的表單未按當前層級的問題

[修復] table 組件當數據存在 length 字段并為 0 時，未被顯示的問題

[修復] laydate 組件范圍選擇的若干問題

[修復] layer.photos 層在 iframe 頁面中通過 parent 無法彈出的歷史彌久問題

[優化] element nav 鼠標移至滑動塊致其閃動的問題

[優化] 若干樣式細節

[優化] upload 組件 before 回調，若 return false，則表明阻止上傳