.NET開発者のためのブログメディア
Laravel-adminの導入方法｜管理画面の作り方を具体的に解説
目次
LaravelでのLaravel-adminの使い方とは？
今回は、Laravelで管理画面を作成する方法について説明します。ここでは、管理画面用パッケージ「Laravel-admin」の導入方法を紹介します。
Laravel-adminでの管理画面を作成する方法に興味のある方はぜひご覧ください。
プロジェクトの生成
まず、Laravelのプロジェクトを生成します。ここでは、「myapp」というプロジェクトを生成します。以下のコマンドを実行します。
|
1 |
$ composer create-project laravel/laravel myapp --prefer-dist |
プロジェクトディレクトリに移動し、サーバを起動してみます。
|
1 2 |
$ cd myapp $ php artisan serve |
ブラウザから以下にアクセスして、Laravelが表示されれば成功しています。
https://localhost:8000/
次にデータベースを作成します。以下のコマンドを実行します。
|
1 2 |
$ mysql -u root create database mydb; |
次に、myapp/.envファイルを修正します。
|
1 2 3 |
DB_DATABASE=mydb DB_USERNAME=root # DB_PASSWORD=secret |
composerでLaravel-adminを導入
composerでLaravel-adminを導入します。以下のコマンドを実行します。
|
1 |
$ composer require encore/laravel-admin |
以下のように表示されれば成功しています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
Warning from https://repo.packagist.org: You are using an outdated version of Composer. Composer 2.0 is now available and you should upgrade. See https://getcomposer.org/2 Using version ^1.8 for encore/laravel-admin ./composer.json has been updated Loading composer repositories with package information Warning from https://repo.packagist.org: You are using an outdated version of Composer. Composer 2.0 is now available and you should upgrade. See https://getcomposer.org/2 Updating dependencies (including require-dev) Package operations: 5 installs, 0 updates, 0 removals - Installing doctrine/event-manager (1.1.1): Downloading (100%) - Installing doctrine/cache (1.10.2): Downloading (100%) - Installing doctrine/dbal (2.12.1): Downloading (100%) - Installing symfony/dom-crawler (v5.1.8): Downloading (100%) - Installing encore/laravel-admin (v1.8.11): Downloading (100%) doctrine/cache suggests installing alcaeus/mongo-php-adapter (Required to use legacy MongoDB driver) encore/laravel-admin suggests installing intervention/image (Required to handling and manipulation upload images (~2.3).) encore/laravel-admin suggests installing spatie/eloquent-sortable (Required to built orderable gird.) Writing lock file Generating optimized autoload files > Illuminate\Foundation\ComposerScripts::postAutoloadDump > @php artisan package:discover --ansi Discovered Package: encore/laravel-admin Discovered Package: facade/ignition Discovered Package: fideloper/proxy Discovered Package: fruitcake/laravel-cors Discovered Package: laravel/tinker Discovered Package: nesbot/carbon Discovered Package: nunomaduro/collision Package manifest generated successfully. |
このようにcomposerでLaravel-adminを導入します。
vendor外に出力
Laravelでは、assetファイルおよびConfigファイルをvendor外に出力できます。以下のコマンドを実行します。
|
1 |
$ php artisan vendor:publish --provider=""Encore\Admin\AdminServiceProvider"" |
以下のように表示されれば成功しています。
|
1 2 3 4 5 |
Copied Directory [/vendor/encore/laravel-admin/config] To [/config] Copied Directory [/vendor/encore/laravel-admin/resources/lang] To [/resources/lang] Copied Directory [/vendor/encore/laravel-admin/database/migrations] To [/database/migrations] Copied Directory [/vendor/encore/laravel-admin/resources/assets] To [/public/vendor/laravel-admin] Publishing complete. |
インストール
Laravel-adminをインストールします。以下のコマンドを実行します。
|
1 |
$ php artisan admin:install |
以下のように表示されれば成功しています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
Migration table created successfully. Migrating: 2014_10_12_000000_create_users_table Migrated: 2014_10_12_000000_create_users_table (35.57ms) Migrating: 2014_10_12_100000_create_password_resets_table Migrated: 2014_10_12_100000_create_password_resets_table (36.88ms) Migrating: 2016_01_04_173148_create_admin_tables Migrated: 2016_01_04_173148_create_admin_tables (301.44ms) Migrating: 2019_08_19_000000_create_failed_jobs_table Migrated: 2019_08_19_000000_create_failed_jobs_table (32.81ms) Database seeding completed successfully. Admin directory was created: /app/Admin HomeController file was created: /app/Admin/Controllers/HomeController.php AuthController file was created: /app/Admin/Controllers/AuthController.php ExampleController file was created: /app/Admin/Controllers/ExampleController.php Bootstrap file was created: /app/Admin/bootstrap.php Routes file was created: /app/Admin/routes.php |
データベースのテーブルを確認すると、admin_***が追加されていることが分かります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
mysql> show tables; +------------------------+ | Tables_in_mydb | +------------------------+ | admin_menu | | admin_operation_log | | admin_permissions | | admin_role_menu | | admin_role_permissions | | admin_role_users | | admin_roles | | admin_user_permissions | | admin_users | | failed_jobs | | migrations | | password_resets | | users | +------------------------+ 13 rows in set (0.00 sec) |
mysql>
次に、config/admin.php の中にある
|
1 |
‘https’ => env(‘ADMIN_HTTPS’, false), |
を
|
1 |
‘https’ => env(‘ADMIN_HTTPS’, true), |
に変更します。
このように、Laravel-adminをインストールします。
管理画面にアクセス
それではLaravel-adminの管理画面にアクセスしてみます。ブラウザから以下にアクセスしてください。
https://localhost:8000/admin
ID/PWともにadminです。ダッシュボードが表示されれば、Laravel-adminの導入は成功です。
まとめ
いかがでしたでしょうか。Laravelで管理画面を作成する方法について説明しました。ここでは、管理画面用パッケージ「Laravel-admin」の導入方法を紹介しました。
Laravel-admin以外にも管理画面用のパッケージはあるので、興味のある方は調べてみてください。
