1.下载layui
https://www.layui.com/(layui前端框架由贤心创作)
2.查看文档
https://www.layui.com/doc/modules/laypage.html(分页)
3.实例展示
//核心配置
layui.config({
base : "js/"
}).use(['form','layer','jquery','laypage'],function(){
var form = layui.form(),
layer = parent.layer === undefined ? layui.layer : parent.layer,
laypage = layui.laypage,
$ = layui.jquery;
//加载页面数据
var noticeData = '';
$.ajax({
url:'/notice/select',
type:'post',
dataType:'json',
contenType : 'application/json',
error: function(data){
alert("失败!");
},
success: function(data){
noticeData=data;
noticeList();
}
});
function noticeList(that){
//渲染数据
function renderDate(data,curr){
var dataHtml = '';
layui实现分页查询
最新推荐文章于 2024-08-03 13:41:47 发布
本文介绍了如何使用前端框架 layui 实现分页查询功能,通过实际操作展示了分页的实现过程,总结了layui分页组件的关键配置和使用心得。
摘要由CSDN通过智能技术生成