发表更新软件开发 / Laravel6 分钟读完 (大约890个字)0次访问

16 Blade 模板引擎

在上一篇中，我们详细探讨了 Laravel 中应用中间件的概念及其配置方法。今天，我们将继续深入 Laravel 框架，专注于视图与模板引擎，尤其是 Laravel 自带的 Blade 模板引擎。这一部分将为我们后续的数据传递打下基础。

什么是 Blade 模板引擎？

Blade 是 Laravel 自己的模板引擎，它提供了一种简单而优雅的方式来将 PHP 代码与 HTML 代码结合在一起。与传统的 PHP 模板相比，Blade 提供了许多强大的功能，比如模板继承、条件语句、循环等，让我们能够更高效地编写视图文件。

Blade 的基本语法

Blade 模板文件以 .blade.php 为后缀名。简单的 Blade 示例：

1
2
3
4
5
6
7
8
9
10
11
12
<!-- resources/views/welcome.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
</head>
<body>
    <h1>{{ $title }}</h1>
    <p>欢迎来到 Laravel 的世界！</p>
</body>
</html>

在这个示例中，我们使用了 {{ }} 语法来输出变量。此处的 $title 变量将在渲染视图时传递给它。

Blade 的控制结构

Blade 提供了多种控制结构，比如 if 语句和 foreach 循环，使得模板的编写更加灵活。例如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!-- resources/views/users.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
</head>
<body>
    <h1>用户列表</h1>

    @if(count($users) > 0)
        <ul>
            @foreach($users as $user)
                <li>{{ $user->name }}</li>
            @endforeach
        </ul>
    @else
        <p>没有用户。</p>
    @endif
</body>
</html>

在这里，我们使用 @if 和 @foreach 语法来控制 HTML 的输出。这样的书写方式比传统的 PHP 代码更易于阅读和维护。

模板继承

Blade 还支持模板继承，这使得我们的应用结构更为清晰。我们可以定义一个布局模板，然后在具体的视图中继承这个布局。

首先，创建一个布局模板：

1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- resources/views/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>@yield('title')</title>
</head>
<body>
    <div class="container">
        @yield('content')
    </div>
</body>
</html>

然后在具体的视图中使用这个布局：

1
2
3
4
5
6
7
8
9
<!-- resources/views/home.blade.php -->
@extends('layouts.app')

@section('title', '首页')

@section('content')
    <h1>欢迎来到首页</h1>
    <p>这里是首页的内容。</p>
@endsection

在这个示例中，@extends 表示该视图会继承自 layouts.app 布局模板，@section 用于定义该页面特定的内容。

Blade 模板中的组件

Laravel 的 Blade 模板引擎还支持组件，让我们能够复用复杂的结构。在创建组件之前，我们需要先定义一个组件类。

1
php artisan make:component Alert

这将创建一个新的组件类和视图。你可以在 App\View\Components 中找到组件类，并在 resources/views/components 中找到组件的视图。

接着，我们可以在 Blade 中使用这个组件：

1
2
<!-- 使用组件 -->
<x-alert type="success" :message="$message" />

组件的实现方式可以提升代码的可复用性和可维护性。

结论

在这一节中，我们深入了解了 Blade 模板引擎的基本用法，包括基本语法、控制结构、模板继承和组件。通过这些功能，Blade 帮助我们构建了更为清晰和可维护的视图层，对于后续的数据传递部分也做好了铺垫。

在下一篇中，我们将详细讨论如何在视图中传递数据，进一步探讨如何将控制器中的数据传递给视图并在 Blade 中进行展示。希望大家能够通过本篇学习到 Blade 模板引擎的巧妙之处，并在实际开发中灵活运用。

16 Blade 模板引擎

https://zglg.work/laravel-zero/16/

作者

IT教程网(郭震)

发布于

2024-08-15

更新于

2024-08-16

许可协议

#

分享转发

学习下节

复习上节

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论

×