layuiadmin(UI設(shè)計(jì)框架)免費(fèi)版v2.4.2

layuiadmin是一款采用自身模塊規(guī)范編寫(xiě)的前端UI設(shè)計(jì)框架，遵循原生 HTML/CSS/JS 的書(shū)寫(xiě)與組織形式，門(mén)檻極低，拿來(lái)即用。其外在極簡(jiǎn)，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開(kāi)發(fā)。layui 首個(gè)版本發(fā)布于2016年秋，它區(qū)別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準(zhǔn)確地說(shuō)，它更多是為服務(wù)端程序員量身定做，你無(wú)需涉足各種前端工具的復(fù)雜配置，只需面對(duì)瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來(lái)。這里小編給大家?guī)?lái)的是layuiadmin免費(fèi)版，下載安裝好即可使用，無(wú)需繁瑣的破解過(guò)程，有需求的用戶歡迎前來(lái)本站下載使用。

功能特色

一、返璞歸真
前端社區(qū)正在變得日漸喧囂，我們似乎很難停下追逐的腳步。而Layui偏偏回望當(dāng)初，奔赴在返璞歸真的漫漫征途，自信并勇敢著，追尋于原生態(tài)的書(shū)寫(xiě)指令，試圖以最簡(jiǎn)單的方式詮釋高效。
二、雙面體驗(yàn)
擁有雙面的不僅是人生，還有Layui。一面極簡(jiǎn)，一面豐盈。極簡(jiǎn)是視覺(jué)所見(jiàn)的外在，是開(kāi)發(fā)所念的簡(jiǎn)易。豐盈是傾情雕琢的內(nèi)在，是信手拈來(lái)的承諾。一切本應(yīng)如此，簡(jiǎn)而全，雙重體驗(yàn)。
三、星辰大海
如果眼下還是一團(tuán)零星之火，那運(yùn)籌帷幄之后，迎面東風(fēng)，就是一場(chǎng)烈焰燎原吧，那必定會(huì)是一番盡情的燃燒。待，秋風(fēng)蕭瑟時(shí)，散作滿天星辰，你看那海天相接，正是Layui不滅的執(zhí)念。

使用教程

一、快速上手
1、獲得 layui 后，將其完整地部署到你的項(xiàng)目目錄（或靜態(tài)資源服務(wù)器），你只需要引入下述兩個(gè)文件：

2、沒(méi)錯(cuò)，不用去管其它任何文件。因?yàn)樗麄儯ū热绺髂K）都是在最終使用的時(shí)候才會(huì)自動(dòng)加載。這是一個(gè)基本的入門(mén)頁(yè)面：

3、如果你想采用非模塊化方式（即所有模塊一次性加載，盡管我們并不推薦你這么做），你也可以按照下面的方式使用：

二、經(jīng)典，因返璞歸真
layui 定義為“經(jīng)典模塊化”，并非是自吹她自身有多優(yōu)秀，而是有意避開(kāi)當(dāng)下JS社區(qū)的主流方案，試圖以最簡(jiǎn)單的方式去詮釋高效！她的所謂經(jīng)典，是在于對(duì)返璞歸真的執(zhí)念，她以當(dāng)前瀏覽器普通認(rèn)可的方式去組織模塊！我們認(rèn)為，這恰是符合當(dāng)下國(guó)內(nèi)絕大多數(shù)程序員從舊時(shí)代過(guò)渡到未來(lái)新標(biāo)準(zhǔn)的最佳指引。所以 layui 本身也并不是完全遵循于AMD時(shí)代，準(zhǔn)確地說(shuō)，她試圖建立自己的模式，所以你會(huì)看到：

沒(méi)錯(cuò)，她具備AMD的影子，又并非受限于 CommonJS 的那些條條框框，layui認(rèn)為這種輕量的組織方式，比WebPack更符合絕大多數(shù)場(chǎng)景。所以她堅(jiān)持采用經(jīng)典模塊化，也正是能讓人避開(kāi)工具的復(fù)雜配置，回歸簡(jiǎn)單，安靜高效地編織原生態(tài)的HTML、CSS和JavaScript。
但是 layui 又并非是 Requirejs 那樣的模塊加載器，而是一款UI解決方案，她與Bootstrap最大的不同恰恰在于她糅合了自身對(duì)經(jīng)典模塊化的理解。
三、模塊化的用法（推薦）
1、我們推薦你遵循 layui 的模塊規(guī)范建立一個(gè)入口文件，并通過(guò) layui.use() 方式來(lái)加載該入口文件，如下所示：

