layui產生背景 layui相對於vue來說確實稍有遜色，但是官網提供的入門文檔以及完善的框架結構，使的很多人開始用layui來開發前端頁面，那麼什麼人會去使用layui呢？ 針對後端開發人員，在對前端知之甚少的情況下需要自行開發前端頁面 前後端數據動態交互要求較低的前端開發工程師 測試開發工程師 ...
layui產生背景
layui相對於vue來說確實稍有遜色，但是官網提供的入門文檔以及完善的框架結構，使的很多人開始用layui來開發前端頁面，那麼什麼人會去使用layui呢？
- 針對後端開發人員，在對前端知之甚少的情況下需要自行開發前端頁面
- 前後端數據動態交互要求較低的前端開發工程師
- 測試開發工程師
layui使用入門
首先我們來認識一下layui
layui（諧音：類UI) 是一款採用自身模塊規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。layui 首個版本發佈於 2016 年金秋，她區別於那些基於 MVVM 底層的 UI 框架，卻並非逆道而行，而是信奉返璞歸真之道。準確地說，她更多是為服務端程式員量身定做，你無需涉足各種前端工具的複雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這裡信手拈來。
layui官網直達鏈接：https://www.layui.com/
layui前面的使用方法在官網文檔中以及提及了，那麼這裡主要從另外一個層面去使用layui，layui官網首頁下載的源碼內容如下：
基本有點前端基礎知識的開發工程師應該從圖中可以看出，layui源碼下文件目錄基本以及做好了分類，生成了基本的文件目錄css、js、font、images以及第三方組件lay目錄。那麼我們開發的時候可以在上級目錄的同級目錄新增templates目錄，使的整個前端項目相似於獨立開髮結構，如圖：
temlates目錄主要是放一些html文件內容，適配django+flask（我的後端語言是python）。在開發的構成中首先我們的知道layui為什麼會如此的方便，開發layui的作者將layui的什麼功能引以為豪呢？先看一下百度layui的呈現界面，此界面的展示內容可以作為layui的精髓內容：
從展示頁面來看主要提及到如下功能：
- layui文檔
- 後臺模板
- layui線上
- layui插件
- layui教程
- 網頁聊天
layui文檔和教程這個不過多說明，官網入門文檔就是；來看一下後臺模板，layui提供了一個基本的後臺管理界面的主頁佈局和導航源碼，我們使用的時候基本傻瓜式套用即可，直達地址https://www.layui.com/admin/
單頁版方案演示界面如下
特別需要註意的是layui的後臺模板是需要收費的，當然我也支持大家付費進行使用，只是但凡成人總有富貴貧窮之分，這裡如果不是非常富裕的建議使用基於layui開發的後臺模板xadmin，直達地址：
http://x.xuebingsi.com
官方給我們提供的layui線上，這個功能對於前端開發來說起到了很大的輔助作用。直達地址：https://www.layui.com/demo/頁面展示效果
layui官網中提供了很多的組件比較出名的就是layer、laydate、layim.
其實layui還有一個引以為豪的地方，只是這個功能由大家進行維護，這就是layui社區直達地址https://fly.layui.com/，在社區裡面有很多在開發過程中遇到的疑難問題解決方案。
