【重要】コイン数の表記の変更と換金レート廃止について

Laravelのビュー/レイアウトとは

ビューとは

ビューはアプリケーションのフロントエンドを担当する。

Laravelでは、表示用のテンプレートをあらかじめ用意し、それを利用して画面表示を行うことが可能。

テンプレートは、「resources」フォルダ内にある「views」フォルダの中に配置する。また、PHPファイルとして作成する。

レイアウトという大枠を作ってそこにビューを組み込むのが一般的なやり方。

 

レイアウトの定義

以下の様に、レイアウトは大枠を定義する。

<!-- resources/views/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Laravel Quickstart - Basic</title>

        <!-- CSSとJavaScript -->
    </head>

    <body>
        <div class="container">
            <nav class="navbar navbar-default">
                <!-- ナビバーの内容 -->
            </nav>
        </div>

        @yield('content')
    </body>
</html>

@yield('content')」にビューを組み込んで内容を表示させる。

@yield('content')

ビューの定義

以下の様に画面に入力項目やボタンを追加する。

<!-- resources/views/tasks.blade.php -->
@extends('layouts.app')

@section('content')

    <!-- Bootstrapの定形コード… -->

    <div class="panel-body">
        <!-- 新タスクフォーム -->
        <form action="{{ url('task') }}" method="POST" class="form-horizontal">
            {{ csrf_field() }}

            <!-- タスク名 -->
            <div class="form-group">
                <label for="task" class="col-sm-3 control-label">タスク</label>

                <div class="col-sm-6">
                    <input type="text" name="name" id="task-name" class="form-control">
                </div>
            </div>

            <!-- タスク追加ボタン -->
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-6">
                    <button type="submit" class="btn btn-default">
                        <i class="fa fa-plus"></i> タスク追加
                    </button>
                </div>
            </div>
        </form>
    </div>

@endsection

@extends('layouts.app')」は先ほどの「resources/views/layouts/app.blade.php」レイアウトを使用するという意味。

@section('content')」から「@endsection」の内容を、先ほどのレイアウトで定義した「@yield('content')」の部分に挿入する。

 

ビューの表示

ルーティング機能を利用し、テンプレートの表示が可能。

Route::メソッド ( ※値 , function (){

    return view(テンプレート , [連想配列]);

});


第1引数使用するテンプレートの名前を指定。

第2引数テンプレートに渡す値を連想配列で指定。指定された連想配列の値は、そのままテンプレート内で使うことが可能。

ルーティングで割り当てるアドレス

 

具体例は以下の通り。

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

 

 



子記事
子記事はありません

同階層の記事
  1. インストール方法
  2. クイックスタート & チュートリアル(初心者向け)
  3. クイックスタート & チュートリアル(中級者向け)
  4. ルーティング
  5. ビュー/レイアウト
  6. Bladeテンプレート
  7. コントローラー
  8. マイグレーションとテーブル定義
  9. データベース
  10. Eloquentモデル (ORM)
  11. SQLとクエリビルダー
  12. DBトランザクション
  13. DBの悲観ロック
  14. バリデーション
  15. .envファイルの設定値へのアクセス
  16. 動作環境による分岐処理
  17. configフォルダ配下の設定値へのアクセス
  18. assetヘルパーを利用したpublicフォルダへのアクセス
  19. storageフォルダへのアクセス
  20. アプリケーション名の変更
  21. メンテナンス
  22. ログイン画面(認証システム)の作成
  23. ログインユーザー情報の取得
  24. ルートの認証化
  25. 本番サーバーへのデプロイ方法
  26. 多言語化
  27. csrf_field
  28. ファイルのダウンロード
  29. CSVのアップロードおよび読み込み(maatwebsite/excel)
  30. ページタイトルの設定
  31. コマンド一覧
  32. エラー一覧
  33. SQLの実行ログ出力方法
  34. キャッシュのクリア
  35. Selectの結果の最初もしくは最後に任意の値を追加する方法
  36. コントローラー内で他のコントローラーを呼び出す方法
  37. ajaxでPOST通信する際の注意点
  38. ソーシャルログインの実装
  39. セッション情報の確認
  40. ログイン、ユーザー登録、パスワードリセット後のリダイレクト先の変更方法
  41. redirectやreturn viewにメッセージを付与する方法
  42. クッキー(cookie)の設定と取得
  43. クラスの再読み込み
  44. csrfの有効時間を変更する方法
  45. ViewComposerを用いてviewに共通の値を付与する方法
  46. View::shareを用いて共通の値を各ビューに渡す方法
  47. ミドルウェアを用いた処理の共通化
  48. Middleware内でAuth::check()などを使用する方法
  49. Controller以外でリダイレクトする方法


詳細情報
過去バージョン
記事の差分



最近コメントのあった記事

コメント一覧


コメントがありません