Ìwé

Kini awọn paati Laravel ati bii o ṣe le lo wọn

Awọn paati Laravel jẹ ẹya ilọsiwaju, eyiti o ṣafikun nipasẹ ẹya keje ti laravel. Ninu nkan yii a yoo rii kini paati jẹ, bii o ṣe le ṣẹda rẹ, bii o ṣe le lo awọn paati ninu awoṣe abẹfẹlẹ ati bii o ṣe le ṣe parameterize paati nipasẹ awọn paramita gbigbe.

Kini paati Laravel?

Ẹya paati jẹ koodu nkan kan ti a le tun lo ni eyikeyi awoṣe abẹfẹlẹ. O jẹ nkan bi awọn apakan, ifilelẹ, ati pẹlu. Fun apẹẹrẹ, a lo akọsori kanna fun awoṣe kọọkan, nitorinaa a le ṣẹda paati Akọsori, eyiti a le tun lo.

Lilo awọn paati miiran fun oye to dara julọ dabi pe o nilo lati lo bọtini iforukọsilẹ lori oju opo wẹẹbu ni ọpọlọpọ awọn aaye bii akọsori, ẹlẹsẹ tabi nibikibi miiran lori oju opo wẹẹbu Lẹhinna ṣẹda paati koodu bọtini yẹn ki o tun lo.

Bii o ṣe le ṣẹda awọn paati ni Laravel

Fun apẹẹrẹ, jẹ ki a ṣẹda paati kan Header Pelu'Artisan:

php artisan make:component Header

Aṣẹ yii ṣẹda awọn faili meji ninu iṣẹ akanṣe laravel rẹ:

faili PHP pẹlu orukọ Header.php inu awọn liana app/http/View/Components;
ati faili abẹfẹlẹ HTML pẹlu orukọ header.blade.php inu awọn liana resources/views/components/.

O tun le ṣẹda awọn paati ni inu iwe-ipamọ, gẹgẹbi:

php artisan make:component Forms/Button

Aṣẹ yii yoo ṣẹda paati bọtini kan ninu itọsọna naa App\View\Components\Forms ati awọn abẹfẹlẹ faili yoo wa ni gbe ni awọn oro / wiwo / irinše / awọn fọọmu liana.

Lati ṣe paati ninu faili abẹfẹlẹ HTML, a yoo lo sintasi yii:

Apeere ti Laravel irinše

Ni akọkọ a fi koodu HTML diẹ sii sinu faili naa header.blade.php ti paati.

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

bayi ṣẹda wiwo faili users.blade.php ninu folda oro, nibi ti a ti le lo paati akọsori.

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

bayi, nipasẹ awọn eto afisona ọna ti Laravel, a pe abẹfẹlẹ lati ṣafihan abajade ninu ẹrọ aṣawakiri

Bii o ṣe le fi data ranṣẹ si awọn paati Laravel

Lati gbe data si paati Blade awọn wọnyi sintasi ti wa ni lilo, pato awọn iye jọmọ paramita inu awọn ano HTML:

<x-header message=”Utenti” />

Fun apẹẹrẹ, a lo paati iṣaaju ninu faili users.blade.php.

Oye ko se definish awọn paati data ninu awọn header.php faili. Gbogbo data oniyipada gbangba wa laifọwọyi fun wiwo paati.

Fi koodu sii sinu faili naa header.php inu app/http/Wo/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;

   }
}

Bi o ti le ri, ọna olupilẹṣẹ ti kilasi ṣeto oniyipada $title pẹlu iye ti paramita ti o kọja si paati. Bayi fi oniyipada kun $title ninu faili paati header.blade.php lati ṣafihan data ti o kọja.

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

Bayi data paati gbigbe yii yoo han ni ẹrọ aṣawakiri.

Bakanna, o le lo paati yii lori oju-iwe iworan miiran pẹlu oriṣiriṣi data, ṣiṣẹda faili iworan miiran blade contact.blade.php ati ṣafikun koodu paati isalẹ lati ṣafihan data ti o kọja.