Laravel 現在の投稿から【次へ進む】【前に戻る】ボタンを実装

Laravel・PHP豆知識・トラブル対策

Laravelでは、現在の投稿を基準に、簡単に【次へ進む】【前に戻る】ボタンをつけることができます。

コントローラーへは、2行追加するだけ。

手順を説明していきます。

Laravel 現在の投稿から【次へ進む】【前に戻る】ボタンを実装

コントローラーを準備

ボタンを表示したいfunctionに、下記を追加しましょう。

モデルは【Text】としていますが、ご利用のモデル名に変更してください。

return viewに、$previous と $nextを追加しておきます。

コードは下記のようになります。

ビューにボタンをいれる

ビューに【次へ】と【前へ】ボタンを追加します。

このとき、リンク部分で、コントローラで設定した $previous と $nextを使っていきましょう。

@if (isset($previous)) と @if (isset($next)) をいれているので、もし該当するページがない場合は、ボタンは表示されません。

もし次のページのタイトルなどをいれたい場合は、$title カラムがテーブルにあれば、

$previous->title

などと入力できます。

Laravel・PHP豆知識・トラブル対策

【Laravelの教科書・プレゼント】

Junko
Laravelの使い方を覚えたい!と思ったら、ぜひ、役立ててほしいです。 基礎編は無料でプレゼント中です♪
ひつじプログラマ
会員制サイトをいちから作っていくよ。ボタンをクリックして詳細を見てね。
Laravelの教科書の詳細を見る

最新のLaravel10版テキストに加え、Laravel8版・Laravel9版もご用意しています♪

【無料プレゼント】

「LaravelでWebアプリをいちから作れるようになりたい!」

そんなLaravel初心者のあなたへ【Laravelの教科書】基礎編プレゼント中! 会員制フォーラムサイトを学習しながら作れます。

詳細はこちらをクリック

最新のLaravel10版テキストに加え、Laravel8版・Laravel9版もご用意しています♪

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。
Laravel10対応。Laravel11サポートガイドもご用意しています。詳しくは下記ボタンをクリック♪

書籍の詳細を見てみる

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravel10対応

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。

書籍の詳細を見てみる


Laravelの教科書限定コミュニティ【Laravelの教科書ラボ】はじめました。
セミナーで、StripeやChatGPT連携、デバックなど実践スキルを分かりやすく学べます。

ラボの案内を見てみる

Twitter始めました。
40代からプログラミング!
タイトルとURLをコピーしました