1. 程式人生 > 實用技巧 >Laravel5.5 手動分頁和自定義分頁樣式的簡單實現

Laravel5.5 手動分頁和自定義分頁樣式的簡單實現

基於Laravel5.5 在專案實施過程中,需要對從介面中獲取的資料(或者通過搜尋工具查詢出來的資料)進行分頁

一、建立手動分頁

在laravel自帶的分頁中,一般是通過資料庫查詢訪問paginate()方法來達到分頁的效果 ,like this:

class IndexControllerextends Controller

{  
  publicfunctionindex()
  {
    $person = DB::table('person')->paginate(15);
 
    return view('index.pagTest',['person'=> $person]);
  }
}

檢視框架的分頁原始碼

#vender/laravel/framework/src/Illuminate/Database/Eloquent/Builder.php

/**
   * Paginate the given query.
   *
   * @param int $perPage
   * @param array $columns
   * @param string $pageName
   * @param int|null $page
   * @return \Illuminate\Contracts\Pagination\LengthAwarePaginator
   *
   * @throws \InvalidArgumentException
   */
  public function paginate($perPage = null, $columns = ['*'], $pageName = 'page', $page = null)
  {
    $page = $page ?: Paginator::resolveCurrentPage($pageName);
 
    $perPage = $perPage ?: $this->model->getPerPage();
 
    $results = ($total = $this->toBase()->getCountForPagination())
                  ? $this->forPage($page, $perPage)->get($columns)
                  : $this->model->newCollection();
 
    return $this->paginator($results, $total, $perPage, $page, [
      'path' => Paginator::resolveCurrentPath(),
      'pageName' => $pageName,
    ]);
  }

發現,分頁用了 \Illuminate\Contracts\Pagination\LengthAwarePaginator 構造方法,檢視這個構造方法

<?php
 
namespace Illuminate\Pagination;
 
use Countable;
use ArrayAccess;
use JsonSerializable;
use IteratorAggregate;
use Illuminate\Support\Collection;
use Illuminate\Support\HtmlString;
use Illuminate\Contracts\Support\Jsonable;
use Illuminate\Contracts\Support\Arrayable;
use Illuminate\Contracts\Pagination\LengthAwarePaginator as LengthAwarePaginatorContract;
 
class LengthAwarePaginator extends AbstractPaginator implements Arrayable, ArrayAccess, Countable, IteratorAggregate, JsonSerializable, Jsonable, LengthAwarePaginatorContract
{
  /**
   * The total number of items before slicing.
   *
   * @var int
   */
  protected $total;
 
  /**
   * The last available page.
   *
   * @var int
   */
  protected $lastPage;
 
  /**
   * Create a new paginator instance.
   *
   * @param mixed $items
   * @param int $total
   * @param int $perPage
   * @param int|null $currentPage
   * @param array $options (path, query, fragment, pageName)
   * @return void
   */
  public function __construct($items, $total, $perPage, $currentPage = null, array $options = [])
  {
    foreach ($options as $key => $value) {
      $this->{$key} = $value;
    }
 
    $this->total = $total;
    $this->perPage = $perPage;
    $this->lastPage = max((int) ceil($total / $perPage), 1);
    $this->path = $this->path !== '/' ? rtrim($this->path, '/') : $this->path;
    $this->currentPage = $this->setCurrentPage($currentPage, $this->pageName);
    $this->items = $items instanceof Collection ? $items : Collection::make($items);
  }

如果要實現手動分頁,只需要使用這個構造方法,給定引數,就能達到分頁的效果

貼程式碼:

public function setPage2(Request $request,$data,$prepage,$total){

    #每頁顯示記錄
    $prePage = $prepage;
    //$total =count($data);
    $allitem = $prepage *100;
    $total > $allitem ? $total = $allitem : $total;
    if(isset($request->page)){
      $current_page =intval($request->page);
      $current_page =$current_page<=0?1:$current_page;
    }else{
      $current_page = 1;
    }
    #url操作
    $url = $url='http://'.$_SERVER['SERVER_NAME'].$_SERVER["REQUEST_URI"];
    if(strpos($url,'&page')) $url=str_replace('&page='.$request->page, '',$url);
 
    # $data must be array
    $item =array_slice($data,($current_page-1)*$prePage,$prePage);
    $paginator = new LengthAwarePaginator($item,$total,$prePage,$current_page,[
      'path'=>$url,
      'pageName'=>'page'
    ]);
 
    return $paginator;
  }

($data 為需要進行分頁的資料)

說明:

1、在考慮到程式碼的複用性,我將分頁程式碼封裝到app/Controllers/Controller.php中的一個方法裡面,這樣在其他控制器裡只需要$this->setPage(Request $request,$data,$prepage,$total) 就能使用了,(前提:其他控制器繼承了Controller.php)

2、分頁的URL,因為我的專案的url一定會攜帶一個kw引數,所以我直接用str_replace替換"&page",如果是存在不攜參分頁的話,需要判斷,到底是"?page"還是"&page"。(url的邏輯可以自己寫)

#分頁 php

