layui是一款采用自身模塊規(guī)范編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內(nèi)在,體積輕盈,組件豐盈,從核心代碼到API的每一處細節(jié)都經(jīng)過精心雕琢,非常適合界面的快速開發(fā)。

【軟件介紹】
layui是目前國內(nèi)最優(yōu)秀的一款經(jīng)典模塊化前端框架,也是一款帶著濃烈情懷的國產(chǎn)前端UI框架。該框架追求極簡,又不失豐盈的內(nèi)在,說她是史上最輕量的結(jié)晶,似乎并不為過。一切都源自于她對原生態(tài)的執(zhí)著,對前端社區(qū)的那些噪雜聲音的過濾,以及她本身的精心雕琢。layui由職業(yè)前端傾情打造,面向所有層次的前后端程序猿,是目前中國最容易使用的前端UI解決方案。layui定義為“經(jīng)典模塊化”,并非是自吹她自身有多優(yōu)秀,而是繞開JS社區(qū)的喧囂,以最簡單的方式去詮釋高效。她的所謂經(jīng)典,是在于對返璞歸真的執(zhí)念,她以當(dāng)前瀏覽器普通認可的方式去組織模塊。我們認為,這恰是符合當(dāng)下國內(nèi)絕大多數(shù)程序員從舊時代過度到未來新標(biāo)準(zhǔn)的最佳指引。
【軟件特點】
一、返璞歸真前端社區(qū)正在變得日漸喧囂,我們似乎很難停下追逐的腳步。而Layui偏偏回望當(dāng)初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態(tài)的書寫指令,試圖以最簡單的方式詮釋高效。
二、雙面體驗
擁有雙面的不僅是人生,還有Layui。一面極簡,一面豐盈。極簡是視覺所見的外在,是開發(fā)所念的簡易。豐盈是傾情雕琢的內(nèi)在,是信手拈來的承諾。一切本應(yīng)如此,簡而全,雙重體驗。
三、星辰大海
如果眼下還是一團零星之火,那運籌帷幄之后,迎面東風(fēng),就是一場烈焰燎原吧,那必定會是一番盡情的燃燒。待,秋風(fēng)蕭瑟時,散作滿天星辰,你看那海天相接,正是Layui不滅的執(zhí)念。
【使用方法】
獲得layui后,將其完整地部署到你的項目目錄(或靜態(tài)資源服務(wù)器),你只需要引入下述兩個文件:
沒錯,不用去管其它任何文件。因為他們(比如各模塊)都是在最終使用的時候才會自動加載。這是一個基本的入門頁面:

1、規(guī)范化的用法(推薦)
如果你想快速使用Layui的組件,你還是跟平時一樣script標(biāo)簽引入你的js文件,然后在你的js文件中使用layui的組件。但我們更推薦你遵循Layui的模塊規(guī)范,建立一個自己的模塊作為入口:

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

2、簡單粗暴用法
如果你覺得Layui的模塊化還是有點啰嗦,木有關(guān)系的親。Layui考慮到了像你一樣的猿群,我們將layui.js及所有模塊單獨打包合并成了一個完整的js文件,用的時候直接引入這一個文件即可。當(dāng)你采用這樣的方式,你將不用通過layui.use加載模塊,你只需要直接用,譬如:

但你必須知道,這種使用方式,意味著Layui的模塊化已經(jīng)失去了它的意義。但不可否認,它比什么都來的簡單。
好了,不管你采用什么樣的方式,從現(xiàn)在開始,盡情地使用Layui吧!但愿這是一段美妙的旅程。
【更新日志】
layui v2.0.1更新日志(2017-08-23)1.layDate 日期時間選擇器
- 日期時間選擇器改為只能點確定關(guān)閉(以便選擇時間)
- 修復(fù)選擇了當(dāng)月的最后一天(比如29/31),再切換年月出現(xiàn)日期值超出的bug
- 修復(fù)ready回調(diào)返回的月份值沒有加1的問題
2.Table 表格
- 修復(fù)Java端的異步接口未指定json類型,前端無法獲取到數(shù)據(jù)的問題
- 修復(fù)字符型數(shù)字排序異常的bug
- 修復(fù)如果數(shù)字為0,單元格未顯示0的bug
- 修復(fù)勾選行,再刪除行后,仍然可以獲取該選中行數(shù)據(jù)的bug
3.其它
- 修復(fù) Upload模塊 正常返回了JSON,仍然拋出提示“請對上傳接口返回有效JSON”的bug
- 修復(fù) 富文本上傳圖片異常的BUG
- 修復(fù) layui.sort(obj, key, desc) 方法對字符型數(shù)字排序異常的bug
v1.0.4更新日志(2016-11-20)
* Tab選項卡新增用于添加Tab選項的接口:element.tabAdd(filter, options);
* Tab選項卡新增用于外部刪除Tab選項的接口:element.tabDelete(filter, index);
* Tab選項卡新增用于動態(tài)切換的接口:element.tabChange(filter, index);
* 表單組select、checkbox、radio等新增 disabled 屬性的禁用支持
* 修復(fù)水平導(dǎo)航二級菜單在ie8下無法使用的bug
* 修復(fù)layPage分頁在ie8的樣式兼容問題
* 修復(fù)Form表單組radio框使用name="a[b]"、name="a.b"這種格式出現(xiàn)報錯的bug
* 修復(fù)在使用了element.init()后,Tab選項卡的相關(guān)事件出現(xiàn)多次執(zhí)行的bug
* 修復(fù)在使用了element.init()后,面包屑重復(fù)插入了分隔符的bug
* checkbox框樣式調(diào)整,勾選圖標(biāo)放在左側(cè)
* 導(dǎo)航菜單在ie10以下瀏覽器開啟了hover效果


































