码迷,mamicode.com
首页 > Web开发 > 详细

ThinkPhp 3.2 ajax无刷新分页(未完全改完,临时凑合着用)

时间:2017-01-06 12:37:12      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:floor   元素   cccccc   div   通过   return   htm   ring   file   

临时更改后的page类(很多地方没修改...因为笔者PHP没学好..)如下:

<?php
namespace Fenye\libs;
 /**
  file: page.class.php
  完美分页类 Page
 */
 class Page {
  private $total;          //数据表中总记录数
  private $listRows;       //每页显示行数
  private $limit;          //SQL语句使用limit从句,限制获取记录个数
  private $uri;            //自动获取url的请求地址
  private $pageNum;        //总页数
  private $page;       //当前页 
  private $config = array(
    ‘head‘ => "条记录",
    ‘prev‘ => "上一页",
    ‘next‘ => "下一页",
    ‘first‘=> "首页",
    ‘last‘ => "末页"
   );      
  //在分页信息中显示内容,可以自己通过set()方法设置
  private $listNum = 10;      //默认分页列表显示的个数

  /**
   构造方法,可以设置分页类的属性
   @param int $total  计算分页的总记录数
   @param int $listRows 可选的,设置每页需要显示的记录数,默认为25条
   @param mixed $query 可选的,为向目标页面传递参数,可以是数组,也可以是查询字符串格式
   @param  bool $ord 可选的,默认值为true, 页面从第一页开始显示,false则为最后一页
   */
 
  public function __construct($total, $listRows=25, $wurl="", $query="", $ord=true){
   $this->total = $total;
   $this->listRows = $listRows;
   $this->uri = $this->getUri($query);
   $this->pageNum = ceil($this->total / $this->listRows);
   /*以下判断用来设置当前面*/
   if(!empty($wurl)) {
    $page =$wurl;
   }else{
    if($ord)
     $page = 1;
    else
     $page = $this->pageNum;
   }

   if($total > 0) {
    if(preg_match(‘/\D/‘, $page) ){
     $this->page = 1;
    }else{
     $this->page = $page;
    }
   }else{
    $this->page = 0;
   }
   
   $this->limit =$this->setLimit();
  }

  /**
   用于设置显示分页的信息,可以进行连贯操作
   @param string $param 是成员属性数组config的下标
   @param string $value 用于设置config下标对应的元素值
   @return object   返回本对象自己$this, 用于连惯操作
   */
  function set($param, $value){
   if(array_key_exists($param, $this->config)){
    $this->config[$param] = $value;
   }
   return $this;
  }
  
  /* 不是直接去调用,通过该方法,可以使用在对象外部直接获取私有成员属性limit和page的值 */
  function __get($args){
   if($args == "limit" || $args == "page")
    return $this->$args;
   else
    return null;
  }
  
  /**
   按指定的格式输出分页
   @param int 0-7的数字分别作为参数,用于自定义输出分页结构和调整结构的顺序,默认输出全部结构
   @return string 分页信息内容
   */
  function fpage(){
   $arr = func_get_args();

   $html[0] = "<span class=‘p1‘>&nbsp;共<b> {$this->total} </b>{$this->config["head"]}&nbsp;</span>";
   $html[1] = "&nbsp;本页 <b>".$this->disnum()."</b> 条&nbsp;";
   $html[2] = "&nbsp;本页从 <b>{$this->start()}-{$this->end()}</b> 条&nbsp;";
   $html[3] = "&nbsp;<b>{$this->page}/<span id=‘zyl‘>{$this->pageNum}<span></b>页&nbsp;";
   $html[4] = $this->firstprev();
   $html[5] = $this->pageList();
   $html[6] = $this->nextlast();
   $html[7] = $this->goPage();
   
   $fpage = ‘<div style="font:12px \‘\5B8B\4F53\‘,san-serif;">‘;
   if(count($arr) < 1)
    $arr = array(0, 1,2,3,4,5,6,7);
   
   for($i = 0; $i < count($arr); $i++)
    $fpage .= $html[$arr[$i]];
  
   $fpage .= ‘</div>‘;
   return $fpage;
  }
  
  /* 在对象内部使用的私有方法,*/
  private function setLimit(){
   if($this->page > 0)
    return ($this->page-1)*$this->listRows.", {$this->listRows}";
   else
    return 0;
  }

  /* 在对象内部使用的私有方法,用于自动获取访问的当前URL */
  private function getUri($query){ 
   $request_uri = $wurl; //此处有更改
   $url = strstr($request_uri,‘?‘) ? $request_uri :  $request_uri.‘?‘;
   
   if(is_array($query))
    $url .= http_build_query($query);
   else if($query != "")
    $url .= "&".trim($query, "?&");
  
   $arr = parse_url($url);

   if(isset($arr["query"])){
    parse_str($arr["query"], $arrs);
    unset($arrs["page"]);
    $url = $arr["path"].‘?‘.http_build_query($arrs);
   }
   
   if(strstr($url, ‘?‘)) {
    if(substr($url, -1)!=‘?‘)
     $url = $url.‘&‘;
   }else{
    $url = $url.‘?‘;
   }
   
   return $url;
  }

  /* 在对象内部使用的私有方法,用于获取当前页开始的记录数 */
  private function start(){
   if($this->total == 0)
    return 0;
   else
    return ($this->page-1) * $this->listRows+1;
  }

  /* 在对象内部使用的私有方法,用于获取当前页结束的记录数 */
  private function end(){
   return min($this->page * $this->listRows, $this->total);
  }

  /* 在对象内部使用的私有方法,用于获取上一页和首页的操作信息 */
  private function firstprev(){
   if($this->page > 1) {
    $str = "&nbsp;<a href=‘javascript:wsx(\"1\")‘>{$this->config["first"]}</a>&nbsp;";
    $str .= "<a href=‘javascript:wsx(\"".($this->page-1)."\")‘>{$this->config["prev"]}</a>&nbsp;";  
    return $str;
   }

  }
 
  /* 在对象内部使用的私有方法,用于获取页数列表信息 */
  private function pageList(){
   $linkPage = "&nbsp;<b>";
   
   $inum = floor($this->listNum/2);
   /*当前页前面的列表 */
   for($i = $inum; $i >= 1; $i--){
    $page = $this->page-$i;

    if($page >= 1)
     $linkPage .= "<a href=‘javascript:wsx(\"{$page}\")‘>{$page}</a>&nbsp;";
   }
   /*当前页的信息 */
   if($this->pageNum > 1)
    $linkPage .= "<span style=‘padding:1px 2px;background:#BBB;color:white‘>{$this->page}</span>&nbsp;";
   
   /*当前页后面的列表 */
   for($i=1; $i <= $inum; $i++){
    $page = $this->page+$i;
    if($page <= $this->pageNum)
     $linkPage .= "<a href=‘javascript:wsx(\"{$page}\")‘>{$page}</a>&nbsp;";
    else
     break;
   }
   $linkPage .= ‘</b>‘;
   return $linkPage;
  }

  /* 在对象内部使用的私有方法,获取下一页和尾页的操作信息 */
  private function nextlast(){
   if($this->page != $this->pageNum) {
    $str = "&nbsp;<a href=‘javascript:wsx(\"".($this->page+1)."\")‘>{$this->config["next"]}</a>&nbsp;";
    $str .= "&nbsp;<a href=‘javascript:wsx(\"".($this->pageNum)."\")‘>{$this->config["last"]}</a>&nbsp;";
    return $str;
   }
  }

  /* 在对象内部使用的私有方法,用于显示和处理表单跳转页面 */
  private function goPage(){
       if($this->pageNum > 1) {
    /*return ‘&nbsp;<input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" onkeydown="javascript:if(event.keyCode==13){var page=(this.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.value;location=\‘‘.$this->uri.‘page=\‘+page+\‘\‘}" value="‘.$this->page.‘">
    <input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" onclick="javascript:var page=(this.previousSibling.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.previousSibling.value;location=\‘javascript:wsx(‘.$this->uri.‘page=\‘+page+\‘\‘)">&nbsp;‘;*/
    return ‘&nbsp;<input id="shuzi" style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text">
    <input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" onclick="wsx(0)">&nbsp;‘;
    
   }
  }

  /* 在对象内部使用的私有方法,用于获取本页显示的记录条数 */
  private function disnum(){
   if($this->total > 0){
    return $this->end()-$this->start()+1;
   }else{
    return 0;
   }
  }
 }

 
 
 

前台JS处理如下:

<script type="text/javascript">
$(document).ready(function(e){
 wsx("1");
 })
   function wsx(n)
   { //这段不用管  
   if(n==0){var shuzi=parseInt($("#shuzi").val());var zyl=parseInt($("#zyl").text());if(shuzi>zyl){shuzi=zyl;}n=shuzi;}
   //这段不用管
    $.ajax({
     url:"__CONTROLLER__/zymff",
     data:{wurl:n},
     type:"POST",
     dataType:"TEXT",
     success:function(data){
   var str="<table width=‘100%‘ border=‘1‘ cellpadding=‘0‘ cellspacing=‘0‘><tr><td>代号</td><td>名称</td><td>父级代号</td></tr>";  
   var fen=data.split("$");
   var list=fen[0]; var fpage=fen[1];
   var hang=list.split("|");
   for(i=0;i<hang.length;i++)
   {
    var dyg=hang[i].split("^");
    str+="<tr><td>"+dyg[0]+"</td><td>"+dyg[1]+"</td><td>"+dyg[2]+"</td></tr>";
    }
   $("#z1").html(str);
   $("#z2").html(fpage); 
   
      }})}

 

在后台处理页面,ajax的返回方式选择"eval",因为需要将分页后的数据和分页信息表全部返回,所以拼成字符串(用JSON应该也行...没试过)

public function zhuyemian() //主页面显示
    {    
        $this->display(); 
    }
    public function zymff()  //分页信息与数据处理
    {    $wurl=$_POST["wurl"];
        $u=M(‘chinastates‘);
        $count=$u->count();
         
        $page=new\Fenye\libs\Page($count,25,$wurl);
        $list = $u->limit($page->limit)->select();
        $xinxi=$page->fpage(); 
        foreach($list as $v)
            {
                $str .= implode("^",$v);
                $str .="|";
            }
        $str=substr($str,0,strlen($str)-1);    
        $str.="$";
        $str=$str.$xinxi;
        $this->ajaxReturn($str,"eval");
        
    }

 

ThinkPhp 3.2 ajax无刷新分页(未完全改完,临时凑合着用)

标签:floor   元素   cccccc   div   通过   return   htm   ring   file   

原文地址:http://www.cnblogs.com/bujianchenxi/p/6255587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!