Laravel 自定义视图组件

Laravel 自定义视图组件,第1张

Laravel 自定义视图组件 Laravel 的视图合成器可将数据与指定视图绑定在一起,避免了重复编写代码。

View::composer('profile', 'App\Http\View\Composers\ProfileComposer');

由于数据的生成和渲染是分开进行的,理解起来不够直观。因此,可以采用视图组件的方式将两者进行封装。

<?php
namespace App\ViewComponents;
use Illuminate\Contracts\Support\Htmlable;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\View;
class ExampleComponent implements Htmlable
{
    private $color;
    private $request;
    public function __construct(Request $request, string $color)
    {
        $this->color = $color;
        $this->request = $request;
    }
    public function toHtml()
    {   
        return View::make('example')
            ->with('color', $this->color)
            ->render();
    }
}

在视图中使用

{{ app()->makeWith(App\ViewComponents\ExampleComponent::class,['color' => 'green'])->toHtml() }}

封装指令

Blade::directive('render', function ($expression) {
    list($class, $params) = explode(',', $expression, 2);
    $class = "App\ViewComponents\".trim($class, '\'" ');
    return "<?php echo app()->makeWith('$class', $params)->toHtml(); ?>";
});

使用指令

@render('ExampleComponent', ['color' => 'green'])

参考资料

spatie/laravel-view-components: A better way to connect data with view rendering in Laravel
Introducing View Components in Laravel, an alternative to View Composers - Laravel News

更多Laravel相关技术文章,请访问Laravel框架入门教程栏目进行学习!

以上就是Laravel 自定义视图组件的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/701768.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-23
下一篇 2022-04-23

发表评论

登录后才能评论

评论列表(0条)

保存