Laravel のビューとテンプレートエンジン: 美しくカスタマイズ可能なインターフェイスの構築-Laravel-php.cn

Laravel のビューとテンプレートエンジン: 美しくカスタマイズ可能なインターフェイスの構築

王林

リリース： 2023-08-12 13:54:26

オリジナル

1077 人が閲覧しました

Laravel のビューとテンプレートエンジン: 美しくカスタマイズ可能なインターフェイスの構築

Laravel のビューおよびテンプレートエンジン: 美しくカスタマイズ可能なインターフェイスの構築

現代の Web 開発では、ユーザーエクスペリエンスを向上させ、ユーザーを引き付けるために、美しく簡単にカスタマイズ可能なインターフェイスが重要です。重要です。人気の PHP フレームワークとして、Laravel は強力なビューおよびテンプレートエンジン機能を提供し、美しくカスタマイズ可能なインターフェイスを非常に簡単に構築できます。この記事では、Laravel のビューとテンプレートエンジンの基本的な概念と使用法を紹介し、読者がそれらをよりよく理解して適用できるようにいくつかのコード例を示します。

1. ビューの概要
ビューは、ユーザーが見る Web インターフェイスのプレゼンテーション層です。 Laravelでは、ビューファイルはresources/viewsディレクトリに保存されます。ビューファイルには .blade.php 拡張子が付いており、Blade テンプレートエンジンを使用してレンダリングされます。ビューファイルは、データの表示、ユーザー入力の処理、ページナビゲーションやその他の重要な機能の生成を担当します。

2. ビューの作成とレンダリング
新しいビューを作成するには、拡張子 .blade.php を持つ新しいファイルを resource/views ディレクトリに作成するだけです。たとえば、次の内容を含む、welcome.blade.php という名前のビューファイルを作成します。

<html>
<head>
    <title>Welcome</title>
</head>
<body>
    <h1>Welcome to Laravel</h1>
</body>
</html>

ログイン後にコピー

コントローラーでビューをレンダリングするには、次のコードを使用します。

public function welcome()
{
    return view('welcome');
}

ログイン後にコピー

ビューをレンダリングするとき, Laravelはビューファイルに変数を自動的に渡します。たとえば、データは次の方法でビューに渡すことができます:

public function welcome()
{
    $data = [
        'name' => 'John',
        'age' => 30
    ];

    return view('welcome', $data);
}

ログイン後にコピー

ビューファイルでは、渡されたデータは二重中括弧構文を使用してアクセスできます:

<h2>Hello, {{ $name }}</h2>
<p>Your age is {{ $age }}</p>

ログイン後にコピー

3. テンプレートエンジンとレイアウト
Laravel のテンプレートエンジン Blade は、より柔軟で再利用可能なインターフェイスを構築するための豊富な構文と機能を提供します。一般的に使用される Blade 構文の例を次に示します。

条件ステートメント:
@if ($age > 18)
```
 You are an adult.
```
ログイン後にコピー
@elseif ($age > ; = 13)
```
 You are a teenager.
```
ログイン後にコピー
@else
```
 You are a child.
```
ログイン後にコピー
@endif
ループステートメント:
@foreach ($users as $user)
```
 <p>{{ $user->name }}</p>
```
ログイン後にコピー
@endforeach
サブビューの導入:
@include('partials.header')

レイアウトの定義:

 <title>@yield('title')</title>

ログイン後にコピー

 <header>
     @yield('header')
 </header>
 <main>
     @yield('content')
 </main>
 <footer>
     @yield('footer')
 </footer>

ログイン後にコピー

##サブビューで @section ディレクティブと @extends ディレクティブを使用して、レイアウトのさまざまな部分を埋めることができます:

@extends('layouts.app')

@section('title', 'Welcome')

@section('header')
    <h1>Welcome to Laravel</h1>
@endsection

@section('content')
    <p>This is the main content.</p>
@endsection

@section('footer')
    <p>© 2021 Laravel</p>
@endsection

ログイン後にコピー

4. 共有データとテンプレートの継承

Laravel は共有データとテンプレートの継承の機能を提供し、複数のビュー間でデータとレイアウト構造を共有できます。

共有データ:
with メソッドと Compact メソッドを使用して、複数のビューにデータを共有できます:
public functionindex()
{
```
 $data = 'Some data';
 return view('view1')->with('data', $data);
```
ログイン後にコピー
}

ビュー内の共有データに直接アクセスできます:

<p>{{ $data }}</p>

ログイン後にコピー

extends ディレクティブを使用できます他のビューのレイアウトを継承し、@section ディレクティブと @yield ディレクティブを使用して特定のコンテンツを設定します。

5. 概要

Laravel のビューとテンプレートエンジンの機能は、美しくカスタマイズ可能なインターフェイスを構築するための強力なツールを開発者に提供します。ビューファイルの作成とレンダリング、および Blade テンプレートエンジンの柔軟な構文と機能を通じて、開発者はニーズを満たすインターフェイスを簡単に構築できます。同時に、データ共有機能やテンプレート継承機能により、インターフェースのカスタマイズやメンテナンスを効率化します。 Laravel のビューとテンプレートエンジンをマスターすることで、ユーザーの要件をより適切に満たし、Web 開発の効率と品質を向上させることができます。

上記は、Laravel のビューとテンプレートエンジンの紹介であり、読者がこの機能を理解し、応用するのに役立つことを願っています。徹底的に学び、実践し続けることで、より良いインターフェイスとユーザーエクスペリエンスを構築できるようになると信じています。

以上がLaravel のビューとテンプレートエンジン: 美しくカスタマイズ可能なインターフェイスの構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。