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/，在社區里面有很多在開發程序中遇到的疑難問題解決方案，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/2348.html
標籤：HTML5
下一篇：uniapp小程式入門