makala

Je, ni vipengele vya Laravel na jinsi ya kuzitumia

Vipengele vya laravel ni kipengele cha juu, ambacho kinaongezwa na toleo la saba la laravel. Katika makala hii tutaona ni sehemu gani, jinsi ya kuunda, jinsi ya kutumia vipengele katika mfano wa blade na jinsi ya kupima sehemu kwa kupitisha vigezo.

Sehemu ya Laravel ni nini?

Kijenzi ni kipande cha msimbo ambacho tunaweza kutumia tena katika blade yoyote ya kiolezo. Ni kitu kama sehemu, mipangilio, na inajumuisha. Kwa mfano, tunatumia kichwa sawa kwa kila kiolezo, ili tuweze kuunda sehemu ya Kichwa, ambacho tunaweza kutumia tena.

Matumizi mengine ya vipengele ili kuelewa vyema zaidi ni kama vile unahitaji kutumia kitufe cha kujiandikisha kwenye tovuti katika sehemu nyingi kama vile kwenye kijajuu, kijachini au mahali popote kwenye tovuti. Kwa hivyo unda sehemu ya msimbo huo wa kitufe na uitumie tena.

Jinsi ya kuunda vipengele katika Laravel

Kwa mfano, hebu tutengeneze sehemu Header Pamoja na'Artisan:

php artisan make:component Header

Amri hii inaunda faili mbili kwenye mradi wako wa laravel:

faili ya PHP yenye jina Header.php ndani ya saraka app/http/View/Components;
na faili ya blade ya HTML iliyo na jina header.blade.php ndani ya saraka resources/views/components/.

Unaweza pia kuunda vipengele katika orodha ndogo, kama vile:

php artisan make:component Forms/Button

Amri hii itaunda sehemu ya kifungo kwenye saraka App\View\Components\Forms na faili ya blade itawekwa kwenye saraka ya rasilimali / maoni / vipengele / fomu.

Kwa kutoa kijenzi katika faili ya blade ya HTML, tutatumia syntax hii:

Mfano wa vipengele vya Laravel

Kwanza tunaingiza msimbo fulani wa HTML kwenye faili header.blade.php ya kipengele.

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

sasa unda faili ya kutazama users.blade.php kwenye folda ya mali, ambapo tunaweza kutumia sehemu ya kichwa.

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

sasa, kupitia mfumo wa kusafiri ya laravel, tunaita blade ili kuonyesha matokeo kwenye kivinjari

Jinsi ya kupitisha data kwa vifaa vya Laravel

Ili kupitisha data kwa sehemu Blade syntax ifuatayo inatumiwa, ikibainisha thamani inayohusiana na parameta ndani ya kipengele HTML:

<x-header message=”Utenti” />

Kwa mfano, tulitumia sehemu ya awali katika faili ya users.blade.php.

Unapaswa definish data ya sehemu katika faili ya header.php. Data zote tofauti za umma zilipatikana kiotomatiki kwa mwonekano wa sehemu.

Ongeza msimbo kwenye faili header.php ndani ya programu/http/View/Components/ directory .

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

   }
}

Kama unaweza kuona, njia ya mjenzi wa darasa huweka kutofautisha $title na thamani ya parameta iliyopitishwa kwa sehemu. Sasa ongeza tofauti $title katika faili ya sehemu header.blade.php ili kuonyesha data ya zamani.

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

Sasa data hii ya sehemu iliyopitishwa itaonyeshwa kwenye kivinjari.

Vile vile, unaweza kutumia kipengele hiki kwenye ukurasa mwingine wa taswira na data tofauti, kwa kuunda faili nyingine ya taswira blade contact.blade.php na uongeze hapa chini msimbo wa sehemu ili kuonyesha data iliyopitishwa.