前端分頁怎麼寫(layui框架的laypage)

2021-10-04 20:04:27 字數 747 閱讀 7641

如題

ajax請求到後台資料後,使用laypage,sumnum就是從後台拿到的總數

//使用layui

layui.

use(

'laypage'

,function()

]`).addclass

('active').

siblings

('.par-li').

removeclass

('active');

document.

queryselector

('#questions-ul').

scrollto(0

,0);

window.

scrollto(0

,0)}

});}

);

具體分頁邏輯:

var $ul =$(

'');//拿到放資料的容器

// 分頁

if(i %

10===0)

">`);

}else

">`);

} $parli.

($ul)

;//資料放到容器內

}

css部分

/*分頁*/

.par-li

.par-li.active

LayUi前端框架

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

Layui 前端框架(1)

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

LayUI 前端框架基礎知識

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