Layui框架簡介

2021-09-27 11:28:32 字數 992 閱讀 3869

layui(諧音:類ui) 是一款採用自身模組規範編寫的前端 ui 框架,遵循原生 html/css/js 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,元件豐盈,從核心**到 api 的每一處細節都經過精心雕琢,非常適合介面的快速開發。layui 首個版本發布於 2016 年金秋,她區別於那些基於 mvvm 底層的 ui 框架,卻並非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程式設計師量身定做,你無需涉足各種前端工具的複雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與互動,從這裡信手拈來。

優點有以下幾方面:

(1)layui屬於輕量級框架,簡單美觀。適用於開發後端模式,它在服務端頁面上有非常好的效果。

(2)layui是提供給後端開發人員最好的ui框架,基於dom驅動,只要不涉及到互動layui還是很不錯的。

缺點如下:

(1)layui出現較遲,想必其他前端框架來說還是不太成熟。現在已更新到2.x版本了。

(2)在實現前端互動上比較麻煩,因為頁面的增刪改查都需要查詢dom元素。

相容性和面向場景

layui 相容人類正在使用的全部瀏覽器(ie6/7除外),可作為 pc 端後台系統與前台介面的速成開發方案。
├─css //css目錄

│  │─modules //模組css目錄(一般如果模組相對較大,我們會單獨提取,比如下面三個:)

│  │  ├─laydate

│  │  ├─layer

│  │  └─layim

│  └─layui.css //核心樣式檔案

├─font  //字型圖示目錄

│─lay //模組核心目錄

│  └─modules //各模組元件

│─layui.js //基礎核心庫

└─layui.all.js //包含layui.js和所有模組的合併檔案

layui官網 大家可以在這裡更全面的了解及使用layui框架

layui框架學習(1) 簡介

後台模版 什麼是layui框架?layui 諧音 類ui 是一款採用自身模組規範編寫的前端 ui 框架,遵循原生 html css js 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,元件豐盈,從核心 到 api 的每一處細節都經過精心雕琢,非常適合介面的快速開發。...

LayUi前端框架

首先宣告一下這是我第一次使用前端框架完成後台的配合工作,這在我工作中也是第一次遇見,因為公司有自己的前端開發工程師,不必要我們自己去實現前端的效果,雖然前端的東西並不是很難,但是重點就是繁瑣,小零碎太多,不想後台一樣,側重於邏輯,但是學習起來還是很方便的,就是中間踩到了不少的坑。題外話 只要努力,你...

layui框架整理

昨天在畫方框的時候發現搞不定方框,想到之前團隊裡面有人用了layui.就直接用了一下。因為時間緊張,沒有仔細看文件。解決遇到一堆的問題。layui使用form表單實現post請求頁面跳轉 如果想用form表單進行post請求跳轉,只能用這個方式了。所需要的引數在input裡面加好,然後在上面做賦值就...