Ziziphi izinto zeLaravel kunye nendlela yokuzisebenzisa

Amacandelo e-Laravel yinto ephambili, eyongezwa yinguqulelo yesixhenxe ye-laravel. Kweli nqaku siza kubona ukuba yintoni icandelo, indlela yokuyidala, indlela yokusebenzisa amacandelo kwimodeli ye-blade kunye nendlela yokwenza i-parameterize icandelo ngokudlula iiparitha.

Yintoni iLaravel Component?

Icandelo yinxalenye yekhowudi esinokuphinda siyisebenzise kuyo nayiphi na iblade yetemplate. Yinto efana namacandelo, iiplani, kwaye ibandakanya. Ngokomzekelo, sisebenzisa i-header efanayo kwithemplethi nganye, ngoko ke sinokwenza icandelo eliPhezulu, esinokulisebenzisa kwakhona.

Olunye usetyenziso lwamacandelo okuqonda ngcono kufana nokuba ufuna ukusebenzisa iqhosha lerejista kwiwebhusayithi kwiindawo ezininzi njengakumbhalo ongasentla kwekhasi, ongezantsi okanye naphi na kwiwebhusayithi.Ngoko yenza icandelo laloo khowudi yeqhosha kwaye uyisebenzise kwakhona.

Uyenza njani amacandelo eLaravel

Umzekelo, masenze icandelo Header Ne'Artisan:

php artisan make:component Header

Lo myalelo wenza iifayile ezimbini kwiprojekthi yakho yelaravel:

• ifayile yePHP enegama Header.php ngaphakathi kuluhlu app/http/View/Components;
• kunye nefayile ye-HTML enegama header.blade.php ngaphakathi kuluhlu resources/views/components/.

Unokwenza amacandelo kuluhlu olungaphantsi, olunje:

php artisan make:component Forms/Button

Lo myalelo uzakwenza icandelo leqhosha kulawulo App\View\Components\Forms kwaye ifayile ye-blade iya kufakwa kwimithombo / iimbono / amacandelo / iifom ulawulo.

Ukubonelela ngecandelo kwifayile yeblade ye-HTML, siya kusebenzisa le syntax:

Umzekelo wamacandelo eLaravel

Okokuqala sifaka ikhowudi ye-HTML kwifayile header.blade.php yecandelo.

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

ngoku yenza ifayile yokujonga users.blade.php kulawulo lwee-asethi, apho sinokusebenzisa inxalenye yeheader.

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

ngoku, ngokusebenzisa inkqubo ye ukuhamba ye-laravel, sibiza i-blade ukubonisa umphumo kwisikhangeli

Indlela yokudlulisa idatha kumacandelo eLaravel

Ukudlulisa idatha kwicandelo Blade i-syntax elandelayo isetyenziswa, ichaza ixabiso eliyelelene kwiparameter ngaphakathi kwendawo HTML:

<x-header message=”Utenti” />

Ngokomzekelo, sisebenzise icandelo langaphambili kwifayile yabasebenzisi.blade.php.

Kufuneke u definish icandelo ledatha kwiheader.php ifayile. Yonke idatha eguquguqukayo yoluntu yayifumaneka ngokuzenzekelayo kwimbono yecandelo.

Yongeza ikhowudi kwifayile iheader.php ngaphakathi kwe-app/http/Jonga/Izixhobo/ ulawulo .

<?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;

   }
}

Njengoko ubona, indlela yomakhi weklasi ibeka ukuguquguquka $title ngexabiso leparameter egqithiselwe kwicandelo. Ngoku yongeza i-variable $title kwifayile yecandelo header.blade.php ukubonisa idatha yexesha elidlulileyo.

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

Ngoku le datha yecandelo egqithisiweyo iya kuboniswa kwisiphequluli.

Ngokufanayo, ungasebenzisa eli candelo kwelinye iphepha lokubonisa ngedatha eyahlukileyo, ngokudala enye ifayile yokujonga blade contact.blade.php kwaye wongeze ikhowudi yecandelo elingezantsi ukubonisa idatha egqithisiweyo.

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

Kwicandelo, ngamanye amaxesha kufuneka uchaze iimpawu ezongezelelweyo zeHTML, njengegama leklasi yeCSS, ungayongeza ngokuthe ngqo.

<x-header class=”styleDiv” />

Ercole Palmeri