Məqalələr

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.

İnnovasiya bülleteni
Yeniliklərlə bağlı ən vacib xəbərləri qaçırmayın. Onları e-poçtla almaq üçün qeydiyyatdan keçin.
<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

İnnovasiya bülleteni
Yeniliklərlə bağlı ən vacib xəbərləri qaçırmayın. Onları e-poçtla almaq üçün qeydiyyatdan keçin.

Articoli recenti

Catania Poliklinikasında Apple tamaşaçısı ilə Artırılmış Reallığa innovativ müdaxilə

Kataniya poliklinikasında Apple Vision Pro kommersiya görüntüləyicisi ilə oftalmoplastika əməliyyatı həyata keçirilib...

3 May 2024

Uşaqlar üçün Boyama Səhifələrinin Faydaları - bütün yaşlar üçün sehrli bir dünya

Rəngləmə yolu ilə incə motor bacarıqlarının inkişafı uşaqları yazı kimi daha mürəkkəb bacarıqlara hazırlayır. Rəngləmək üçün…

2 May 2024

Gələcək buradadır: Gəmiçilik Sənayesi Qlobal İqtisadiyyatda Necə inqilab edir

Dəniz sektoru 150 milyardlıq bazara doğru irəliləyən əsl qlobal iqtisadi gücdür...

1 May 2024

Nəşriyyatçılar və OpenAI süni intellekt tərəfindən işlənmiş məlumat axınını tənzimləmək üçün müqavilələr imzalayırlar.

Keçən bazar ertəsi Financial Times OpenAI ilə müqavilə elan etdi. FT dünya səviyyəli jurnalistikasına lisenziya verir...

30 Aprel 2024