Laravel+AdminLET導入

ある開発プロジェクトでAdminLTEという管理画面テンプレートを知りました。ちょうど、別のプロジェクトで管理ツールのリニューアル的なことを考えていたので、いろいろ触ってみました。

「これがいいよ」ってオススメされたので、素直に従います。

バージョン

% sw_vers  
ProductName:		macOS
ProductVersion:		14.6.1
BuildVersion:		23G93
% php -v
PHP 8.3.10 (cli) (built: Jul 30 2024 13:44:37) (NTS)
% composer -v
Composer version 2.7.8 2024-08-22 15:28:36

インストール

### Laravelインストール
% composer create-project laravel/laravel .

### AdminLTE（jeroennoten/Laravel-AdminLTE）インストール
% composer require jeroennoten/laravel-adminlte
% php artisan adminlte:install

サンプルページを作成

公式ドキュメントにあるサンプルを実装します。

viewを作成

次のコマンドを実行し、home画面のviewを作成します。

% php artisan make:view home

作成したviewの中身を次のようにしました。

home.blade.php

@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
    <p>Welcome to this beautiful admin panel.</p>
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    <script> console.log("Hi, I'm using the Laravel-AdminLTE package!"); </script>
@stop

ルーティングを追加

/home でホーム画面を表示するように修正します。

web.php

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/home', function () {
    return view('home');
});

確認

あとがき

初Laravelでいろいろ調べながらでも、１時間程でそれっぽい画面が表示できてしまいました。また、サイドメニューもadminlte.phpの修正だけっぽいので、かなり良さそうです。
管理ツールに多くの開発リソースを持っていかれたくないので、こだわりがない場合は、Laravel+AdminLTEでサクッと作ってしまう選択肢があるのはいいですね。