Laravel Bladeを使用したHTMLコンテンツの表示方法

2024-02-08 03:56 Laravel Blade HTML
  1. 基本的なHTMLコンテンツの表示: Bladeテンプレート内でHTMLを直接書くことができます。例えば、以下のように記述します。
<!DOCTYPE html>
<html>
<head>
    <title>ページのタイトル</title>
</head>
<body>
    <h1>こんにちは、世界！</h1>
</body>
</html>
  1. 変数を使用してHTMLコンテンツを表示: Bladeでは、変数を使用して動的なコンテンツを表示することもできます。例えば、コントローラーで変数を設定し、Bladeテンプレートでその値を表示することができます。
<!-- コントローラー内での変数の設定 -->
public function showBlogPost()
{
    $title = 'ブログのタイトル';
    $content = 'ブログの内容';
    return view('blog.post', compact('title', 'content'));
}
<!-- Bladeテンプレート内での変数の表示 -->
<!DOCTYPE html>
<html>
<head>
    <title>{{ $title }}</title>
</head>
<body>
    <h1>{{ $content }}</h1>
</body>
</html>
  1. ループを使用して複数のHTMLコンテンツを表示: Bladeでは、foreachループを使用して配列やコレクションの要素を繰り返し表示することもできます。
<!-- コントローラー内でのデータの設定 -->
public function showBlogPosts()
{
    $posts = [
        ['title' => '記事1', 'content' => '記事1の内容'],
        ['title' => '記事2', 'content' => '記事2の内容'],
        ['title' => '記事3', 'content' => '記事3の内容'],
    ];
    return view('blog.posts', compact('posts'));
}
<!-- Bladeテンプレート内でのループの使用 -->
<!DOCTYPE html>
<html>
<head>
    <title>ブログ一覧</title>
</head>
<body>
    @foreach($posts as $post)
        <h2>{{ $post['title'] }}</h2>
        <p>{{ $post['content'] }}</p>
    @endforeach
</body>
</html>