layui簡單入門

layui:

layui（諧音：類ui) 是一款採用自身模組規範編寫的前端 ui 框架，遵循原生 html/css/js 的書寫與組織形式，門檻極低，拿來即用。非常適合介面的快速開發。layui 首個版本發布於2023年金秋.

第三方支援：

layui部分模組依賴jquery

（比如layer），但是你並不用去額外載入jquery。layui已經將jquery最穩定的乙個版本改為layui的內部模組，當你去使用 layer 之類的模組時，它會首先判斷你的頁面是否已經引入了jquery，如果沒有，則載入內部的jquery模組，如果有，則不會載入。

另外，我們的圖示取材於阿里巴巴向量圖示庫（iconfont

），構建工具採用gulp

。除此之外，不依賴於任何第三方工具。

引用檔案：

將解壓包檔案部署到專案中，引入兩個檔案

快速上手：

如果想快速使用layui的元件，跟平時一樣script標籤引入你的js檔案，然後在你的js檔案中使用layui的元件。但更推薦你遵循layui的模組規範，建立乙個自己的模組作為入口

上述的 index 即為你 /res/js/modules/ 目錄下的 index.js，它的內容應該如下：

/**
專案js主入口
以依賴layui的layer和form模組為例
**/ 
layui.define(['layer', 'form'], function(exports)); //注意，這裡是模組輸出的核心，模組名必須和use時的模組名一致
});