【Laravel】ルート情報の追加【web.php】

Laravelでルート情報を追加する方法を学習し直しました。

備忘録として残します。

Contents

前提
- Laravel Projectが作成できていること
本題
- bladeを返す
htmlを返す
- html直書きを返す
- ヒアドキュメントに書いて返す
参照
- 『Laravel入門』(掌田津耶乃)
Laravelを効率的に学習したい場合
- スクールを活用するのも有効

前提

Laravel Projectが作成できていること

前提としてLaravelのProjectが作成できていることが必要。

インストールがまだの場合、こちらを参照する。

【Laravel】Project作成方法LaravelのProject作成方法について説明します。 Laravelでの開発をしたい場合にご参照下さい。前提 Comp...

本題

bladeを返す

「web.php」ファイルの編集、「views」フォルダ配下へのファイル配置によりbladeを返すことができる。

例 – PJ作成時に既存のデフォルトページを返す

web.php

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

Route::get('/', function () {

return view('welcome');

});

URIが’/’で叩かれたとき、welcome(resources/views/welcome.blade.php)を返す。

例 – original

web.php

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

Route::get('dice', function() {

return view('dice');

});

URIが’/dice’で叩かれたとき、dice(resources/views/dice.blade.php)を返す。diceの部分は各自で変えるか、準備する。

ルーティングの値を可変で設定するには、変数を指定する。例えば、’Route::get(‘dice/{$hoge}’, function() {});’と指定することで、dice/sampleでも、dice/hello、dice/hogehugaでもアクセスできる。

例 – templateの中身有り

templateも一例として載せる

resources/views/hello/index.blade.php

<html>
<head>
    <title>Hello/Index</title>
    <style>
    body { font-size:16pt; color:#999; }
    h1 { font-size:100pt; text-align:right; color:#f6f6f6; margin:-50px 0px -100px 0px; }
    </style>
</head>
<body>
    <h1>Index</h1>
    <p>This is a sample page with php-template.</p>
</body>
</html>

<html>

<head>

<title>Hello/Index</title>

<style>

body { font-size:16pt; color:#999; }

h1 { font-size:100pt; text-align:right; color:#f6f6f6; margin:-50px 0px -100px 0px; }

</style>

</head>

<body>

<h1>Index</h1>

<p>This is a sample page with php-template.</p>

</body>

</html>

web.php

Route::get('sampleDirectView', function() {
    return view('hello.index');
});

Route::get('sampleDirectView', function() {

return view('hello.index');

});

内部サーバで動かす場合、上記の場合は http://127.0.0.1:8000/sampleDirectView 動作確認できる。

htmlを返す

web.phpのreturnに直接htmlを記述したり、ヒアドキュメントを使って記述したhtmlコードを格納した変数をreturnすることができる。

html直書きを返す

一例

web.php

Route::get('/hello', function () {
    return '<html><body><h1>Hello</h1><p>This is sample page.</p></body></html>';
});

Route::get('/hello', function () {

return '<html><body><h1>Hello</h1><p>This is sample page.</p></body></html>';

});

引数を渡したい場合、function()の()内に記述する。

ターミナル

php artisan serve

1	php artisan serve

ブラウザ

http://127.0.0.1:8000/hello

1	http://127.0.0.1:8000/hello

ヒアドキュメントに書いて返す

web.phpに追記する。

web.php

$html = <<< EOF
<html>
<head>
<title>Hello</title>
<style>
body {font-size : 16pt; color:#999; }
h1 { font-size : 100pt; text-align : right; color : #eee; margin : #eee margin : -40px 0px -50px 0px;} 
</style>
</head>
<body>
    <h1>Hello</h1>
    <p>this is sample page.</p>
    これはサンプルで作ったページです。
</body>
</html>
EOF;

Route::get('hello', function() use ($html) {
    return $html;
});