php分页封装(10行代码搞定分页，优化版本1)

模板html:

	
	
	


	

		

			
编号
			
用户名
			
邮箱
			
手机号
			
操作
		
		

			
		
		

			
首页
			
上一页
			
下一页
			
尾页
		
	
	
	
	
	

注：需引入Jquery

fenye.js:

//JQ作用域
//还可以加排序 动态选择每页页数（这里是我后面要改进的，不用管）
var curPage=1;
var totalPage=1;
var pageSize=4;
var ysId='',Num2=1,Num3=2;
var lNum=4;
function firstPage() {loadPage(1);}
function prePage() {loadPage(curPage-1);}
function nextPage() {loadPage(curPage+1);}
function lastPage() {loadPage(totalPage);}
function init(id,num1,num2,num3,ln){
	ysId=id;
	pageSize=num1;
	Num2=num2;
	Num3=num3;
	lNum=ln;
}

function loadPage(page){
	$.ajax({
		type:'get',
		url:'php/fenye.php',
		data:`page=${page}&pageSize=${pageSize}`
	}).then(data=>{
		data=JSON.parse(data);
		var pageInfo=JSON.parse(data[data.length-1]);
		var html="";
		for(var i=0;i`;
			for(var j=0;j${data[i][j]}`;

			if(Num2==1&&Num3==3){
				html+=`编辑|删除
				   `;
			}else if(Num2==1&&Num3==2){
				html+=`删除
				   `;
			}else if(Num2==1&&Num3==1){
				html+=`编辑
				   `;
			}else{
				html+=``;
			}
		}
		$('#'+ysId).html(html);
		curPage=pageInfo.currentPage;
		totalPage=pageInfo.totalPage;
		pageSize=pageInfo.pageSize;
	});
}

function deleteRow(rid){
	var dFlag=confirm("确定删除吗？");
	if(dFlag){
		$.ajax({
			type:'get',
			url:'php/deleterow.php',
			data:`rid=${rid}`
		}).then(()=>{
			loadPage(curPage);
		})
	}
}

注：编辑这里没去做对应功能，需要自己加代码。

init.php:

fenye.php

 $totalPage){  
        $currentPage = $totalPage;  
    }  
    if($currentPage < 1){  
        $currentPage = 1;  
    } 

	$start=($currentPage-1)*$pageSize;
	//需要修改3：字段（注：第一个字段必须为唯一标识的字段，这样编辑和删除功能才可以正常使用）
	$sql="SELECT uid,uname,email,phone FROM $table LIMIT $start,$pageSize";
	$result=mysqli_query($conn,$sql);
	$arr=mysqli_fetch_all($result);
	$lastStr = "{\"currentPage\":$currentPage,\"totalPage\":$totalPage,\"pageSize\":$pageSize}";
	Array_push($arr,$lastStr);

	echo json_encode($arr);
?>

-----------------------------------------------

效果图：

数据库字段：