Laravelを調べる：Controller/View追加編
環境
| Name | Version |
|---|---|
| OS | macOS Catalina (ver 10.15.7) |
| docker desktop | version 3.2.2 |
環境構築はこちら↓
Controllerの追加
Controllerの追加には以下のコマンドを実行します。
$ php artisan make:controller HogeController
実行すると、ディレクトリ: ./app/Http/Controllers に HogeController.phpが出力されました。
試しに、index() メソッドを追加してみます。
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HogeController extends Controller
{
// ↓ を追加!
public function index(){
return "Fuga Fuga!!";
}
}
ルーティングの追加(1)
routes/web.php に追加したコントローラを呼び出す行を追加する。
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\HogeController;
Route::get('/', function () {
return view('welcome');
});
Route::get('hoge', [HogeController::class, 'index']);
動作確認(1)
ブラウザで
http://localhost/hoge
を開くとControllerで出力している文字列: Fuga Fuga!! が表示される。
Viewの追加
class HogeController にview() メソッドを追加する。
public function view(){
$data = [
'msg1' => 'Hoge!',
'msg2' => 'Fuga...'
];
# view(path, args)
return view('hoge', $data);
}
}
ルーティングの追加(2)
./routes/web.php に再度ルーティングを追加します。
Route::get('hoge', [HogeController::class, 'view']);
テンプレートファイルの追加
ディレクトリ: resources/views/ にテンプレートファイル: hoge.blade.php を追加する。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
{{$msg1}}, {{$msg2}}
</body>
</html>
動作確認(2)
ブラウザでhttp://localhost/hoge にアクセスすると、Hoge!, Fuga... が表示される。