分页显示是一种非常常见的浏览和显示大量数据的方法,属于web编程中最常处理的事件之一。对于web编程的老手来说,编写这种代码实在是和呼吸一样自然,但是对于初学者来说,常常对这个问题摸不着头绪,因此特地撰写此文对这个问题进行详细的讲解。

一、分页原理:
所谓分页显示,也就是将数据库中的结果集人为的分成一段一段的来显示,这里需要两个初始的参数:

每页多少条记录($PageSize)?
当前是第几页($CurrentPageID)?

现在只要再给我一个结果集,我就可以显示某段特定的结果出来。

至于其他的参数,比如:上一页($PReviousPageID)、下一页($NextPageID)、总页数($numPages)等等,都可以根据前边这几个东西得到。

以MySQL数据库为例,如果要从表内截取某段内容,sql语句可以用:select * from table limit offset, rows。看看下面一组sql语句,尝试一下发现其中的规率。

前10条记录:select * from table limit 0,10
第11至20条记录:select * from table limit 10,10
第21至30条记录:select * from table limit 20,10
……
这一组sql语句其实就是当$PageSize=10的时候取表内每一页数据的sql语句,我们可以总结出这样一个模板:
select * from table limit ($CurrentPageID - 1) * $PageSize, $PageSize
拿这个模板代入对应的值和上边那一组sql语句对照一下看看是不是那么回事。搞定了最重要的如何获取数据的问题以后,剩下的就仅仅是传递参数,构造合适的sql语句然后使用php从数据库内获取数据并显示了。

本篇文章主要介绍php+ajax实现的分页类,实现的最终效果如下图

代码如下

