php分页封装(10行代码搞定分页)

最新推荐文章于 2023-06-25 08:04:22 发布

spfLinux

最新推荐文章于 2023-06-25 08:04:22 发布

阅读量1.3k

点赞数

分类专栏： js php jQuery ajax 文章标签： php 分页封装

本文链接：https://blog.csdn.net/spfLinux/article/details/78819966

版权

js 同时被 3 个专栏收录

137 篇文章 3 订阅

订阅专栏

php

26 篇文章 0 订阅

订阅专栏

jQuery

21 篇文章 0 订阅

订阅专栏

html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		a{
			cursor: pointer;
			color: red;
		}
	</style>
</head>
<body>
	<table>
		<thead>
			<td>编号</td>
			<td>用户名</td>
			<td>邮箱</td>
			<td>手机号</td>
			<td>操作</td>
		</thead>
		<tbody id="tby">
			
		</tbody>
		<tfoot>
			<td><a id="first">首页</a></td>
			<td><a id="pre">上一页</a></td>
			<td><a id="next">下一页</a></td>
			<td><a id="last">尾页</a></td>
		</tfoot>
	</table>
	
	<script src="js/jquery.min.js"></script>
	<script src="js/fenye.js"></script>
	<script>
		first.οnclick=function(){
			firstPage();
		}
		pre.οnclick=function(){
			prePage();
		}
		next.οnclick=function(){
			nextPage();
		}
		last.οnclick=function(){
			lastPage();
		}
		window.οnlοad=function(){
			//参数1:元素id
			//参数2:每页显示数量
			//参数3:是否显示操作  1:显示 0:不显示
			//显示操作的部分 0:不显示 1:显示编辑 2:显示删除
			init('tby',4,1,3);
			//参数1:除操作外的列数
			//参数2:每列对应的属性(数据库表中对应属性)
			init1(4,['uid','uname','email','phone']);
			firstPage();
		}
	</script>
</body>
</html>

注：需要引入jquery

fenye.js:

//JQ作用域
//还可以加排序 动态选择每页页数
var curPage=1;
var totalPage=1;
var pageSize=4;
var ysId='',Num2=1,Num3=2;
var lNum=4,arr=[];
function firstPage() {loadPage(1);}
function prePage() {loadPage(curPage-1);}
function nextPage() {loadPage(curPage+1);}
function lastPage() {loadPage(totalPage);}
function init(id,num1,num2,num3){
	ysId=id;
	pageSize=num1;
	Num2=num2;
	Num3=num3;
}

function init1(ln,Arr){
	lNum=ln;
	arr=Arr;
}

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<data.length-1;i++){
			html+=`<tr>`;
			for(var j=0;j<arr.length;j++)
				   html+=`<td>${data[i][arr[j]]}</td>`;

			if(Num2==1&&Num3==3){
				html+=`<td><a>编辑<a>|<a οnclick='deleteRow(${data[i].uid})'>删除<a></td>
				   </tr>`;
			}else if(Num2==1&&Num3==2){
				html+=`<td><a οnclick='deleteRow(${data[i].uid})'>删除<a></td>
				   </tr>`;
			}else if(Num2==1&&Num3==1){
				html+=`<td><a>编辑<a></td>
				   </tr>`;
			}else{
				html+=`</tr>`;
			}
		}
		$('#'+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

<?php 

	$conn=mysqli_connect('127.0.0.1','root','','fenye',3306);
	mysqli_query($conn,'SET NAMES UTF8');
	$table='fy_users';
?>

fenye.php

<?php 

	require_once('init.php');

	@$currentPage=$_REQUEST['page'];
	@$pageSize=$_REQUEST['pageSize'];
	if($pageSize==''||$pageSize==null){
		$pageSize=4;
	}

	$sql="SELECT count(*) FROM $table";
	$result=mysqli_query($conn,$sql);
	$rowCount=mysqli_fetch_row($result)[0];

	$totalPage = ceil($rowCount/$pageSize);
	if($currentPage > $totalPage){  
        $currentPage = $totalPage;  
    }  
    if($currentPage < 1){  
        $currentPage = 1;  
    } 

	$start=($currentPage-1)*$pageSize;

	$sql="SELECT * FROM $table LIMIT $start,$pageSize";
	$result=mysqli_query($conn,$sql);
	$arr=mysqli_fetch_all($result,1);
	$lastStr = "{\"currentPage\":$currentPage,\"totalPage\":$totalPage,\"pageSize\":$pageSize}";
	Array_push($arr,$lastStr);

	echo json_encode($arr);
?>

deleterow.php

<?php 

	require_once('init.php');

	@$uid=$_REQUEST['rid'];

	$sql="DELETE FROM $table WHERE uid=$uid";
	
	mysqli_query($conn,$sql);
?>

基本界面是这样：

样式需要自己去写。

缺点：性能上优化不多。例如：php数据库查询用了select *，这里其实可以通过js传参去确定select后面的字段，可优化。

而且在前端传递字段(js)，会造成安全隐患。

优化版本已经发布，链接：

点击打开链接

spfLinux

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
php分页封装(10行代码搞定分页)

html: Document a{ cursor: pointer; color: red; } 编号用户名邮箱手机号操作首页上一页下一页尾页 first.onclick=function(){ first
复制链接

扫一扫