视图
简介
当然,直接从路由和控制器返回整个 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 中编写视图
许多开发人员已经开始喜欢使用 React 或 Vue 编写前端模板,而不是通过 Blade 在 PHP 中编写。 借助 Inertia,Laravel 使此过程变得轻松,Inertia 是一个库,可以轻松地将您的 React / Vue 前端连接到您的 Laravel 后端,而无需构建 SPA 的典型复杂性。
我们的 React 和 Vue 应用程序入门套件 为您的下一个由 Inertia 驱动的 Laravel 应用程序提供了一个良好的起点。
创建和渲染视图
您可以通过在应用程序的 resources/views
目录中放置一个扩展名为 .blade.php
的文件,或使用 make:view
Artisan 命令来创建视图
1php artisan make:view greeting
.blade.php
扩展名告知框架该文件包含 Blade 模板。 Blade 模板包含 HTML 以及 Blade 指令,这些指令使您可以轻松地输出值、创建“if”语句、迭代数据等等。
创建视图后,您可以从应用程序的路由或控制器之一中使用全局 view
辅助函数返回它
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
目录中视图文件的名称。 第二个参数是一个数据数组,该数组应提供给视图。 在这种情况下,我们正在传递 name
变量,该变量使用 Blade 语法 显示在视图中。
嵌套视图目录
视图可以嵌套在 resources/views
目录的子目录中。 “点”表示法可用于引用嵌套视图。 例如,如果您的视图存储在 resources/views/admin/profile.blade.php
,您可以从应用程序的路由/控制器之一返回它,如下所示
1return view('admin.profile', $data);
视图目录名称不应包含 .
字符。
创建首个可用的视图
使用 View
外观模式的 first
方法,您可以创建给定视图数组中存在的第一个视图。 如果您的应用程序或软件包允许自定义或覆盖视图,这可能会很有用
1use Illuminate\Support\Facades\View;2 3return View::first(['custom.admin', 'admin'], $data);
确定视图是否存在
如果您需要确定视图是否存在,可以使用 View
外观模式。 如果视图存在,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
方法来执行此操作。 通常,您应将对 share
方法的调用放在服务提供者的 boot
方法中。 您可以自由地将它们添加到 App\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(): void13 {14 // ...15 }16 17 /**18 * Bootstrap any application services.19 */20 public function boot(): void21 {22 View::share('key', 'value');23 }24}
视图组合器
视图组合器是在渲染视图时调用的回调或类方法。 如果您有想要在每次渲染视图时绑定到视图的数据,则视图组合器可以帮助您将该逻辑组织到单个位置。 如果应用程序中的多个路由或控制器返回相同的视图,并且始终需要特定的数据,则视图组合器可能特别有用。
通常,视图组合器将在您的应用程序的 服务提供者 之一中注册。 在此示例中,我们将假设 App\Providers\AppServiceProvider
将容纳此逻辑。
我们将使用 View
外观模式的 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 ServiceProvider11{12 /**13 * Register any application services.14 */15 public function register(): void16 {17 // ...18 }19 20 /**21 * Bootstrap any application services.22 */23 public function boot(): void24 {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}
现在我们已经注册了组合器,每次渲染 profile
视图时,都会执行 App\View\Composers\ProfileComposer
类的 compose
方法。 让我们看一下组合器类的示例
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): void21 {22 $view->with('count', $this->users->count());23 }24}
如您所见,所有视图组合器都通过 服务容器 解析,因此您可以在组合器的构造函数中类型提示您需要的任何依赖项。
将组合器附加到多个视图
您可以通过将视图数组作为 composer
方法的第一个参数传递,一次将视图组合器附加到多个视图
1use App\Views\Composers\MultiComposer;2use Illuminate\Support\Facades\View;3 4View::composer(5 ['profile', 'dashboard'],6 MultiComposer::class7);
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:cache
Artisan 命令来预编译应用程序使用的所有视图。 为了提高性能,您可能希望在部署过程中运行此命令
1php artisan view:cache
您可以使用 view:clear
命令清除视图缓存
1php artisan view:clear