PricingLoginStart free
PHP Academy · 课时

Blade 模板与视图

使用 Blade 指令、布局和组件渲染动态 HTML。

第 4 / 4 课13 个步骤

Blade 模板与视图 是 CoddyKit 上的免费 PHP Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 PHP Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 PHP Academy 课程共包含 4 节课。

什么是 Blade

Blade 是 Laravel 的模板引擎。文件以 .blade.php 结尾，并支持指令、循环和布局继承。Blade 会被编译为普通 PHP 并进行缓存。

输出变量

使用双大括号输出变量。该值会自动转义，以防止 XSS。

{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>

未转义输出

使用 {!! !!} 输出原始（未转义的）HTML。只有在内容可信时才应使用此语法。

{!! $htmlContent !!}

条件语句

Blade 提供 @if、@elseif、@else 和 @endif。

@if($user->isAdmin())
    <a href="/admin">Admin Panel</a>
@elseif($user->isEditor())
    <a href="/editor">Editor</a>
@else
    <a href="/dashboard">Dashboard</a>
@endif

@isset 和 @empty

用于执行常见 null 或空值检查的便捷简写。

@isset($username)
    <p>Welcome, {{ $username }}</p>
@endisset

@empty($items)
    <p>No items found.</p>
@endempty

循环

Blade 支持 @foreach、@for、@while 和 @forelse（使用 @empty 作为后备分支）。

@forelse($posts as $post)
    <article>
        <h2>{{ $post->title }}</h2>
    </article>
@empty
    <p>No posts yet.</p>
@endforelse

$loop 变量

在 @foreach 内部，$loop 会提供元数据：$loop->index、$loop->first、$loop->last 和 $loop->count。

使用 @extends 和 @section 布局

定义主布局，然后在子视图中扩展该布局。

{{-- layouts/app.blade.php --}}
<html>
<body>
    @yield("content")
</body>
</html>

{{-- pages/home.blade.php --}}
@extends("layouts.app")
@section("content")
    <h1>Home Page</h1>
@endsection

@include

引入子视图片段。

@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])

Blade 组件

可复用组件位于 resources/views/components/ 中，并使用 <x-component-name> 语法。

{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
    {{ $slot }}
</div>

{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>

向视图传递数据

在控制器中，使用带数组的 view() 或 compact() 传递数据。

<?php
return view("users.index", [
    "users" => User::all(),
    "title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));

总结

Blade 会被编译为 PHP。使用 {{ }} 输出已转义的内容，使用 @extends/@section 定义布局，使用 @foreach/@forelse 执行循环，并使用 <x-component> 创建可复用的界面。

快速检查

哪种 Blade 语法可以安全地转义输出，从而防止 XSS？

在交互式课程中回答
免费开始

用 AI 导师学习 PHP — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程
49
课程
195
免费开始学习查看完整课程

常见问题解答

「Blade 模板与视图」课时是免费的吗？

是的 — 「Blade 模板与视图」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 PHP Academy 课程的其余内容，请升级到 CoddyKit PRO。 PHP Academy 课程共包含 4 节课。

「Blade 模板与视图」这节课中我会学到什么？

使用 Blade 指令、布局和组件渲染动态 HTML。 你通过在浏览器中直接运行的动手代码来练习 PHP Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 PHP Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 PHP Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。

「Blade 模板与视图」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 PHP Academy 课中编写并运行代码吗？

能。每节 PHP Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. Laravel 项目结构
  2. 在 Laravel 中定义路由
  3. 控制器与操作
  4. Blade 模板与视图
← 返回 PHP Academy