LayUi前端框架

2021-08-21 09:39:59 字數 992 閱讀 6949

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

題外話:只要努力,你想要的會離你越來越近。

簡介:首先說一下什麼是layui,layui他是乙個非常靈活的前端框架,使用得當的話可以幫助我們後端人員解決不少麻煩,為什麼說他靈活,因為他可以幫助我們在前端實現分頁,日期格式化,動態**的搭建,這是我在實際開發中所遇到的。

layui是通過js來實現的一系列功能,但是並不完全是js,首先如果我們想實現資料展示的話,我們需要先在js中渲染一下**之類的東西,上栗子

在者說一下前端分頁外加資料**,上栗子

這是乙個資料**外加分頁,這個東西是通過data,data中放的東西是從後台獲取到的資料,(這個資料**有兩種載入資料的方式,第一種就是通過非同步直接去資料庫中獲取資料然後展示出來,第二種是通過後台獲取資料,後台獲取到的話然後在載入資料**),其次這個分頁是前端分頁,不涉及一點後端的東西,page屬性是開啟分頁,limit是每頁展示的數量,limits是可以設定煤業展示資料的數量。

接著再說一下日期格式化and通過js把獲取的null資料改變值,上栗子

這個是通過js把獲取到的null資料改變為-

這個是通過把獲取到的日期型別轉變為utf-8的日期型別,直接呼叫formatdatetime這個方法就行,layui自帶的乙個日期格式化的方法

轉換前:

轉換後:

Layui 前端框架(1)

首先什麼是js物件導向開發?首先說一下什麼是layui,layui他是乙個非常靈活的前端框架,使用得當的話可以幫助我們後端人員解決不少麻煩,為什麼說他靈活,因為他可以幫助我們在前端實現分頁,日期格式化,動態 的搭建,這是我在實際開發中所遇到的。layui是通過js實現的一系列功能,但是並不完全是js...

LayUI 前端框架基礎知識

layui.js 布局 layui col md offset 定義列偏移,只會在桌面螢幕下有效,當低於桌面螢幕的臨界值時,就會堆疊 layui col space 定義列間距 柵格巢狀 後台布局 基本元件 尺寸 類可以一起用 自適應 圓角 大型百搭圓角按鈕 class layui btn layu...

前端技術,layui,輔助框架引用,CSS除錯

引入layui.css和layui.js檔案,直接呼叫引用樣式。antui與layui相似 葉建華前端課程 position absolute position relative 瀏覽器核心 類似汽車發動機,渲染引擎 網頁 結構,表現,行為 核心分類 trident ie核心 webkit safa...