     $paginator = $this->setPage2($request,$data,25,$sum);
      $data =$paginator->toArray()['data'];

在模板中:{{$paginator->render()}}即能輸出分頁HTML,樣式如下:

二、自定義分頁樣式

在實際開發中,不希望使用者在瀏覽時直接瀏覽最後幾頁,只想使用者從前往後依次的瀏覽,如百度搜索分頁,這時候,就想修改分頁的樣式,經過一個下午的奮戰,貼出解決過程

在上一環節中,手動建立了分頁,瞭解HTML的模板生成是render()方法,

#\Illuminate\Contracts\Pagination\LengthAwarePaginator


/**
   * Render the paginator using the given view.
   *
   * @param string|null $view
   * @param array $data
   * @return \Illuminate\Support\HtmlString
   */
  public function render($view = null, $data = [])
  {
    return new HtmlString(static::viewFactory()->make($view ?: static::$defaultView, array_merge($data, [
      'paginator' => $this,
      'elements' => $this->elements(),
    ]))->render());
  }

經過思考,我們不去改laravel框架的原始碼,可以通過重構render方法或者重新定義一個生成HTML模板的方法來實現自定義HTML模板

因為我們只需要自定義HTML模板,所以,可以建立一個檔案,繼承\Illuminate\Contracts\Pagination\LengthAwarePaginator 類

看程式碼:

<?php
 
namespace App\Helpers;
 
use Illuminate\Pagination\LengthAwarePaginator;
/**
 * Created by PhpStorm.
 * User: 1
 * Date: 2018/4/9
 * Time: 9:08
 */
class Newpage extends LengthAwarePaginator {
 
  public $de_page = 10; //預設顯示分頁數
  public $pageHtml;
 
  public function newrender(){
    if($this->hasPages())
    {
 
      return sprintf("<ul class='pagination'>%s %s %s</ul>",
        $this->pre_page(),
        $this->pages_num(),
        $this->next_page()
      );
    }
  }
 
  #上一頁
  public function pre_page(){
    if($this->currentPage == 1){
      //dd($this->currentPage);
      return "<li class='disabled'><span>《</span></li>";
    }else{
 
      $url = $this->path."&page=".($this->currentPage-1);
      //dd($url);
      return "<li><a href=".$url." rel="external nofollow" rel='prev'>《</a></li>";
    }
  }
 
  #頁碼
  public function pages_num(){
    $pages = '';
    if($this->currentPage <= 6){
      for($i = 1; $i <= $this->de_page; $i++){
        if($this->currentPage == $i){
          $pages .= "<li class='active'><a href=".$this->path." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" &page=".$i.">".$i."</a></li>";
        }else{
          $pages .="<li><a href=".$this->path." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" &page=".$i.">".$i."</a></li>";
        }
      }
    }else{
      #當前頁前邊部分
      for($i = 5; $i >=1 ; $i--){
        $url =$this->currentPage-$i;
        $pages .= "<li><a href=".$this->path." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" &page=".$url.">".$url."</a></li>";
      }
      #當前頁
      $pages .= "<li class='active'><span>".$this->currentPage."</span></li>";
      #當前頁後邊部分
      for($i = 1;$i < 5; $i++ ){
        $nowpage =$this->currentPage+$i;
        $pages .= "<li><a href=".$this->path." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" &page=".$nowpage.">".$nowpage."</a></li>";
      }
    }
    return $pages;
 
  }
  #下一頁
  public function next_page(){
    if($this->currentPage < $this->total){
      $page =$this->currentPage+1;
      return "<li><a href=".$this->path." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" &page=".$page." rel='next'><span>》</span></a></li>";
    }else{
      return "<li class='disabled'><span>》</span></li>";
    }
 
  }
 
}

我選擇的方法是自定義新的方法生成HTML模板,模板中通過:{{$paginator->newrender()}}輸出HTML

如果選擇重構render()方法,只需要將上面的newrender()方法做一些小變動

public function render($view=null,$data=[]){
 
    if($this->hasPages())
    {
      return sprintf("<ul class='pagination'>%s %s %s</ul>",
        $this->pre_page(),
        $this->pages_num(),
        $this->next_page()
      );
    }
  }

模板中通過:{{$paginator->render()}}輸出HTML

最終效果如圖:

注意:自定義HTML後因為新建了一個類繼承了LengthAwarePaginator類,需要將第一步手動分頁的方法中new LengthAwarePaginator 修改為 new Newpage 引數不變。

以上這篇Laravel5.5 手動分頁和自定義分頁樣式的簡單實現就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援碼農教程。