2、上述的 index 即為你 /res/js/modules/ 目錄下的 index.js，它的內(nèi)容應(yīng)該如下：

四、非模塊化用法
1、如果你并不喜歡 layui 的模塊化組織方式，你完全可以毅然采用“一次性加載”的方式，我們將 layui.js 及所有模塊單獨(dú)打包合并成了一個(gè)完整的js文件，用的時(shí)候直接引入這一個(gè)文件即可。當(dāng)你采用這樣的方式時(shí)，你無(wú)需再通過(guò) layui.use() 方法加載模塊，直接使用即可，如：

但你必須知道，采用該方式，意味著 layui 的模塊化已經(jīng)失去了它的意義。但不可否認(rèn)，它使用起來(lái)會(huì)更簡(jiǎn)單直接。

常見(jiàn)問(wèn)題

一、應(yīng)該如何加載模塊最科學(xué)？
事實(shí)上我們?cè)谀K規(guī)范已經(jīng)有明確地說(shuō)明，你可以采用預(yù)先加載和按需加載兩種模式，但后者我們并不推薦（文檔也解釋原因了）。因此我們強(qiáng)烈推薦的方式是：你應(yīng)該在你js文件的代碼最外層，就把需要用到的模塊 layui.use以 一下，如：

二、如何使用內(nèi)部jQuery？
由于Layui部分內(nèi)置模塊依賴(lài)jQuery，所以我們將jQuery1.11最穩(wěn)定的一個(gè)版本作為一個(gè)內(nèi)置的DOM模塊（唯一的一個(gè)第三方模塊）。只有你所使用的模塊有依賴(lài)到它，它才會(huì)加載，并且如果你的頁(yè)面已經(jīng)script引入了jquery，它并不會(huì)重復(fù)加載。內(nèi)置的jquery模塊去除了全局的$和jQuery，是一個(gè)符合layui規(guī)范的標(biāo)準(zhǔn)模塊。所以你必須通過(guò)以下方式得到：

三、為什么表單不顯示？
當(dāng)你使用表單時(shí)，Layui會(huì)對(duì)select、checkbox、radio等原始元素隱藏，從而進(jìn)行美化修飾處理。但這需要依賴(lài)于form組件，所以你必須加載 form，并且執(zhí)行一個(gè)實(shí)例。值得注意的是：導(dǎo)航的Hover效果、Tab選項(xiàng)卡等同理（它們需依賴(lài) element 模塊）

四、哪里有 layui 未壓縮源代碼？
我們的全部代碼托管在GitHub（你可以通過(guò)首頁(yè)的Star進(jìn)入）和碼云。之所以在下載包里沒(méi)有提供未壓縮的源代碼，是為了避免一些猿的使用混淆，因?yàn)橹坝杏龅竭^(guò)部分可愛(ài)到極致的猿，居然同時(shí)引入了壓縮過(guò)和未壓縮過(guò)的layui.js，雖然文檔在“開(kāi)始使用”中有相關(guān)的明確說(shuō)明，但這種問(wèn)題仍然不是個(gè)例，使得我欲哭無(wú)淚啊啊啊，但畢竟我們要做“中國(guó)最容易使用的UI框架”，因此才決定只對(duì)下載包提供我們構(gòu)建后的代碼，并且，由于是經(jīng)過(guò)了壓縮、合并等處理，所以更適合用于生產(chǎn)環(huán)境。

更新日志

2.4.2（2019-09-24）
新增的全新組件，用于進(jìn)行評(píng)分/星操作
支持是否開(kāi)啟半星
支持自定義星星個(gè)數(shù)
支持自定義星星主題色
支持自定義評(píng)級(jí)對(duì)應(yīng)的說(shuō)明，如：文本/圖標(biāo)等
支持初始值的設(shè)定
支持是否只讀，即：只展示、不可點(diǎn)