跳至内容

视图

介绍

当然，直接从路由和控制器返回整个 HTML 文档字符串并不实际。幸好，视图提供了一种便捷的方法，可以将所有 HTML 放在单独的文件中。

视图将控制器/应用程序逻辑与表示逻辑分离，并存储在resources/views目录中。使用 Laravel 时，视图模板通常使用Blade 模板语言编写。一个简单的视图可能如下所示：

1<!-- View stored in resources/views/greeting.blade.php -->
2 
3<html>
4    <body>
5        <h1>Hello, {{ $name }}</h1>
6    </body>
7</html>

由于此视图存储在resources/views/greeting.blade.php，我们可以使用全局view帮助程序返回它，如下所示：

1Route::get('/', function () {
2    return view('greeting', ['name' => 'James']);
3});

想了解更多关于如何编写 Blade 模板的信息？查看完整的Blade 文档，开始学习。

在 React / Vue 中编写视图

许多开发人员不再使用 Blade 编写 PHP 前端模板，而是开始倾向于使用 React 或 Vue 编写模板。Laravel 借助Inertia 库让这一切变得轻而易举。Inertia 库可以轻松地将 React / Vue 前端与 Laravel 后端绑定，而无需构建 SPA 那样复杂的功能。

我们的React 和 Vue 应用程序入门套件为您下一个由 Inertia 提供支持的 Laravel 应用程序提供了良好的起点。

创建和渲染视图

.blade.php您可以通过将带有扩展名的文件放置在应用程序resources/views目录中或使用Artisan 命令来创建视图make:view：

1php artisan make:view greeting

该.blade.php扩展会告知框架该文件包含一个Blade 模板。Blade 模板包含 HTML 和 Blade 指令，可让您轻松回显值、创建“if”语句、迭代数据等。

创建视图后，您可以使用全局viewHelpers从应用程序的某个路由或控制器返回它：

1Route::get('/', function () {
2    return view('greeting', ['name' => 'James']);
3});

也可以使用外观返回视图View：

1use Illuminate\Support\Facades\View;
2 
3return View::make('greeting', ['name' => 'James']);

如您所见，传递给view辅助函数的第一个参数对应于目录中视图文件的名称resources/views。第二个参数是一个数组，其中包含应提供给视图的数据。在本例中，我们传递的是变量，该变量使用Blade 语法name显示在视图中。

嵌套视图目录

视图也可以嵌套在resources/views目录的子目录中。可以使用“点”符号引用嵌套视图。例如，如果您的视图存储在resources/views/admin/profile.blade.php，则可以从应用程序的某个路由/控制器中返回它，如下所示：

1return view('admin.profile', $data);

视图目录名称不应该包含该.字符。

创建第一个可用视图

使用ViewFacade 的first方法，你可以创建给定视图数组中的第一个视图。如果你的应用程序或包允许自定义或覆盖视图，这可能会很有用：

1use Illuminate\Support\Facades\View;
2 
3return View::first(['custom.admin', 'admin'], $data);

确定视图是否存在

如果需要判断某个视图是否存在，可以使用ViewFacade。如果视图存在，该exists方法将返回：true

1use Illuminate\Support\Facades\View;
2 
3if (View::exists('admin.profile')) {
4    // ...
5}

将数据传递给视图

正如您在前面的示例中所看到的，您可以将数据数组传递给视图，以使该数据可供视图使用：

1return view('greetings', ['name' => 'Victoria']);

以这种方式传递信息时，数据应该是包含键/值对的数组。将数据提供给视图后，您可以使用数据的键（例如 ）访问视图中的每个值<?php echo $name; ?>。

除了将完整的数据数组传递给view辅助函数之外，您还可以使用 该with方法将单个数据添加到视图。该with方法返回视图对象的实例，以便您可以在返回视图之前继续链接方法：

1return view('greeting')
2    ->with('name', 'Victoria')
3    ->with('occupation', 'Astronaut');

与所有视图共享数据

有时，您可能需要与应用程序渲染的所有视图共享数据。您可以使用View外观层的方法来实现。通常，您应该在服务提供者的方法中share调用该方法。您可以自由地将它们添加到类中，或生成单独的服务提供者来容纳它们：sharebootApp\Providers\AppServiceProvider

 1<?php
 2 
 3namespace App\Providers;
 4 
 5use Illuminate\Support\Facades\View;
 6 
 7class AppServiceProvider extends ServiceProvider
 8{
 9    /**
10     * Register any application services.
11     */
12    public function register(): void
13    {
14        // ...
15    }
16 
17    /**
18     * Bootstrap any application services.
19     */
20    public function boot(): void
21    {
22        View::share('key', 'value');
23    }
24}

