Laravel 10 入門トップページ


目次

  1. プロジェクトを作成する
  2. データベースファイルを作成する
  3. Visual Studio Code を設定する
  4. .env を編集して初期設定する
  5. タイムゾーンと言語を設定する
  6. Webサーバを起動して終了する
  7. マイグレーションファイルを生成する
  8. テスト用データを設定する
  9. モデルを作成する
  10. コントローラを作成する
  11. ルートを定義する
  12. データベースからデータを取り出す
  13. トップページにリンクを設置する
  14. ビューを使ってレコードを表示する
  15. コメントを個別に表示するページを作成する
  16. コメント投稿機能を実装する
  17. 投稿内容を検証する
  18. 投稿内容を編集する
  19. 投稿コメントを削除する
  20. テストの自動化を実現する
  21. テストカバレッジを計測する
  22. 複数のLinuxコマンドを実行し,履歴からも実行する
  23. ビューをレイアウト化する
  24. Bootstrap を導入する
  25. SQLite を操作する
  26. フェイカでシーダを拡張する
  27. ページネーションを作る
  28. シーダに登録日時と更新日時を追加する
  29. 一覧表示を更新日時の降順にする
  30. フラッシュメッセージを表示する
  31. スタイルシートでデザインを整える

Laravel によるコメント掲示板の開発

一覧表示を更新日時の降順にする

データベースから検索結果をソートすることも Laravel では非常に簡単です.具体的には orderBy('フィールド名') メソッドを追加するだけで指定したフィールドで昇順ソートが可能です.また,orderBy('フィールド名', 'DESC') とすると降順でソートされます.コントローラを次のように書き換えるだけで更新日時の逆順で表示できるようになりました.

app/Http/Controllers/CommentsController.php(抜粋)
public function index()
{
    $comments = Comment::orderBy('updated_at', 'DESC')
            ->paginate(5);
    return view('comments.index')
            ->with('comments', $comments);
}
laravel10-2023-comment-57.png

新たなコメントを投稿すると(更新日時は一旦投稿日時と同じ値になるため),新たなコメントが先頭に表示されました.

laravel10-2023-comment-58.png

更新逆順で5番目のコメントを表示します.

laravel10-2023-comment-59.png

このコメントを更新すると,やはり先頭に表示されました.

laravel10-2023-comment-60.png

目次に戻る