artikuluak

Zer dira Laravel osagaiak eta nola erabili

Laravel-en osagaiak funtzio aurreratu bat dira, laravel-en zazpigarren bertsioak gehitzen duena. Artikulu honetan osagaia zer den ikusiko dugu, nola sortu, osagaiak blade ereduan nola erabili eta osagaia parametroak pasatuz nola parametrizatu.

Zer da Laravel Component?

Osagai bat edozein txantiloi bladetan berrerabili dezakegun kode zati bat da. Atalak, diseinuak eta barne hartzen ditu. Adibidez, goiburu bera erabiltzen dugu txantiloi bakoitzeko, beraz Goiburuko osagai bat sor dezakegu, berrerabili ahal izateko.

Hobeto ulertzeko osagaien beste erabilera bat da webgunean erregistratzeko botoia erabili behar duzula leku askotan, esate baterako, goiburuan, orri-oinean edo webguneko beste edozein tokitan. Ondoren, sortu botoi-kode horren osagai bat eta berrerabili.

Nola sortu osagaiak Laravel-en

Adibidez, sor dezagun osagai bat Header Nirekin'Artisan:

php artisan make:component Header

Komando honek bi fitxategi sortzen ditu zure laravel proiektuan:

izena duen PHP fitxategi bat Header.php direktorioaren barruan app/http/View/Components;
eta izena duen HTML blade fitxategi bat header.blade.php direktorioaren barruan resources/views/components/.

Osagaiak ere sor ditzakezu azpidirektorio batean, hala nola:

php artisan make:component Forms/Button

Komando honek botoi osagai bat sortuko du direktorioan App\View\Components\Forms eta blade fitxategia baliabideak/ikuspegiak/osagaiak/inprimakiak direktorioan kokatuko da.

Osagaia HTML blade fitxategian errendatzeko, sintaxi hau erabiliko dugu:

Laravel osagaien adibidea

Lehenik eta behin HTML kode batzuk txertatzen ditugu fitxategian header.blade.php osagaiarena.

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

orain sortu ikuspegi fitxategi bat users.blade.php aktiboen karpetan, non goiburuko osagaia erabil dezakegun.

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

orain, sistemaren bidez routing laravel-en, blade deitzen dugu emaitza nabigatzailean bistaratzeko

Nola pasa datuak Laravel osagaietara

Datuak osagaiari pasatzeko Blade honako sintaxia erabiltzen da, elementuaren barruko parametroarekin erlazionatutako balioa zehaztuz HTML:

<x-header message=”Utenti” />

Adibidez, users.blade.php fitxategian aurreko osagaia erabili dugu.

Beharko zenuke defiamaitu osagaien datuak header.php fitxategian. Aldagai publikoko datu guztiak automatikoki eskuragarri zeuden osagaien ikuspegirako.

Gehitu kodea fitxategian header.php aplikazio/http/View/Components/ direktorioa barruan .

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

   }
}

Ikus dezakezunez, klasearen eraikitzaile-metodoak aldagaia ezartzen du $title osagaiari parametroaren balioarekin. Orain gehitu aldagaia $title osagaien fitxategian header.blade.php iraganeko datuak erakusteko.

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

Orain transmititutako osagaien datu hauek arakatzailean bistaratuko dira.

Era berean, osagai hau datu ezberdinekin beste bistaratze-orri batean erabil dezakezu, beste bistaratze-fitxategi bat sortuz blade contact.blade.php eta gehitu beheko osagaien kodea gainditutako datuak erakusteko.