ビューの作成方法

ビューとは

ビューとはブラウザで表示される見た目のことです。MVCのVに当たります。ユーザーインターフェースを構築するもので、コントローラから受け取った情報を見やすい形状に成形したり、入力フォーム等を通じてユーザーからのデーターの操作を受け付け、コントローラーに送信したりします。

Laravelでビューを作成する

Laravelでビューを作成するには

resources/viewsフォルダの中に新たにファイルを作成します。ここでは、hello-world.blade.phpを作成します。hello-worldの名前は任意で構いませんが、ファイルの拡張子は必ずblade.phpにする必要があります。これは、Laravelが使用しているテンプレートエンジンのBladeを使用するためです。コードは以下の通りです。

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>Hello World</title>
</head>
<body>
    <h1>Hello world from view.</h1>
</body>
</html>

上記のコードはすべてHTMLで最低限のコードしかかれていません。ほかにも書いておいたほうが良いコードはありますが、ここでは割愛します。titleタグはブラウザのタブに表示される文字列で、h1タグは見出しを表し、大きな文字でHello world from view.を表示するように指定しています。ここでの見た目はアクセスするブラウザによって多少異なります。これは、現段階では見た目を設定しておらず、ブラウザによって初期設定が異なるためです。

次にコントローラーを記述します。前回作成したHelloControllerの中に関数を追加します。今回はshowHelloFromViewという関数を設定します。ビューを呼び出すには以下のようにします。

public function showHelloFromView() {
        return view("hello-world");
    }

view関数の第一引数はビューファイルの名前になります。ファイル名は拡張子を抜いて記述します。もし、resources/viewsフォルダの中にフォルダを作りそれを指定したい場合は、resources/views/helloに保存した場合、コードは以下のように「.」を使用します。

public function showHelloFromView() {
        return view("hello.hello-world");
    }

次に、ルーティングを設定します。routes/web.phpに以下のコードを追加します。

Route::get("/hello-view", [HelloController::class, "showHelloFromView"]);

すべての設定が終わったら、http://localhost/hello-viewにアクセスし、Hello world from view.と表示されれば成功です。

今回は簡単なビューの作成とその登録方法について解説しました。ビューに使用されているテンプレートエンジンBaldeは様々な機能があるので、今後少しずつ解説していきます。次はデータベースにデータを追加する方法を解説していきます。

コメントを残す

CAPTCHA