Laravel komponentləri nədir və onlardan necə istifadə olunur

Laravel komponentləri laravelin yeddinci versiyası tərəfindən əlavə edilən inkişaf etmiş bir xüsusiyyətdir. Bu yazıda biz komponentin nə olduğunu, onu necə yaratmağı, blade modelində komponentlərdən necə istifadə etməyi və parametrləri ötürməklə komponenti necə parametrləşdirməyi görəcəyik.

Laravel Komponenti nədir?

Komponent hər hansı şablon bıçağında təkrar istifadə edə biləcəyimiz kod parçasıdır. Bu bölmələr, tərtibatlar və daxildir kimi bir şeydir. Məsələn, biz hər şablon üçün eyni başlıqdan istifadə edirik, beləliklə, təkrar istifadə edə biləcəyimiz Başlıq komponenti yarada bilərik.

Daha yaxşı başa düşmək üçün komponentlərdən başqa bir istifadə ondan ibarətdir ki, vebsaytda bir çox yerdə, məsələn, başlıqda, altbilgidə və ya veb saytın hər hansı başqa yerində qeydiyyat düyməsini istifadə etməlisiniz.Ona görə də həmin düymə kodunun komponentini yaradın və onu təkrar istifadə edin.

Laravel-də komponentləri necə yaratmaq olar

Məsələn, bir komponent yaradaq Header İlə'Artisan:

php artisan make:component Header

Bu əmr laravel layihənizdə iki fayl yaradır:

• adı ilə PHP faylı Header.php kataloq daxilində app/http/View/Components;
• və adı olan HTML blade faylı header.blade.php kataloq daxilində resources/views/components/.

Siz həmçinin alt kataloqda komponentlər yarada bilərsiniz, məsələn:

php artisan make:component Forms/Button

Bu əmr kataloqda düymə komponenti yaradacaq App\View\Components\Forms və blade faylı resurslar/görünüşlər/komponentlər/formalar kataloqunda yerləşdiriləcək.

Komponenti HTML blade faylında göstərmək üçün bu sintaksisdən istifadə edəcəyik:

Laravel komponentlərinin nümunəsi

Əvvəlcə fayla bir neçə HTML kodu daxil edirik header.blade.php komponentdən.

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

indi bir görünüş faylı yaradın users.blade.php başlıq komponentindən istifadə edə biləcəyimiz aktivlər qovluğunda.

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

indi, sistemi vasitəsilə marşrutlaşdırma laraveldən nəticəni brauzerdə göstərmək üçün bıçağı çağırırıq

Məlumatları Laravel komponentlərinə necə ötürmək olar

Məlumatı komponentə ötürmək üçün Blade elementin daxilindəki parametrlə əlaqəli dəyəri təyin edən aşağıdakı sintaksisdən istifadə olunur HTML:

<x-header message=”Utenti” />

Məsələn, biz users.blade.php faylında əvvəlki komponentdən istifadə etdik.

etməlisən defiheader.php faylında komponent məlumatlarını nish edin. Bütün ictimai dəyişən məlumatlar komponent görünüşü üçün avtomatik olaraq mövcud idi.

Fayla kodu əlavə edin app/http/View/Components/ kataloqunun daxilində header.php .

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

   }
}

Gördüyünüz kimi, sinfin konstruktor metodu dəyişəni təyin edir $title komponentə ötürülən parametr dəyəri ilə. İndi dəyişəni əlavə edin $title komponent faylında header.blade.php keçmiş məlumatları göstərmək üçün.

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

İndi bu ötürülən komponent məlumatları brauzerdə göstəriləcək.

Eynilə, siz bu komponenti başqa vizuallaşdırma faylı yaradaraq, fərqli məlumatlarla başqa vizuallaşdırma səhifəsində istifadə edə bilərsiniz blade contact.blade.php və ötürülən məlumatları göstərmək üçün aşağıdakı komponent kodunu əlavə edin.

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

Komponentdə bəzən CSS sinif adı kimi əlavə HTML atributlarını təyin etməlisiniz, onu birbaşa əlavə edə bilərsiniz.

<x-header class=”styleDiv” />

Ercole Palmeri