【Laravel 8】新しいページを作る３ステップ

Laravel初心者

Laravelで環境構築はできた！
新しいページを作りたいな。。でも
Laravelの仕組みがわかってないからイメージが湧かないんだよな〜
どうしたら新しいページを作れるんだろー？？

SUGAWAYA

そのような疑問は私が解決します！！

私は、現役エンジニアのSUGAWAYAです。

今回の記事では、わかりやすく３ステップで

新しいページの作り方を解説します。

それでは、一緒に手を動かして学んでいきましょう！！

新しいページを作る３ステップ
まとめ

新しいページを作る３ステップ

blade.phpファイルを作る
controllerを作成する
ルーティングを設定する

上記の３ステップで新しいページができます！

具体的に詳しく解説します。

１、blade.phpファイルを作る

resources/views/新しいページ用のbladeファイル

といった感じに任意の名前でblade.phpファイルを作成してください。

今回は例として３つのblade.phpファイルを作ります。

home.blade.php
about.blade.php
contact.blade.php

２、controllerを作成する

下記のcontroller作成コマンドをLaravelの作業ディレクトリで実行してください。

php artisan make:controller コントローラ名

今回はPageControllerを作るので以下のコマンドを実行します。

php artisan make:controller PageController

すると

app/Http/Controllers/PageController.php

といった感じでControllersディレクトリの下にPageController.phpが作成されました。

中身を見てみましょう。

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PageController extends Controller
{
    //
}

上記を編集して下記にします。

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PageController extends Controller
{
    public function home(){ 
        //bladeファイルの名前 (home.blade.phpの場合)
        return view('home');
    }

    public function about(){ 
        //bladeファイルの名前 (about.blade.phpの場合)
        return view('about');
    }

    public function contact(){ 
        //bladeファイルの名前 (contact.blade.phpの場合)
        return view('contact');
    }
}

上記の関数3つそれぞれは、Viewファイルを呼びだす記述をしています。

３、ルーティングを設定する

routes/web.phpを開いてください

中身は以下のようになっていると思います（初期段階）

<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

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

上記を編集して以下のようにしてください。

<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

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

//使いたいControllerをuse
use App\Http\Controllers\PageController;

//getでhttp://xxx.com/　にアクセスした時にPageControllerのhome()にアクセスする
Route::get('/', [PageController::class, 'home'])->name('home');

//同様にあと二つ
Route::get('/about', [PageController::class, 'about'])->name('about');
Route::get('/contact', [PageController::class, 'contact'])->name('contact');

ここまで作業しましたら、実際に指定したルーティングにアクセスしてみましょう。

例のURLは以下です