THINKPHP3ajax无刷新分页类及实例

最近在网上看见很多关于thinkphp ajax无刷新分页的实例及说明都没有办法很容易的进行,所以我现在进行讲解和分析,这里已THINKPHP3.0 开始讲解

首先需要一个ajax的分页类

找到ThinkPHP\Extend\Library\ORG\Util 目录下的Page.class.php

复制一个Page.class.php 更改名字为AjaxPage.class.php 让这2个文件处与同一目录:

2. // +---------------------------------------------------------------------- 
3. // | ThinkPHP [ WE CAN DO IT JUST THINK IT ] 
4. // +---------------------------------------------------------------------- 
5. // | Copyright (c) 2009 http://thinkphp.cn All rights reserved. 
6. // +---------------------------------------------------------------------- 
7. // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) 
8. // +---------------------------------------------------------------------- 
9. // | Author: liu21st  
10. // +---------------------------------------------------------------------- 
11. // $Id: Page.class.php 2712 2012-02-06 10:12:49Z liu21st $ 
12. class AjaxPage { 
13.     // 分页栏每页显示的页数 
14.     public $rollPage = 5; 
15.     // 页数跳转时要带的参数 
16.     public $parameter  ; 
17.     // 默认列表每页显示行数 
18.     public $listRows = 20; 
19.     // 起始行数 
20.     public $firstRow ; 
21.     // 分页总页面数 
22.     protected $totalPages  ; 
23.     // 总行数 
24.     protected $totalRows  ; 
25.     // 当前页数 
26.     protected $nowPage    ; 
27.     // 分页的栏的总页数 
28.     protected $coolPages   ; 
29.     // 分页显示定制 
30.     protected $config  = array(&＃39;header&＃39;=>&＃39;条记录&＃39;,&＃39;prev&＃39;=>&＃39;上一页&＃39;,&＃39;next&＃39;=>&＃39;下一页&＃39;,&＃39;first&＃39;=>&＃39;第一页&＃39;,&＃39;last&＃39;=>&＃39;最后一页&＃39;,&＃39;theme&＃39;=>&＃39; %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first%  %prePage%  %linkPage%  %nextPage% %end%&＃39;); 
31.     // 默认分页变量名 
32.     protected $varPage; 
33.  
34.     public function __construct($totalRows,$listRows=&＃39;&＃39;,$ajax_func,$parameter=&＃39;&＃39;) { 
35.         $this->totalRows = $totalRows; 
36.         $this->ajax_func = $ajax_func; 
37.         $this->parameter = $parameter; 
38.         $this->varPage = C(&＃39;VAR_PAGE&＃39;) ? C(&＃39;VAR_PAGE&＃39;) : &＃39;p&＃39; ; 
39.         if(!emptyempty($listRows)) { 
40.             $this->listRows = intval($listRows); 
41.         } 
42.         $this->totalPages = ceil($this->totalRows/$this->listRows);     //总页数 
43.         $this->coolPages  = ceil($this->totalPages/$this->rollPage); 
44.         $this->nowPage  = !emptyempty($_GET[$this->varPage])?intval($_GET[$this->varPage]):1; 
45.         if(!emptyempty($this->totalPages) && $this->nowPage>$this->totalPages) { 
46.             $this->nowPage = $this->totalPages; 
47.         } 
48.         $this->firstRow = $this->listRows*($this->nowPage-1); 
49.     } 
50. public function setConfig($name,$value) { 
51.         if(isset($this->config[$name])) { 
52.             $this->config[$name]    =   $value; 
53.         } 
54.     } 
55.  
56.     public function show() { 
57.         if(0 == $this->totalRows) return &＃39;&＃39;; 
58.         $p = $this->varPage; 
59.         $nowCoolPage      = ceil($this->nowPage/$this->rollPage); 
60.         $url  =  $_SERVER[&＃39;REQUEST_URI&＃39;].(strpos($_SERVER[&＃39;REQUEST_URI&＃39;],&＃39;?&＃39;)?&＃39;&＃39;:"?").$this->parameter; 
61.         $parse = parse_url($url); 
62.         if(isset($parse[&＃39;query&＃39;])) { 
63.             parse_str($parse[&＃39;query&＃39;],$params); 
64.             unset($params[$p]); 
65.             $url   =  $parse[&＃39;path&＃39;].&＃39;?&＃39;.http_build_query($params); 
66.         } 
67.         //上下翻页字符串 
68.         $upRow   = $this->nowPage-1; 
69.         $downRow = $this->nowPage+1; 
70.         if ($upRow>0){ 
71.             $upPage=".$this->ajax_func."(".$upRow.")&＃39;>".$this->config[&＃39;prev&＃39;].""; 
72.         }else{ 
73.             $upPage=""; 
74.         } 
75. if ($downRow <= $this->totalPages){ 
76.             $downPage=".$this->ajax_func."(".$downRow.")&＃39;>".$this->config[&＃39;next&＃39;].""; 
77.         }else{ 
78.             $downPage=""; 
79.         } 
80.         // << < > >> 
81.         if($nowCoolPage == 1){ 
82.             $theFirst = ""; 
83.             $prePage = ""; 
84.         }else{ 
85.             $preRow =  $this->nowPage-$this->rollPage; 
86.             $prePage = ".$this->ajax_func."(".$preRow.")&＃39;>上".$this->rollPage."页"; 
87.             $theFirst = ".$this->ajax_func."(1)&＃39; >".$this->config[&＃39;first&＃39;].""; 
88.         } 
89.         if($nowCoolPage == $this->coolPages){ 
90.             $nextPage = ""; 
91.             $theEnd=""; 
92.         }else{ 
93.             $nextRow = $this->nowPage+$this->rollPage; 
94.             $theEndRow = $this->totalPages; 
95.             $nextPage = ".$this->ajax_func."(".$nextRow.")&＃39; >下".$this->rollPage."页"; 
96.             $theEnd = ".$this->ajax_func."(".$theEndRow.")&＃39; >".$this->config[&＃39;last&＃39;].""; 
97.         } 
98.         // 1 2 3 4 5 
99.         $linkPage = ""; 
100.         for($i=1;$i<=$this->rollPage;$i++){ 
101.             $page=($nowCoolPage-1)*$this->rollPage+$i; 
102.             if($page!=$this->nowPage){ 
103.                 if($page<=$this->totalPages){ 
104.                    $linkPage .= " .$this->ajax_func."(".$page.")&＃39;> ".$page." "; 
105.                 }else{ 
106.                     break; 
107.                 } 
108.             }else{ 
109.                 if($this->totalPages != 1){ 
110.                     $linkPage .= " ".$page.""; 
111.                 } 
112.             } 
113.         } 
114.         $pageStr  =  str_replace( 
115.             array(&＃39;%header%&＃39;,&＃39;%nowPage%&＃39;,&＃39;%totalRow%&＃39;,&＃39;%totalPage%&＃39;,&＃39;%upPage%&＃39;,&＃39;%downPage%&＃39;,&＃39;%first%&＃39;,&＃39;%prePage%&＃39;,&＃39;%linkPage%&＃39;,&＃39;%nextPage%&＃39;,&＃39;%end%&＃39;), 
116.             array($this->config[&＃39;header&＃39;],$this->nowPage,$this->totalRows,$this->totalPages,$upPage,$downPage,$theFirst,$prePage,$linkPage,$nextPage,$theEnd),$this->config[&＃39;theme&＃39;]); 
117.         return $pageStr; 
118.     } 
119. } 
120. ?> 

