Որոնք են Laravel բաղադրիչները և ինչպես օգտագործել դրանք

Laravel-ի բաղադրիչները առաջադեմ գործառույթ են, որն ավելացվել է laravel-ի յոթերորդ տարբերակով: Այս հոդվածում մենք պատրաստվում ենք տեսնել, թե ինչ բաղադրիչ է, ինչպես ստեղծել այն, ինչպես օգտագործել բաղադրիչները սայրի մոդելում և ինչպես պարամետրացնել բաղադրիչը՝ անցնելով պարամետրեր:

Ի՞նչ է Laravel բաղադրիչը:

Բաղադրիչը կոդի մի մասն է, որը մենք կարող ենք նորից օգտագործել ցանկացած կաղապարի սայրում: Դա նման է բաժինների, դասավորության և ներառում է: Օրինակ, մենք օգտագործում ենք նույն վերնագիրը յուրաքանչյուր կաղապարի համար, այնպես որ կարող ենք ստեղծել Header բաղադրիչ, որը կարող ենք նորից օգտագործել։

Բաղադրիչների մեկ այլ օգտագործումը ավելի լավ հասկանալու համար նման է այն բանին, որ դուք պետք է օգտագործեք գրանցման կոճակը վեբկայքում շատ վայրերում, օրինակ՝ վերնագրում, ստորոտում կամ կայքի ցանկացած այլ վայրում: Այնուհետև ստեղծեք այդ կոճակի կոդի բաղադրիչը և նորից օգտագործեք այն:

Ինչպես ստեղծել բաղադրիչներ Laravel-ում

Օրինակ, եկեք ստեղծենք բաղադրիչ Header Հետ 'Artisan:

php artisan make:component Header

Այս հրամանը ստեղծում է երկու ֆայլ ձեր laravel նախագծում.

• PHP ֆայլ անունով Header.php գրացուցակի ներսում app/http/View/Components;
• և HTML blade ֆայլ անունով header.blade.php գրացուցակի ներսում resources/views/components/.

Դուք կարող եք նաև բաղադրիչներ ստեղծել ենթագրքում, ինչպիսիք են՝

php artisan make:component Forms/Button

Այս հրամանը գրացուցակում կստեղծի կոճակի բաղադրիչ App\View\Components\Forms և blade ֆայլը կտեղադրվի ռեսուրսների/դիտումների/կոմպոնենտների/ձևերի գրացուցակում:

HTML blade ֆայլում բաղադրիչը ներկայացնելու համար մենք կօգտագործենք այս շարահյուսությունը.

Laravel բաղադրիչների օրինակ

Սկզբում մենք տեղադրում ենք որոշ HTML կոդ ֆայլի մեջ header.blade.php բաղադրիչի։

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

այժմ ստեղծեք դիտման ֆայլ users.blade.php ակտիվների թղթապանակում, որտեղ մենք կարող ենք օգտագործել վերնագրի բաղադրիչը:

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

այժմ, համակարգի միջոցով երթուղի laravel-ում, մենք զանգում ենք սայրը, որպեսզի արդյունքը ցուցադրվի բրաուզերում

Ինչպես փոխանցել տվյալները Laravel բաղադրիչներին

Տվյալները բաղադրիչին փոխանցելու համար Blade օգտագործվում է հետևյալ շարահյուսությունը՝ նշելով տարրի ներսում գտնվող պարամետրի հետ կապված արժեքը HTML:

<x-header message=”Utenti” />

Օրինակ, մենք օգտագործեցինք նախորդ բաղադրիչը users.blade.php ֆայլում:

Դու պետք է definish բաղադրիչի տվյալները header.php ֆայլում: Բոլոր հանրային փոփոխական տվյալները ավտոմատ կերպով հասանելի էին բաղադրիչի դիտման համար:

Ավելացրեք կոդը ֆայլում header.php հավելվածի/http/View/Components/ գրացուցակի ներսում .

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

   }
}

Ինչպես տեսնում եք, դասի կոնստրուկտոր մեթոդը սահմանում է փոփոխականը $title բաղադրիչին փոխանցված պարամետրի արժեքով: Այժմ ավելացրեք փոփոխականը $title բաղադրիչի ֆայլում header.blade.php անցյալի տվյալները ցույց տալու համար։

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

Այժմ այս փոխանցված բաղադրիչի տվյալները կցուցադրվեն դիտարկիչում:

Նմանապես, դուք կարող եք օգտագործել այս բաղադրիչը մեկ այլ վիզուալիզացիայի էջում՝ տարբեր տվյալներով՝ ստեղծելով մեկ այլ վիզուալիզացիոն ֆայլ blade contact.blade.php և ներքևում ավելացրեք բաղադրիչի կոդը՝ փոխանցված տվյալները ցուցադրելու համար:

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

Բաղադրիչում երբեմն անհրաժեշտ է նշել լրացուցիչ HTML ատրիբուտներ, օրինակ՝ CSS դասի անունը, կարող եք ուղղակիորեն ավելացնել այն:

<x-header class=”styleDiv” />

Ercole Palmeri