使用layui框架迅速搭建后台管理頁面


layui(諧音:類UI) 是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。

其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布於2016年金秋,她區別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。

准確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。

1.進入layui官網下載layui資源包:https://www.layui.com

這里寫圖片描述

圖1.layui官網

 

后台管理界面如下圖所示:

這里寫圖片描述

圖2.后台界面效果圖

后台管理界面代碼如下所示:

 

其中css和js資源引用需要替換成自己的資源鏈接。

更多內容可閱讀layui官方文檔https://www.layui.com/doc/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM