Cakephp中pageHelper中的分頁應用

pageHelper 位置

app/View/Helper/PageHelper.phpphp

pageHelper代碼

class PageHelper extends AppHelper {

    private  $each_disNums;//每頁顯示的條目數
    private  $nums;//總條目數
    private  $current_page;//當前被選中的頁
    private  $sub_pages;//每次顯示的頁數
    private  $pageNums;//總頁數
    private  $page_array = array();//用來構造分頁的數組
    private  $subPage_link;//每一個分頁的連接
    private  $subPage_type;//顯示分頁的類型
    /**
     *__construct是SubPages的構造函數,用來在建立類的時候自動運行.
     *@$each_disNums   每頁顯示的條目數
     *@nums          總條目數
     *@current_num     當前被選中的頁
     *@sub_pages       每次顯示的頁數
     *@subPage_link    每一個分頁的連接
     *@subPage_type    顯示分頁的類型
     *當@subPage_type=1的時候爲普通分頁模式
     *example:   共4523條記錄,每頁顯示10條,當前第1/453頁 [首頁] [上頁] [下頁] [尾頁]
     *當@subPage_type=2的時候爲經典分頁樣式
     *example:   當前第1/453頁 [首頁] [上頁] 1 2 3 4 5 6 7 8 9 10 [下頁] [尾頁]
     */
    function __construct(){

    }
    function show($each_disNums,$nums,$current_page,$sub_pages,$subPage_link,$subPage_type){
        $this->each_disNums=intval($each_disNums);
        $this->nums=intval($nums);
        if(!$current_page){
            $this->current_page=1;
        }else{
            $this->current_page=intval($current_page);
        }
        $this->sub_pages=intval($sub_pages);
        $this->pageNums=ceil($nums/$each_disNums);
        $this->subPage_link=$subPage_link;
        $this->show_SubPages($subPage_type);

        //echo $this->pageNums."--".$this->sub_pages;
    }


    /**
     *__destruct析構函數,當類不在使用的時候調用,該函數用來釋放資源。
     */
    function __destruct(){
        unset($each_disNums);
        unset($nums);
        unset($current_page);
        unset($sub_pages);
        unset($pageNums);
        unset($page_array);
        unset($subPage_link);
        unset($subPage_type);
    }

    /**
     *show_SubPages函數用在構造函數裏面。並且用來判斷顯示什麼樣子的分頁
     */
    function show_SubPages($subPage_type){
        if($subPage_type == 1){
            $this->subPageCss1();
        }elseif ($subPage_type == 2){
            $this->subPageCss2();
        }elseif ($subPage_type == 3){
            $this->subPageCss3();
        }elseif ($subPage_type == 4){
            $this->subPageCss4();
        }
    }


    /**
     *用來給創建分頁的數組初始化的函數。
     */
    function initArray(){
        for($i=0;$i<$this->sub_pages;$i++){
            $this->page_array[$i]=$i;
        }
        return $this->page_array;
    }


    /**
     *construct_num_Page該函數使用來構造顯示的條目
     *即便:[1][2][3][4][5][6][7][8][9][10]
     **/
    function construct_num_Page(){
        if($this->pageNums < $this->sub_pages){
            $current_array=array();
            for($i=0;$i<$this->pageNums;$i++){
                $current_array[$i]=$i+1;
            }
        }else{
            $current_array=$this->initArray();
            if($this->current_page <= 3){
                for($i=0;$i<count($current_array);$i++){
                    $current_array[$i]=$i+1;
                }
            }elseif ($this->current_page <= $this->pageNums && $this->current_page > $this->pageNums - $this->sub_pages + 1 ){
                for($i=0;$i<count($current_array);$i++){
                    $current_array[$i]=($this->pageNums)-($this->sub_pages)+1+$i;
                }
            }else{
                for($i=0;$i<count($current_array);$i++){
                    $current_array[$i]=$this->current_page-2+$i;
                }
            }
        }

        return $current_array;
    }

    /**
     *構造普通模式的分頁
     *共4523條記錄,每頁顯示10條,當前第1/453頁 [首頁] [上頁] [下頁] [尾頁]
     **/
    function subPageCss1(){
        $subPageCss1Str="";
        $subPageCss1Str.="共".$this->nums."條記錄,";
        $subPageCss1Str.="每頁顯示".$this->each_disNums."條,";
        $subPageCss1Str.="當前第".$this->current_page."/".$this->pageNums."頁 ";
        if($this->current_page > 1){
            $firstPageUrl=$this->subPage_link."1";
            $prewPageUrl=$this->subPage_link.($this->current_page-1);
            $subPageCss1Str.="[<a href='$firstPageUrl'>首頁</a>] ";
            $subPageCss1Str.="[<a href='$prewPageUrl'>上一頁</a>] ";
        }else {
            $subPageCss1Str.="[首頁] ";
            $subPageCss1Str.="[上一頁] ";
        }

        if($this->current_page < $this->pageNums){
            $lastPageUrl=$this->subPage_link.$this->pageNums;
            $nextPageUrl=$this->subPage_link.($this->current_page+1);
            $subPageCss1Str.=" [<a href='$nextPageUrl'>下一頁</a>] ";
            $subPageCss1Str.="[<a href='$lastPageUrl'>尾頁</a>] ";
        }else {
            $subPageCss1Str.="[下一頁] ";
            $subPageCss1Str.="[尾頁] ";
        }

        echo  $subPageCss1Str;

    }


    /**
     *構造經典模式的分頁
     *[首頁] [上頁] 1 2 3 4 5 6 7 8 9 10 [下頁] [尾頁]
     */
    function subPageCss2(){
        $subPageCss2Str="";

        if($this->current_page > 1){
            $firstPageUrl=$this->subPage_link."1".'/pageTotal:'.$this->pageNums;
            $prewPageUrl=$this->subPage_link.($this->current_page-1).'/pageTotal:'.$this->pageNums;
            $subPageCss2Str.="<a class='y-width' href='$firstPageUrl'>首頁</a> ";
            $subPageCss2Str.="<a class='y-width' href='$prewPageUrl'>上一頁</a> ";
        }else {
            $subPageCss2Str.="<span class='y-width y-act-c'>首頁</span>";
            $subPageCss2Str.="<span class='y-width y-act-c'>上一頁</span>";
        }

        $a=$this->construct_num_Page();
        for($i=0;$i<count($a);$i++){
            $s=$a[$i];
            if($s == $this->current_page ){
                $subPageCss2Str.="<span style='color:red;font-weight:bold;'>".$s."</span>";
            }else{
                $url=$this->subPage_link.$s.'/pageTotal:'.$this->pageNums;
                $subPageCss2Str.="<a href='$url'>".$s."</a>";
            }
        }

        if($this->current_page < $this->pageNums){
            $lastPageUrl=$this->subPage_link.$this->pageNums.'/pageTotal:'.$this->pageNums;
            $nextPageUrl=$this->subPage_link.($this->current_page+1).'/pageTotal:'.$this->pageNums;
            $subPageCss2Str.=" <a class='y-width' href='$nextPageUrl'>下一頁</a> ";
            $subPageCss2Str.="<a class='y-width' href='$lastPageUrl'>尾頁</a> ";
        }else {
            $subPageCss2Str.="<span class='y-width y-act-c'>下一頁</span>";
            $subPageCss2Str.="<span class='y-width y-act-c'>尾頁</span>";
        }
        $subPageCss2Str.="共".$this->nums."條記錄,";
        $subPageCss2Str.="當前第".$this->current_page."/".$this->pageNums."頁 ";
        echo $subPageCss2Str;
    }


    /**
     *構造經典模式的分頁
     *當前第1/453頁 首頁 尾頁 1 2 3 4 5 
     **/
    function subPageCss3(){
        $subPageCss3Str="";
        $subPageCss3Str.="當前第".$this->current_page."/".$this->pageNums."頁 ";


        if($this->current_page > 1){
            $firstPageUrl=$this->subPage_link."1";
            $prewPageUrl=$this->subPage_link.($this->current_page-1);
            $subPageCss3Str.="<a href='$firstPageUrl'>首頁</a> ";
        }else {
            $subPageCss3Str.="首頁";
        }

        if($this->current_page < $this->pageNums){
            $lastPageUrl=$this->subPage_link.$this->pageNums;
            $nextPageUrl=$this->subPage_link.($this->current_page+1);
            $subPageCss3Str.="<a href='$lastPageUrl'>尾頁</a> ";
        }else {
            $subPageCss3Str.="尾頁";
        }

        $a=$this->construct_num_Page();
        for($i=0;$i<count($a);$i++){
            $s=$a[$i];
            if($s == $this->current_page ){
                $subPageCss3Str.="【 <span style='color:red;font-weight:bold;'>".$s."</span> 】";
            }else{
                $url=$this->subPage_link.$s;
                $subPageCss3Str.="<a href='$url'>".$s."</a>";
            }
        }

        echo $subPageCss3Str;
    }

    /**
     *構造經典模式的分頁
     *共4523條記錄,每頁顯示10條, [首頁] [上頁] [下頁] 1 2 3 4 5 .... [尾頁] 
     */

    function subPageCss4(){
        $subPageCss4Str="";
        $subPageCss4Str.="共".$this->nums."條記錄,";
        $subPageCss4Str.="當前第".$this->current_page."/".$this->pageNums."頁 ";
        //$subPageCss1Str.="當前第".$this->current_page."/".$this->pageNums."頁 ";
        if($this->current_page > 1){
            $firstPageUrl=$this->subPage_link."1";
            $prewPageUrl=$this->subPage_link.($this->current_page-1);
            $subPageCss4Str.="[<a href='$firstPageUrl'>首頁</a>] ";
            $subPageCss4Str.="[<a href='$prewPageUrl'>上一頁</a>] ";
        }else {
            $subPageCss4Str.="[首頁] ";
            $subPageCss4Str.="[上一頁] ";
        }

        $a=$this->construct_num_Page();
        for($i=0;$i<count($a);$i++){
            $s=$a[$i];
            if($s == $this->current_page ){
                $subPageCss4Str.="【 <span style='color:red;font-weight:bold;'>".$s."</span> 】";
            }else{
                $url=$this->subPage_link.$s;
                $subPageCss4Str.="<a href='$url'>".$s."</a>";
            }
        }

        if($this->current_page < $this->pageNums){
            $lastPageUrl=$this->subPage_link.$this->pageNums;
            $nextPageUrl=$this->subPage_link.($this->current_page+1);
            $subPageCss4Str.=" [<a href='$nextPageUrl'>下一頁</a>] ";
            $subPageCss4Str.="[<a href='$lastPageUrl'>尾頁</a>] ";
        }else {
            $subPageCss4Str.="[下一頁] ";
            $subPageCss4Str.="[尾頁] ";
        }

        echo  $subPageCss4Str;

    }

}

分頁一共有提供了四種形式,固然也能夠本身進行擴展css

用法

  • 在Controller裏的配置
    在Controller中經過public $helper = array('Page');引用便可,並在Controller中向view層裏set幾個參數
$this->set('limit', 10);       //limit      每頁顯示的條數
    $this->set('total', 100);      //total      總條數       
    $this->set('curpage', 1);      //curpage    當前頁
  • 在View層


<div class="fr y-page"> <?php echo $this->Page->show($limit, $total, $curpage, 5, "/Pages/display/param1:$param1/param2:$param2/curpage:",2 ); ?> </div>

其中能夠加多個參數,形式: param1:$param1/param2:$param2 條件參數html

固然到這步了,還缺乏樣式,下面爲樣式 代碼 (能夠本身進行調整)。segmentfault

  • Css代碼(可調整)
.fr {
        float: right;
    }
    .y-page {
        line-height: 18px;
        margin: 20px 0 10px;
    }
    .y-page .y-width {
        padding: 0 14px;
    }
    .y-page .y-act-c {
        color: #999999;
    }
    .y-page span {
        float: left;
        margin-right: 10px;
        margin-top: 3px;
    }
    .y-page .y-width {
        padding: 0 14px;
    }
    .y-page a {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #333333;
        float: left;
        font-size: 12px;
        height: 19px;
        line-height: 18px;
        margin-right: 5px;
        overflow: hidden;
        padding: 0 8px;
        text-align: center;
    }
    a {
        color: #2071BD;
        text-decoration: none;
    }
    a:hover{
        color: #E00000;
        text-decoration: underline;
    }

完成後,一個簡單的分頁就出來了
分頁樣式數組

相關文章
相關標籤/搜索