LaravelとBackpackで管理画面を爆速で構築する
Laravelで管理画面を構築するライブラリで有名なのはLaravel NovaやLaravel-adminだと思います。
Laravel Novaの作者はLaravel開発者のTaylor Otwell氏で、UIも綺麗でドキュメントも整っているため人気ですが、有料なためちょっとしたプロジェクトでは使いづらい場合があります。
Laravel-adminは無料ですが、メンテナンスが今後も続くか不透明なため業務で使うのは不安です。
そんな中、お金も手間もかけずに管理画面を生成したい場面があり、手頃なライブラリが無いか探していたところ見つけたのが Laravel-Backpack です。
Laravel-Backpackは長くメンテナンスされており、無料で利用できます。
今回は既にLaravelプロジェクトが作成されている前提で、Laravel-Backpackをインストールする手順と、簡単な管理画面の生成についてご紹介します。
Laravel-Backpackのインストール
composerでLaravel-Backpackをインストールし、Laravel-Backpackが用意したインストーラーで設定ファイル等をインストールします。
composer require backpack/crud
php artisan backpack:install
インストールが完了すると、「Add an admin user? (yes/no) [no]:」のようなメッセージが表示され、ユーザーを作成するか聞いてきます。
ユーザーを作成する場合は「yes」を入力してEnterすると、名前やメールアドレスなどの入力が求められ、ユーザーの作成が完了します。
管理画面にログイン
上記の手順にて管理画面のログイン、ダッシュボードが既に利用可能になっているので確認します。
- http://localhost/admin/にアクセス(localhostは環境によって適宜変更)
- インストール時に作成したユーザー情報などを入力してログイン
次の画像のようなダッシュボードが表示されたら成功です。
ユーザー管理画面を生成する
次にユーザーの管理画面を生成します。
コマンドで次のように入力、実行します。
php artisan backpack:crud user
処理が終わった後にブラウザの管理画面を再読み込みしてください。
左のメニューに「Users」が追加されていると思います。
「Users」をクリックし、次のような画像が表示されたら成功です。
管理画面に項目を追加する
ユーザーの項目を追加する方法や、画像アップロードに対応する方法について、別の記事にまとめました。
よろしければそちらもご確認ください。
LaravelとBackpackで構築した管理画面をカスタマイズする
まとめ
Laravel-Backpackのインストールと、ユーザー管理画面の生成方法について紹介しました。
インストールも管理画面の生成もコマンド1つで行えるため非常に簡単でした。
別に記事ではテキスト項目の追加や画像アップロード項目の追加方法もご紹介しています。
もっとLaravel-Backpackを活用されたい方はご覧ください。