Што такое кампаненты Laravel і як імі карыстацца

Кампаненты Laravel - гэта пашыраная функцыя, якая дадаецца ў сёмай версіі Laravel. У гэтым артыкуле мы паглядзім, што такое кампанент, як яго стварыць, як выкарыстоўваць кампаненты ў мадэлі ляза і як наладзіць кампанент шляхам перадачы параметраў.

Што такое кампанент Laravel?

Кампанент - гэта фрагмент кода, які мы можам паўторна выкарыстоўваць у любым лязе шаблона. Гэта нешта накшталт раздзелаў, макетаў і ўключэнняў. Напрыклад, мы выкарыстоўваем адзін і той жа загаловак для кожнага шаблону, так што мы можам стварыць кампанент Header, які мы можам выкарыстоўваць паўторна.

Іншае выкарыстанне кампанентаў для лепшага разумення - гэта тое, што вам трэба выкарыстоўваць кнопку рэгістрацыі на вэб-сайце ў многіх месцах, напрыклад, у верхнім, ніжнім калонтытуле або дзе-небудзь яшчэ на вэб-сайце. Затым стварыце кампанент кода гэтай кнопкі і выкарыстоўвайце яго паўторна.

Як ствараць кампаненты ў Laravel

Напрыклад, давайце створым кампанент Header З "Artisan:

php artisan make:component Header

Гэтая каманда стварае два файлы ў вашым праекце Laravel:

• файл PHP з назвай Header.php ўнутры каталога app/http/View/Components;
• і файл ляза HTML з назвай header.blade.php ўнутры каталога resources/views/components/.

Вы таксама можаце ствараць кампаненты ў падкаталогу, такія як:

php artisan make:component Forms/Button

Гэтая каманда створыць кампанент кнопкі ў каталогу App\View\Components\Forms і файл ляза будзе змешчаны ў каталог resources/views/components/forms.

Для рэндэрынгу кампанента ў файле HTML-ляза мы будзем выкарыстоўваць гэты сінтаксіс:

Прыклад кампанентаў Laravel

Спачатку мы ўстаўляем у файл HTML-код header.blade.php кампанента.

<div><h1> Header Component </h1></div>

цяпер стварыце файл прагляду users.blade.php у тэчцы актываў, дзе мы можам выкарыстоўваць кампанент загалоўка.

<x-header /><h1>User Page</h1>

цяпер, праз сістэму ст маршрутызацыя Laravel, мы называем лязо для адлюстравання выніку ў браўзеры

Як перадаць дадзеныя кампанентам Laravel

Для перадачы дадзеных у кампанент Blade выкарыстоўваецца наступны сінтаксіс, які паказвае значэнне, звязанае з параметрам унутры элемента HTML:

<x-header message=”Utenti” />

Напрыклад, мы выкарыстоўвалі папярэдні кампанент у файле users.blade.php.

Вы павінны defiачысціце дадзеныя кампанента ў файле header.php. Усе публічныя зменныя дадзеныя былі аўтаматычна даступныя для прагляду кампанентаў.

Дадайце код у файл header.php у каталогу app/http/View/Components/ .

<?php

namespace App\View\Components;
use Illuminate\View\Component;

   class Header extends Component{

   /*** The alert type.** @var string*/

   public $title = "";

   public function __construct($message){

   $this->title = $message;

   }
}

Як бачыце, метад канструктара класа задае зменную $title са значэннем параметра, перададзеным кампаненту. Цяпер дадайце зменную $title у файле-кампаненце header.blade.php каб паказаць мінулыя дадзеныя.

<div> <h1> {{$title}}'s Header Component </h1> </div>

Цяпер дадзеныя перададзеных кампанентаў будуць адлюстроўвацца ў браўзеры.

Падобным чынам вы можаце выкарыстоўваць гэты кампанент на іншай старонцы візуалізацыі з іншымі дадзенымі, стварыўшы іншы файл візуалізацыі blade contact.blade.php і дадайце ніжэй код кампанента, каб паказаць перададзеныя даныя.

<x-header message=”Contact Us” />

У кампаненце часам трэба ўказаць дадатковыя атрыбуты HTML, такія як імя класа CSS, вы можаце дадаць яго непасрэдна.

<x-header class=”styleDiv” />

Ercole Palmeri