以上是我自己修改过的AjaxPage类

然后就要写控制器(Action):

1. public function test(){ 
2.   import("ORG.Util.AjaxPage");// 导入分页类  注意导入的是自己写的AjaxPage类 
3.    
4.   $credit = M(&＃39;test&＃39;); 
5.    
6.   $count = $credit->count(); //计算记录数 
7.         $limitRows = 15; // 设置每页记录数 
8.         
9.         $p = new AjaxPage($count, $limitRows,"test"); //第三个参数是你需要调用换页的ajax函数名 
10.         $limit_value = $p->firstRow . "," . $p->listRows; 
11.         
12.         $data = $credit->order(&＃39;id desc&＃39;)->limit($limit_value)->select(); // 查询数据 
13.         $page = $p->show(); // 产生分页信息，AJAX的连接在此处生成 
14.     $this->assign(&＃39;list&＃39;,$data); 
15.         $this->assign(&＃39;page&＃39;,$page); 
16.         $this->display(); 
17.  } 

这里没有进行Ajax的返回,如果需要就要自己修改AjaxPage类了哈,我觉得这样方便,就没有修改.

tpl页面重要部分:

1. <div id=&＃39;test&＃39;>   //这里的test 和下面js中的test要一致 
2. <volist id=&＃39;list&＃39; name=&＃39;list&＃39;>   //内容输出 
3.    ｛$list.id｝｛$list.test｝ 
4. volist> 
5. {$page}  //分页输出 
6. div> 

javascrip编写,调用了jquery 框架:

1. function test(id){    //test函数名 一定要和action中的第三个参数一致上面有 
2.  var id = id; 
3.         $.get(&＃39;Test/test&＃39;, {&＃39;p&＃39;:id}, function(data){  //用get方法发送信息到TestAction中的test方法 
4.      $("#test").replaceWith(""+data+"