<?php //本分页类不处理SQL; //大大的加快了分页功能 //http://blog.csdn.net/fkedwgwy //潇湘博客--潇湘 /** 演示 require_once('../libs/classes/page.class.php'); $page=new page(array('total'=>1000,'perpage'=>20)); echo 'mode:1<br>'.$page->show(); echo '<hr>mode:2<br>'.$page->show(2); echo '<hr>mode:3<br>'.$page->show(3); echo '<hr>mode:4<br>'.$page->show(4); echo '<hr>开始AJAX模式:'; $ajaxpage=new page(array('total'=>1000,'perpage'=>20,'ajax'=>'ajax_page','page_name'=>'test')); echo 'mode:1<br>'.$ajaxpage->show(); */ class Zend_Page { /** * config ,public */ var $page_name="page";//page标签,用来控制url页。比如说xxx.php?PB_page=2中的PB_page var $next_page='>';//下一页 var $pre_page='<';//上一页 var $first_page='First';//首页 var $last_page='Last';//尾页 var $pre_bar='<<';//上一分页条 var $next_bar='>>';//下一分页条 var $format_left=''; var $format_right=''; var $is_ajax=false;//是否支持AJAX分页模式 var $next_ten_page=">>>"; var $per_ten_page="<<<"; /** * private * */ var $pagebarnum=10;//控制记录条的个数。 var $totalpage=0;//总页数 var $ajax_action_name='';//AJAX动作名 var $nowindex=1;//当前页 var $url="";//url地址头 var $offset=0; var $total=''; /** * constructor构造函数 * * @param array $array['total'],$array['perpage'],$array['nowindex'],$array['url'],$array['ajax']... */ function Zend_Page($array) { if(is_array($array)){ if(!array_key_exists('total',$array))$this->error(FUNCTION,'need a param of total'); $total=intval($array['total']); $perpage=(array_key_exists('perpage',$array))?intval($array['perpage']):10; $nowindex=(array_key_exists('nowindex',$array))?intval($array['nowindex']):''; $url=(array_key_exists('url',$array))?$array['url']:''; }else{ $total=$array; $perpage=10; $nowindex=''; $url=''; } if((!is_int($total))||($total<0))$this->error(FUNCTION,$total.' is not a positive integer!'); if((!is_int($perpage))||($perpage<=0))$this->error(FUNCTION,$perpage.' is not a positive integer!'); if(!empty($array['page_name']))$this->set('page_name',$array['page_name']);//设置pagename $this->_set_nowindex($nowindex);//设置当前页 $this->_set_url($url);//设置链接地址 $this->totalpage=ceil($total/$perpage); $this->total=$total; $this->offset=($this->nowindex-1)*$perpage; if(!empty($array['ajax']))$this->open_ajax($array['ajax']);//打开AJAX模式 } /** * 设定类中指定变量名的值,如果改变量不属于这个类,将throw一个exception * * @param string $var * @param string $value */ function set($var,$value) { if(in_array($var,get_object_vars($this))) $this->$var=$value; else { $this->error(FUNCTION,$var." does not belong to PB_Page!"); } } /** * 打开倒AJAX模式 * * @param string $action 默认ajax触发的动作。 */ function open_ajax($action) { $this->is_ajax=true; $this->ajax_action_name=$action; } /** * 获取显示"下一页"的代码 * * @param string $style * @return string */ function next_page($style='') { if($this->nowindex<$this->totalpage){ return $this->_get_link($this->_get_url($this->nowindex+1),$this->next_page,$style); } return '<span class="'.$style.'">'.$this->next_page.'</span>'; } /** * 获取显示“上一页”的代码 * * @param string $style * @return string */ function pre_page($style='') { if($this->nowindex>1){ return $this->_get_link($this->_get_url($this->nowindex-1),$this->pre_page,$style); } return '<span class="'.$style.'">'.$this->pre_page.'</span>'; } /** * 获取显示“上十页”的代码 * * @param string $style * @return string */ function pre_ten_page($style='') { if(intval($this->nowindex/10)+1>1){ return $this->_get_link($this->_get_url(intval($this->nowindex/10)*10-5),$this->pre_ten_page,$style); } return '<span class="'.$style.'">'.$this->pre_ten_page.'</span>'; } /** * 获取显示"下十页"的代码 * * @param string $style * @return string */ function next_ten_page($style='') { if(intval($this->nowindex/10) <intval($this->totalpage/10)){ return $this->_get_link($this->_get_url((intval($this->nowindex/10)+1)*10+5),$this->next_ten_page,$style); } return '<span class="'.$style.'">'.$this->next_ten_page.'</span>'; } /** * 获取显示“首页”的代码 * * @return string */ function first_page($style='') { if($this->nowindex==1){ return '<span class="'.$style.'">'.$this->first_page.'</span>'; } return $this->_get_link($this->_get_url(1),$this->first_page,$style); } /** * 获取显示“尾页”的代码 * * @return string */ function last_page($style='') { if($this->nowindex==$this->totalpage){ return '<span class="'.$style.'">'.$this->last_page.'</span>'; } return $this->_get_link($this->_get_url($this->totalpage),$this->last_page,$style); } function nowbar($style='',$nowindex_style='') { $plus=ceil($this->pagebarnum/2); if($this->pagebarnum-$plus+$this->nowindex>$this->totalpage)$plus=($this->pagebarnum-$this->totalpage+$this->nowindex); $begin=$this->nowindex-$plus+1; $begin=($begin>=1)?$begin:1; $return=''; for($i=$begin;$i<$begin+$this->pagebarnum;$i++) { if($i<=$this->totalpage){ if($i!=$this->nowindex) $return.=$this->_get_text($this->_get_link($this->_get_url($i),$i,$style)); else $return.=$this->_get_text('<span class="'.$nowindex_style.'">'.$i.'</span>'); }else{ break; } $return.="\n"; } unset($begin); return $return; } /** * 获取显示跳转按钮的代码 * * @return string */ function select() { $return='<select name="PB_Page_Select" onchange="location.replace(this.value)" >'; for($i=1;$i<=$this->totalpage;$i++) { if($i==$this->nowindex){ $return.='<option value='.$this->_get_url($i).' selected>'.$i.'</option>'; }else{ $return.='<option value='.$this->_get_url($i).'>'.$i.'</option>'; } } unset($i); $return.='</select>'; return $return; } /** * 获取mysql 语句中limit需要的值 * * @return string */ function offset() { return $this->offset; } /** * 控制分页显示风格(你可以增加相应的风格) * * @param int $mode * @return string */ function show($mode=1,$url='') { switch ($mode) { case '1': $this->next_page='下一页'; $this->pre_page='上一页'; return $this->pre_page().$this->nowbar().$this->next_page().'第'.$this->select().'页'; break; case '2': $this->next_page='下一页'; $this->pre_page='上一页'; $this->first_page='首页'; $this->last_page='尾页'; return $this->first_page().$this->pre_page().'[第'.$this->nowindex.'页]'.$this->next_page().$this->last_page().'第'.$this->select().'页'; break; case '3': $this->next_page='下一页'; $this->pre_page='上一页'; $this->first_page='首页'; $this->last_page='尾页'; return $this->first_page().$this->pre_page().$this->next_page().$this->last_page(); break; case '4': $this->next_page='next'; $this->pre_page='last'; return $this->pre_page().$this->nowbar().$this->next_page(); break; case '5': return $this->pre_bar().$this->pre_page().$this->nowbar().$this->next_page().$this->next_bar(); break; case '6': //启用了“上一页”,“下一页”,“最后一页”。可根据情况启用“第一页”。 //$this->first_page='<img src="'.HOSTPATH.'images/propageup.jpg" width="64" height="13" >'; $this->pre_page='<img src="'.HOSTPATH.'images/propageup.jpg" style="width:58px; height:18px;">'; $this->next_page='<img src="'.HOSTPATH.'images/propagedown.jpg" style="width:58px; height:18px;">'; $this->last_page='最后一页'; //return "<td width=39 align='center'>".$this->select()."</td>"."<td><span style='color:#666666'>页</span></td>"."<td width=72 align=right>".$this->first_page()."</td>"."<td width=72 align=right>".$this->pre_page()."</td>"."<td width=72 align=right>".$this->next_page()."</td>"."<td width=72 align=right>".$this->last_page()."</td>"; return "<td align='right'>共有[".$this->total."]件商品 ".$this->nowindex."/".$this->totalpage."页</td>"."<td width=145>".$this->pre_page()." ".$this->next_page()."</td>"."<td width=145>".$this->last_page()." ".$this->select()." 页 "; break; case '7': $this->next_page='<img src="'.HOSTPATH.'images/arrpagedown.jpg"/>'; $this->pre_page='<img src="'.HOSTPATH.'images/arrpageup.jpg"/>'; $this->first_page='<img src="'.HOSTPATH.'images/arrhome.jpg"/>'; $this->last_page='<img src="'.HOSTPATH.'images/arrend.jpg"/>'; if($this->totalpage==0) {$this->nowindex=0;} return $this->first_page()." ".$this->pre_page()." ".$this->next_page()." ".$this->last_page()." ".$this->select(); break; case '8': //启用了“上一页”,“下一页”,“最后一页”。可根据情况启用“第一页”。 //$this->first_page='<img src="'.HOSTPATH.'images/propageup.jpg" width="64" height="13" >'; $this->pre_page='<img src="'.HOSTPATH.'images/propageup.jpg" style="width:58px; height:18px;">'; $this->next_page='<img src="'.HOSTPATH.'images/propagedown.jpg" style="width:58px; height:18px;">'; $this->last_page='最后一页'; if($this->totalpage==0) {$this->nowindex=0;} //return "<td width=39 align='center'>".$this->select()."</td>"."<td><span style='color:#666666'>页</span></td>"."<td width=72 align=right>".$this->first_page()."</td>"."<td width=72 align=right>".$this->pre_page()."</td>"."<td width=72 align=right>".$this->next_page()."</td>"."<td width=72 align=right>".$this->last_page()."</td>"; return "<td align='right'>共有[".$this->total."]条信息 ".$this->nowindex."/".$this->totalpage."页</td>"."<td width=145>".$this->pre_page()." ".$this->next_page()."</td>"."<td width=145>".$this->last_page()." ".$this->select()." 页 "; break; } } /*----------------private function (私有方法)-----------------------------------------------------------*/ /** * 设置url头地址 * @param: String $url * @return boolean */ function _set_url($url="") { if(!empty($url)){ //手动设置 $this->url=$url.((stristr($url,'?'))?'&':'?').$this->page_name."="; }else{ //自动获取 if(empty($_SERVER['QUERY_STRING'])){ //不存在QUERY_STRING时 $this->url=$_SERVER['REQUEST_URI']."?".$this->page_name."="; }else{ // if(stristr($_SERVER['QUERY_STRING'],$this->page_name.'=')){ //地址存在页面参数 $this->url=str_replace($this->page_name.'='.$this->nowindex,'',$_SERVER['REQUEST_URI']); $last=$this->url[strlen($this->url)-1]; if($last=='?'||$last=='&'){ $this->url.=$this->page_name."="; }else{ $this->url.='&'.$this->page_name."="; } }else{ // $this->url=$_SERVER['REQUEST_URI'].'&'.$this->page_name.'='; }//end if }//end if }//end if } /** * 设置当前页面 * */ function _set_nowindex($nowindex) { if(empty($nowindex)){ //系统获取 if(isset($_GET[$this->page_name])){ $this->nowindex=intval($_GET[$this->page_name]); } }else{ //手动设置 $this->nowindex=intval($nowindex); } } /** * 为指定的页面返回地址值 * * @param int $pageno * @return string $url */ function _get_url($pageno=1) { return $this->url.$pageno; } /** * 获取分页显示文字,比如说默认情况下_get_text('<a href="">1</a>')将返回[<a href="">1</a>] * * @param String $str * @return string $url */ function _get_text($str) { return $this->format_left.$str.$this->format_right; } /** * 获取链接地址 */ function _get_link($url,$text,$style=''){ $style=(empty($style))?'':'class="'.$style.'"'; if($this->is_ajax){ //如果是使用AJAX模式 return '<a '.$style.' href="javascript:'.$this->ajax_action_name.'(\''.$url.'\')">'.$text.'</a>'; }else{ return '<a '.$style.' href="'.$url.'">'.$text.'</a>'; } } /** * 出错处理方式 */ function error($function,$errormsg) { die('Error in file <b>'.FILE.'</b> ,Function <b>'.$function.'()</b> :'.$errormsg); } } ?>