查看 Composers

视图合成器是视图渲染时调用的回调函数或类方法。如果您希望每次渲染视图时都将数据绑定到该视图，视图合成器可以帮助您将这些逻辑组织到单个位置。如果应用程序中的多个路由或控制器返回同一个视图，并且始终需要特定的数据，那么视图合成器可能会特别有用。

通常，视图编辑器会在应用程序的某个服务提供商中注册。在本例中，我们假设App\Providers\AppServiceProvider包含此逻辑。

我们将使用ViewFacade 的composer方法来注册视图编辑器。Laravel 没有包含基于类的视图编辑器的默认目录，因此您可以随意组织它们。例如，您可以创建一个app/View/Composers目录来存放应用程序的所有视图编辑器：

 1<?php
 2 
 3namespace App\Providers;
 4 
 5use App\View\Composers\ProfileComposer;
 6use Illuminate\Support\Facades;
 7use Illuminate\Support\ServiceProvider;
 8use Illuminate\View\View;
 9 
10class AppServiceProvider extends ServiceProvider
11{
12    /**
13     * Register any application services.
14     */
15    public function register(): void
16    {
17        // ...
18    }
19 
20    /**
21     * Bootstrap any application services.
22     */
23    public function boot(): void
24    {
25        // Using class based composers...
26        Facades\View::composer('profile', ProfileComposer::class);
27 
28        // Using closure-based composers...
29        Facades\View::composer('welcome', function (View $view) {
30            // ...
31        });
32 
33        Facades\View::composer('dashboard', function (View $view) {
34            // ...
35        });
36    }
37}

现在我们已经注册了 composer，compose该类的方法App\View\Composers\ProfileComposer将在每次渲染视图时执行profile。我们来看一个 composer 类的例子：

 1<?php
 2 
 3namespace App\View\Composers;
 4 
 5use App\Repositories\UserRepository;
 6use Illuminate\View\View;
 7 
 8class ProfileComposer
 9{
10    /**
11     * Create a new profile composer.
12     */
13    public function __construct(
14        protected UserRepository $users,
15    ) {}
16 
17    /**
18     * Bind data to the view.
19     */
20    public function compose(View $view): void
21    {
22        $view->with('count', $this->users->count());
23    }
24}

如您所见，所有视图编辑器都是通过服务容器解析的，因此您可以在编辑器的构造函数中键入所需的任何依赖项。

将 Composer 附加到多个视图

您可以通过将视图数组作为第一个参数传递给composer方法，将视图编辑器一次附加到多个视图：

1use App\Views\Composers\MultiComposer;
2use Illuminate\Support\Facades\View;
3 
4View::composer(
5    ['profile', 'dashboard'],
6    MultiComposer::class
7);

该composer方法还接受*字符作为通配符，允许您将作曲家附加到所有视图：

1use Illuminate\Support\Facades;
2use Illuminate\View\View;
3 
4Facades\View::composer('*', function (View $view) {
5    // ...
6});

查看创作者

视图“创建器”与视图合成器非常相似；但是，它们在视图实例化后立即执行，而不是等到视图即将渲染时才执行。要注册视图创建器，请使用以下creator方法：

1use App\View\Creators\ProfileCreator;
2use Illuminate\Support\Facades\View;
3 
4View::creator('profile', ProfileCreator::class);

优化视图

默认情况下，Blade 模板视图是按需编译的。当执行渲染视图的请求时，Laravel 会判断是否存在该视图的编译版本。如果文件存在，Laravel 会判断未编译视图的修改时间是否比编译视图的修改时间更近。如果编译视图不存在，或者未编译视图已被修改，Laravel 会重新编译该视图。

在请求期间编译视图可能会对性能产生轻微的负面影响，因此 Laravel 提供了view:cacheArtisan 命令来预编译应用程序使用的所有视图。为了提高性能，您可能希望在部署过程中运行此命令：

1php artisan view:cache

您可以使用以下view:clear命令清除视图缓存：

1php artisan view:clear