Yiziphi izingxenye zeLaravel nokuthi zisetshenziswa kanjani

Izingxenye ze-Laravel ziyisici esithuthukisiwe, esengezwe yinguqulo yesikhombisa ye-laravel. Kulesi sihloko sizobheka ukuthi iyini ingxenye, indlela yokuyidala, indlela yokusebenzisa izingxenye kumodeli ye-blade kanye nendlela yokwenza ipharamitha yengxenye ngokudlula amapharamitha.

Iyini i-Laravel Component?

Ingxenye ucezu lwekhodi esingaphinda silusebenzise kunoma iyiphi i-blade yesifanekiso. Kuyinto efana nezigaba, izakhiwo, nokuhlanganisa. Isibonelo, sisebenzisa unhlokweni ofanayo kusifanekiso ngasinye, ukuze sikwazi ukudala ingxenye Yesihloko, esingayisebenzisa futhi.

Okunye ukusetshenziswa kwezingxenye ukuze uqonde kangcono kufana nokuthi udinga ukusebenzisa inkinobho yokubhalisa kuwebhusayithi ezindaweni eziningi njengasenhlokweni, ngaphansi noma kwenye indawo kuwebhusayithi. Ngakho-ke dala ingxenye yaleyo khodi yenkinobho uphinde uyisebenzise.

Ungazakha kanjani izingxenye kuLaravel

Ngokwesibonelo, ake sakhe ingxenye Header Nge-Artisan:

php artisan make:component Header

Lo myalo udala amafayela amabili kuphrojekthi yakho ye-laravel:

• ifayela le-PHP elinegama Header.php ngaphakathi kohlu lwemibhalo app/http/View/Components;
• kanye nefayela le-HTML elinegama header.blade.php ngaphakathi kohlu lwemibhalo resources/views/components/.

Ungakwazi futhi ukudala izingxenye ohlwini lwemibhalo olungaphansi, njenge:

php artisan make:component Forms/Button

Lo myalo uzodala ingxenye yenkinobho ohlwini lwemibhalo App\View\Components\Forms futhi ifayela le-blade lizofakwa kunkomba yezinsiza/ukubukwa/izingxenye/amafomu.

Ukuze sinikeze ingxenye kufayela le-HTML blade, sizosebenzisa le syntax:

Isibonelo sezingxenye zeLaravel

Okokuqala sifaka ikhodi ye-HTML ethile efayeleni header.blade.php yengxenye.

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

manje dala ifayela lokubuka users.blade.php kufolda yezimpahla, lapho singasebenzisa khona ingxenye kanhlokweni.

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

manje, ngohlelo lwe ukuhamba we-laravel, sibiza i-blade ukuze sibonise umphumela kusiphequluli

Indlela yokudlulisa idatha ezingxenyeni zeLaravel

Ukudlulisa idatha engxenyeni Blade i-syntax elandelayo isetshenziswa, icacisa inani elihlobene nepharamitha ngaphakathi kwesici HTML:

<x-header message=”Utenti” />

Isibonelo, sisebenzise ingxenye yangaphambilini kufayela labasebenzisi.blade.php.

Kumele defisusa idatha yengxenye kufayela le-header.php. Yonke idatha eguquguqukayo esesidlangalaleni ibitholakala ngokuzenzakalelayo ekubukeni kwengxenye.

Engeza ikhodi efayeleni header.php ngaphakathi kohlelo lokusebenza/http/View/Components/ directory .

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

   }
}

Njengoba ubona, indlela yomakhi yekilasi ibeka okuguquguqukayo $title ngevelu yepharamitha edluliselwe engxenyeni. Manje engeza okuguquguqukayo $title kufayela lengxenye header.blade.php ukukhombisa idatha edlule.

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

Manje le datha yengxenye edlulisiwe izoboniswa esipheqululini.

Ngokufanayo, ungasebenzisa le ngxenye kwelinye ikhasi lokubuka ngedatha ehlukile, ngokwakha elinye ifayela lokubuka blade contact.blade.php bese wengeza ikhodi yengxenye engezansi ukuze ubonise idatha edlulisiwe.

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

Engxenyeni, ngezinye izikhathi udinga ukucacisa izibaluli ezengeziwe ze-HTML, njengegama lekilasi le-CSS, ungayengeza ngokuqondile.

<x-header class=”styleDiv” />

Ercole Palmeri