Greinar

Hvað eru Laravel íhlutir og hvernig á að nota þá

Laravel íhlutir eru háþróaður eiginleiki, sem er bætt við með sjöundu útgáfunni af laravel. Í þessari grein ætlum við að sjá hvað íhlutur er, hvernig á að búa hann til, hvernig á að nota íhluti í blaðlíkaninu og hvernig á að stilla íhlutinn með því að senda færibreytur.

Hvað er Laravel hluti?

Hluti er stykki af kóða sem við getum endurnýtt í hvaða sniðmátsblað sem er. Það er eitthvað eins og hlutar, skipulag og inniheldur. Til dæmis notum við sama haus fyrir hvert sniðmát, þannig að við getum búið til Header hluti, sem við getum endurnýtt.

Önnur notkun á íhlutum til að skilja betur er eins og þú þarft að nota skráningarhnapp á vefsíðu á mörgum stöðum eins og í haus, fót eða hvar sem er annars staðar á vefsíðunni. Búðu til hluta af þeim hnappakóða og endurnotaðu hann.

Hvernig á að búa til íhluti í Laravel

Við skulum til dæmis búa til íhlut Header Með 'Artisan:

php artisan make:component Header

Þessi skipun býr til tvær skrár í laravel verkefninu þínu:

PHP skrá með nafninu Header.php inni í möppunni app/http/View/Components;
og HTML blaðskrá með nafninu header.blade.php inni í möppunni resources/views/components/.

Þú getur líka búið til íhluti í undirmöppu, svo sem:

php artisan make:component Forms/Button

Þessi skipun mun búa til hnappahluta í möppunni App\View\Components\Forms og blaðskráin verður sett í möppuna resources/views/components/forms.

Til að gera íhlutinn í HTML blaðaskránni munum við nota þessa setningafræði:

Dæmi um Laravel íhluti

Fyrst setjum við HTML kóða inn í skrána header.blade.php þáttarins.

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

búa nú til útsýnisskrá users.blade.php í eignamöppunni, þar sem við getum notað haushlutann.

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

nú, í gegnum kerfið á venja af laravel, köllum við blaðið til að birta niðurstöðuna í vafranum

Hvernig á að senda gögn til Laravel íhluta

Til að senda gögn til íhlutans Blade eftirfarandi setningafræði er notuð, tilgreinir gildið sem tengist færibreytunni inni í frumefninu HTML:

<x-header message=”Utenti” />

Til dæmis notuðum við fyrri hluti í users.blade.php skránni.

Þú ættir definish hluti gögnin í header.php skránni. Öll opinber breytugögn voru sjálfkrafa tiltæk fyrir íhlutayfirlitið.

Bættu kóðanum við skrána header.php inni í app/http/View/Components/ skránni .

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

   }
}

Eins og þú sérð, setur smíðaaðferð flokksins breytuna $title með færibreytugildinu sent til íhlutsins. Bættu nú við breytunni $title í íhlutaskránni header.blade.php til að sýna fyrri gögn.

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

Nú munu þessi sendu íhlutagögn birtast í vafranum.

Á sama hátt geturðu notað þennan íhlut á annarri sjónmyndasíðu með öðrum gögnum, með því að búa til aðra sjónmyndaskrá blade contact.blade.php og bættu við íhlutakóða fyrir neðan til að sýna samþykkt gögn.