• Laravel

LaravelとBackpackで管理画面を爆速で構築する

LaravelとBackpackで管理画面を爆速で構築する

Laravelで管理画面を構築するライブラリで有名なのはLaravel NovaLaravel-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すると、名前やメールアドレスなどの入力が求められ、ユーザーの作成が完了します。

管理画面にログイン

上記の手順にて管理画面のログイン、ダッシュボードが既に利用可能になっているので確認します。

  1. http://localhost/admin/にアクセス(localhostは環境によって適宜変更)
  2. インストール時に作成したユーザー情報などを入力してログイン

次の画像のようなダッシュボードが表示されたら成功です。

Laravel-Backpack Dashboard

ユーザー管理画面を生成する

次にユーザーの管理画面を生成します。
コマンドで次のように入力、実行します。


php artisan backpack:crud user

処理が終わった後にブラウザの管理画面を再読み込みしてください。
左のメニューに「Users」が追加されていると思います。
「Users」をクリックし、次のような画像が表示されたら成功です。

Laravel-Backpack Users

管理画面に項目を追加する

ユーザーの項目を追加する方法や、画像アップロードに対応する方法について、別の記事にまとめました。
よろしければそちらもご確認ください。

LaravelとBackpackで構築した管理画面をカスタマイズする

まとめ

Laravel-Backpackのインストールと、ユーザー管理画面の生成方法について紹介しました。
インストールも管理画面の生成もコマンド1つで行えるため非常に簡単でした。
別に記事ではテキスト項目の追加や画像アップロード項目の追加方法もご紹介しています。
もっとLaravel-Backpackを活用されたい方はご覧ください。

  • Laravel
宮野 比伊呂

MIYANO HIIRO Chief Technology Officer / 宮野 比伊呂

記事をもっと見る

Our Signature Products, Born from Insight.

提案から生まれた、
MARBLEの代表プロダクト

お客様の課題を起点に、MARBLEが自ら構想し、
仕組みからデザイン、開発、運用まで一貫してつくり上げたプロダクト群です。
業務改善、運営効率化、新たな顧客体験の創出など、
企業の事業成長に直結する“実装された解決策”を形にしています。

  1. 01 入退場システム

    Entry System

    入退場システムのイメージ

    全国15店舗、会員数50万人以上のこども向けパークで稼働する入退場・決済・顧客管理システム。
    受付の効率化と回転率の向上を実現し、運営データの一元管理を可能にしています。

  2. 02 自動配送システム

    Delivery Routing

    50台のトラック、年間350日の配送を最適化する自動ルート生成システム。
    紙のFAXで届く約500件の配送情報をデジタル化し、最適ルートを自動で算出することで、大幅な業務効率化を実現しました。

  3. 03 会話型コマース連携

    Auto Routing

    ライブチャットでの接客からEC購入までを一つの導線でつなぐ会話型コマースシステム。
    リアルタイムの対話で顧客の購買意欲を高め、高いコンバージョン率につながる仕組みを構築しています。