分頁 · laravel 5.4

<article><h1>Laravel 的分頁功能</h1><ul><li><a href="#introduction">簡介</a></li><li><a href="#basic-usage">基本使用</a><ul><li><a href="#paginating-query-builder-results">對查詢語句構造器進行分頁</a></li><li><a href="#paginating-eloquent-results">對 Eloquent 模型進行分頁</a></li><li><a href="#manually-creating-a-paginator">手動創建分頁</a></li></ul></li><li><a href="#displaying-pagination-results">顯示分頁結果</a><ul><li><a href="#converting-results-to-json">將結果轉換為 JSON</a></li></ul></li><li><a href="#customizing-the-pagination-view">自定義分頁視圖</a></li><li><a href="#paginator-instance-methods">分頁器實例方法</a></li></ul><a name="introduction"></a><h2><a href="#introduction">簡介</a></h2>在其他的框架中，分頁是令人非常煩惱的。 Laravel 的分頁器為 <a href="/docs/5.4/queries">查詢構造器</a> 和 <a href="/docs/5.4/eloquent">Eloquent ORM</a> 集成提供了方便，并提供基于數據庫結果集的分頁開箱即用。分頁器生產的 HTML 兼容 <a href="https://getbootstrap.com/">Bootstrap CSS framework</a>.<a name="basic-usage"></a><h2><a href="#basic-usage">基本使用</a></h2><a name="paginating-query-builder-results"></a><h3>對查詢語句構造器進行分頁</h3>有幾種方法可以對項目進行分頁。最簡單的是在 <a href="/docs/5.4/queries">查詢語句構造器</a> 或 <a href="/docs/5.4/eloquent">Eloquent 查詢</a> 中使用 <code class=" language-php">paginate</code> 方法。 <code class=" language-php">paginate</code> 方法會自動基于當前用戶查看的當前頁面來設置適當的限制和偏移。默認情況下，當前頁面通過 HTTP 請求所帶的 <code class=" language-php">?page</code> 參數的值來檢測。當然，這個值會被 Laravel 自動檢測，并且自動插入到由分頁器生產的鏈接中。首先，讓我們先來看看如何在查詢上調用 <code class=" language-php">paginate</code> 方法。在這個例子中，傳遞給 <code class=" language-php">paginate</code> 方法的唯一參數是你希望在「每頁」顯示的數據數。在這種情況下，讓我們指定希望每頁顯示 <code class=" language-php">15</code> 條數據：<pre class=" language-php"><code class=" language-php"><?php namespace App\Http\Controllers; use Illuminate\Support\Facades\DB; use App\Http\Controllers\Controller; class UserController extends Controller { /** * 顯示應用中所有的用戶 * * @return Response */ public function index() { $users = DB::table('users')->paginate(15); return view('user.index', ['users' => $users]); } }</code></pre><blockquote class="has-icon note"><div class="flag"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"><path fill="#FFFFFF" d="M45 0C20.1 0 0 20.1 0 45s20.1 45 45 45 45-20.1 45-45S69.9 0 45 0zM45 74.5c-3.6 0-6.5-2.9-6.5-6.5s2.9-6.5 6.5-6.5 6.5 2.9 6.5 6.5S48.6 74.5 45 74.5zM52.1 23.9l-2.5 29.6c0 2.5-2.1 4.6-4.6 4.6 -2.5 0-4.6-2.1-4.6-4.6l-2.5-29.6c-0.1-0.4-0.1-0.7-0.1-1.1 0-4 3.2-7.2 7.2-7.2 4 0 7.2 3.2 7.2 7.2C52.2 23.1 52.2 23.5 52.1 23.9z"></path></svg></div> 目前，使用 <code class=" language-php">groupBy</code> 語句的分頁操作無法由 Laravel 有效執行。如果你需要在一個分頁結果集中使用 <code class=" language-php">groupBy</code>，建議你查詢數據庫并手動創建分頁器。</blockquote><h4>「簡單分頁」</h4>如果你只需要在你的分頁視圖中顯示簡單的「上一頁」和「下一頁」的鏈接，你可以使用 <code class=" language-php">simplePaginate</code> 方法來執行更高效的查詢。當你在渲染視圖時不需要顯示頁碼鏈接，這對于大數據集非常有用。<pre class=" language-php"><code class=" language-php">$users = DB::table('users')->simplePaginate(15);</code></pre><a name="paginating-eloquent-results"></a><h3>對 Eloquent 模型進行分頁</h3>你也可以對 <a href="/docs/5.4/eloquent">Eloquent</a> 查詢進行分頁。在這個例子中，我們將對 <code class=" language-php">User</code> 模型進行分頁并且每頁顯示 <code class=" language-php">15</code> 條數據。正如你看到的，語法幾乎與基于查詢語句構造器的分頁相同：<pre class=" language-php"><code class=" language-php">$users = App\User::paginate(15);</code></pre>當然，你可以在對查詢設置了其他限制之后調用 <code class=" language-php">paginate</code> 方法，例如 <code class=" language-php">where</code> 子句：<pre class=" language-php"><code class=" language-php">$users = User::where('votes', '>', 100)->paginate(15);</code></pre>你也可以在 Eloquent 模型進行分頁使用 <code class=" language-php">simplePaginate</code> 方法：<pre class=" language-php"><code class=" language-php">$users = User::where('votes', '>', 100)->simplePaginate(15);</code></pre><a name="manually-creating-a-paginator"></a><h3>手動創建分頁</h3>有時候你可能希望手動創建一個分頁實例，并傳遞其到項目數組中。你可以依據你的需求創建 <code class=" language-php">Illuminate\Pagination\Paginator</code> 或 <code class=" language-php">Illuminate\Pagination\LengthAwarePaginator</code> 實例。<code class=" language-php">Paginator</code> 類不需要知道結果集中的數據項總數；然而，由于這個，該類沒有用于檢索最后一頁索引的方法。<code class=" language-php">LengthAwarePaginator</code> 接收的參數幾乎和 <code class=" language-php">Paginator</code> 一樣；但是，它需要計算結果集中的數據項總數。換一種說法，<code class=" language-php">Paginator</code> 對應于查詢語句構造器和 Eloquent 的 <code class=" language-php">simplePaginate</code> 方法，而 <code class=" language-php">LengthAwarePaginator</code> 對應于 <code class=" language-php">paginate</code> 方法。<blockquote class="has-icon note"><div class="flag"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"><path fill="#FFFFFF" d="M45 0C20.1 0 0 20.1 0 45s20.1 45 45 45 45-20.1 45-45S69.9 0 45 0zM45 74.5c-3.6 0-6.5-2.9-6.5-6.5s2.9-6.5 6.5-6.5 6.5 2.9 6.5 6.5S48.6 74.5 45 74.5zM52.1 23.9l-2.5 29.6c0 2.5-2.1 4.6-4.6 4.6 -2.5 0-4.6-2.1-4.6-4.6l-2.5-29.6c-0.1-0.4-0.1-0.7-0.1-1.1 0-4 3.2-7.2 7.2-7.2 4 0 7.2 3.2 7.2 7.2C52.2 23.1 52.2 23.5 52.1 23.9z"></path></svg></div> 當手動創建分頁器實例時，你應該手動「切割」傳遞給分頁器的結果集。如果你不確定如何去做到這一點，查閱 PHP 的函數 <a href="https://secure.php.net/manual/en/function.array-slice.php">array_slice</a> 。</blockquote><a name="displaying-pagination-results"></a><h2><a href="#displaying-pagination-results">顯示分頁結果</a></h2>當調用 <code class=" language-php">paginate</code> 方法的時候，你將會接收到一個 <code class=" language-php">Illuminate\Pagination\LengthAwarePaginator</code> 實例。而當你調用 <code class=" language-php">simplePaginate</code> 方法時，你將會接收到一個 <code class=" language-php">Illuminate\Pagination\Paginator</code> 實例。這些對象提供了一些描述結果集的方法。除了這些輔助方法，分頁器是迭代器并且可以作為數組循環。因此，一旦檢索到結果集，你可以使用 <a href="/docs/5.4/blade">Blade</a> 模板顯示結果集并渲染頁面鏈接：<pre class=" language-php"><code class=" language-php"><div class="container"> @foreach ($users as $user) {{ $user->name }} @endforeach </div> {{ $users->links() }}</code></pre><code class=" language-php">links</code> 方法將會渲染結果集中的其他頁鏈接。這些鏈接中每一個都已經包含了 <code class=" language-php">?page</code> 查詢字符串變量。記住，<code class=" language-php">links</code> 方法生產的 HTML 兼容 <a href="https://getbootstrap.com">Bootstrap CSS framework</a><h4>自定義分頁器的 URI</h4><code class=" language-php">withPath</code> 方法允許你在生成分頁鏈接時自定義 URI 。例如，如果你想分頁器生成的鏈接如 <code class=" language-php">http://example.com/custom/url?page=N</code>，你應該傳遞 <code class=" language-php">custom/url</code> 到 <code class=" language-php">withPath</code> 方法：<pre class=" language-php"><code class=" language-php">Route::get('users', function () { $users = App\User::paginate(15); $users->withPath('custom/url'); // });</code></pre><h4>附加參數到分頁鏈接中</h4>你可以使用 <code class=" language-php">append</code> 方法附加查詢參數到分頁鏈接中。例如，要附加 <code class=" language-php">sort=votes</code> 到每個分頁鏈接，你應該這樣調用 <code class=" language-php">append</code> 方法：<pre class=" language-php"><code class=" language-php">{{ $users->appends(['sort' => 'votes'])->links() }}</code></pre>如果你希望附加「哈希片段」到分頁器的鏈接中，你應該使用 <code class=" language-php">fragment</code> 方法。例如，要附加 <code class=" language-php">#foo</code> 到每個分頁鏈接的末尾，應該這樣調用 <code class=" language-php">fragment</code> 方法：<pre class=" language-php"><code class=" language-php">{{ $users->fragment('foo')->links() }}</code></pre><a name="converting-results-to-json"></a><h3>將結果轉換為 JSON</h3>Laravel 分頁器結果類實現了 <code class=" language-php">Illuminate\Contracts\Support\Jsonable</code> 接口契約并且提供 <code class=" language-php">toJson</code> 方法，所以它很容易將你的分頁結果集轉換為 Json。你也可以簡單地通過從路由或者控制器動作返回分頁實例并將其轉換為 JSON ：<pre class=" language-php"><code class=" language-php">Route::get('users', function () { return App\User::paginate(); });</code></pre>從分頁器獲取的 JSON 將包含元信息，如： <code class=" language-php">total</code>, <code class=" language-php">current_page</code>, <code class=" language-php">last_page</code> 等等。實際的結果對象將通過 JSON 數組中的 <code class=" language-php">data</code> 鍵來獲取。以下是一個從路由返回分頁器實例創建的 JSON 示例：<pre class=" language-php"><code class=" language-php">{ "total": 50, "per_page": 15, "current_page": 1, "last_page": 4, "next_page_url": "http://laravel.app?page=2", "prev_page_url": null, "from": 1, "to": 15, "data":[ { // Result Object }, { // Result Object } ] }</code></pre><a name="customizing-the-pagination-view"></a><h2><a href="#customizing-the-pagination-view">自定義分頁視圖</a></h2>在默認情況下，視圖渲染顯示的分頁鏈接都兼容 Bootstrap CSS 框架。但是，如果你不使用 Bootstrap，你可以自定義你自己的視圖去渲染這些鏈接。當在分頁器實例中調用 <code class=" language-php">links</code> 方法，傳遞視圖名稱作為方法的第一參數：<pre class=" language-php"><code class=" language-php">{{ $paginator->links('view.name') }} // 傳遞數據到視圖中... {{ $paginator->links('view.name', ['foo' => 'bar']) }}</code></pre>然而，自定義分頁視圖最簡單的方法是通過 <code class=" language-php">vendor:publish</code> 命令將它們導出到你的 <code class=" language-php">resources/views/vendor</code> 目錄：<pre class=" language-php"><code class=" language-php">php artisan vendor:publish --tag=laravel-pagination</code></pre>這個命令將視圖放置在 <code class=" language-php">resources/views/vendor/pagination</code> 目錄中。這個目錄下的 <code class=" language-php">default.blade.php</code> 文件對應于默認分頁視圖。你可以簡單地編輯這個文件以修改分頁的 HTML 。<a name="paginator-instance-methods"></a><h2><a href="#paginator-instance-methods">分頁器實例方法</a></h2>每個分頁器實例通過以下方法提供額外的分頁信息：<ul><li><code class=" language-php">$results->count()</code></li><li><code class=" language-php">$results->currentPage()</code></li><li><code class=" language-php">$results->firstItem()</code></li><li><code class=" language-php">$results->hasMorePages()</code></li><li><code class=" language-php">$results->lastItem()</code></li><li><code class=" language-php">$results->lastPage() (當使用 simplePagination 時無效)</code></li><li><code class=" language-php">$results->nextPageUrl()</code></li><li><code class=" language-php">$results->perPage()</code></li><li><code class=" language-php">$results->previousPageUrl()</code></li><li><code class=" language-php">$results->total() (當使用 simplePagination 時無效)</code></li><li><code class=" language-php">$results->url($page)</code></li></ul><h2>譯者署名</h2><table><thead><tr><th>用戶名</th><th>頭像</th><th>職能</th><th>簽名</th></tr></thead><tbody><tr><td><a href="https://laravel-china.org/users/3848">@cjjian</a></td><td><img class="avatar-66 rm-style" src="https://dn-phphub.qbox.me/uploads/avatars/3848_1477641871.png?imageView2/1/w/100/h/100"></td><td>翻譯</td><td>Nothing is impossible. <a href="https://github.com/jcc/">@Jiajian Chan</a> at Github</td></tr></tbody></table></article>