articuli

Chì sò i cumpunenti di Laravel è cumu aduprà

I cumpunenti di Laravel sò una funzione avanzata, chì hè aghjuntu da a settima versione di laravel. In questu articulu, vedemu quale hè u cumpunente, cumu per creà, cumu utilizà i cumpunenti in u mudellu di lama è cumu parametrizzate u cumpunente passendu paràmetri.

Chì ghjè u cumpunente Laravel?

Un cumpunente hè un pezzu di codice chì pudemu reutilizà in ogni mudellu di blade. Hè qualcosa cum'è sezioni, layout, è include. Per esempiu, usemu u stessu header per ogni mudellu, cusì pudemu creà un componente Header, chì pudemu reutilizà.

Un altru usu di cumpunenti per capiscenu megliu hè cum'è s'ellu avete bisognu di usà un buttone di sign up in u situ web in parechji lochi, cum'è in l'intestazione, footer o in ogni locu in u situ web. Allora creanu un cumpunente di quellu codice di buttone è reutilizà.

Cumu creà cumpunenti in Laravel

Per esempiu, creamu un cumpunente Header Cù u 'Artisan:

php artisan make:component Header

Questu cumanda crea dui schedari in u vostru prughjettu laravel:

un schedariu PHP cù u nome Header.php in u cartulare app/http/View/Components;
è un schedariu HTML blade cù u nome header.blade.php in u cartulare resources/views/components/.

Pudete ancu creà cumpunenti in un subdirectory, cum'è:

php artisan make:component Forms/Button

Stu cumandimu creà un cumpunente di buttone in u cartulare App\View\Components\Forms è u schedariu blade serà postu in u repertoriu risorse / viste / cumpunenti / forme.

Per rende u cumpunente in u schedariu HTML blade, useremu sta sintassi:

Esempiu di cumpunenti Laravel

Prima avemu inseritu qualchì codice HTML in u schedariu header.blade.php di u cumpunente.

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

avà crea un schedariu di vista users.blade.php in u cartulare di risorse, induve pudemu usà u cumpunente di header.

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

avà, via u sistema Upravni di Laravel, chjamemu a lama per vede u risultatu in u navigatore

Cumu passà dati à i cumpunenti Laravel

Per passà dati à u cumpunente Blade a sintassi seguente hè aduprata, specificendu u valore in relazione à u paràmetru in l'elementu HTML:

<x-header message=”Utenti” />

Per esempiu, avemu usatu u cumpunente precedente in u schedariu users.blade.php.

Duverii defifinisce i dati di cumpunenti in u schedariu header.php. Tutti i dati publichi di variàbili eranu dispunibuli automaticamente per a vista di cumpunenti.

Aghjunghjite u codice in u schedariu header.php in u cartulare 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;

   }
}

Comu pudete vede, u metudu di custruttore di a classa stabilisce a variàbile $title cù u valore di u paràmetru passatu à u cumpunente. Avà aghjunghje a variabile $title in u schedariu di cumpunenti header.blade.php per vede i dati passati.

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

Avà i dati di cumpunenti trasmessi seranu visualizati in u navigatore.

In listessu modu, pudete aduprà stu cumpunente in una altra pagina di visualizazione cù dati diffirenti, creendu un altru schedariu di visualizazione blade contact.blade.php è aghjunghje sottu codice cumpunenti per vede i dati passati.