Artikels

Wat is Laravel-komponente en hoe om dit te gebruik

Laravel-komponente is 'n gevorderde kenmerk, wat bygevoeg word deur die sewende weergawe van laravel. In hierdie artikel gaan ons sien wat komponent is, hoe om dit te skep, hoe om komponente in die lemmodel te gebruik en hoe om die komponent te parameteriseer deur parameters deur te gee.

Wat is Laravel-komponent?

'n Komponent is 'n stukkie kode wat ons in enige sjabloonlem kan hergebruik. Dit is iets soos afdelings, uitlegte en sluit in. Byvoorbeeld, ons gebruik dieselfde kop vir elke sjabloon, sodat ons 'n kop-komponent kan skep, wat ons kan hergebruik.

Nog 'n gebruik van komponente vir beter begrip is asof jy 'n registreer-knoppie op die webwerf op baie plekke moet gebruik, soos in kopskrif, voetskrif of enige ander plek op die webwerf. Skep dan 'n komponent van daardie knoppie-kode en hergebruik dit.

Hoe om komponente in Laravel te skep

Kom ons skep byvoorbeeld 'n komponent Header Met die'Artisan:

php artisan make:component Header

Hierdie opdrag skep twee lêers in jou laravel-projek:

'n PHP-lêer met die naam Header.php binne die gids app/http/View/Components;
en 'n HTML-lemlêer met die naam header.blade.php binne die gids resources/views/components/.

Jy kan ook komponente in 'n subgids skep, soos:

php artisan make:component Forms/Button

Hierdie opdrag sal 'n knoppie komponent in die gids skep App\View\Components\Forms en die lemlêer sal in die hulpbronne/aansigte/komponente/vorms-gids geplaas word.

Om die komponent in die HTML-lemlêer weer te gee, sal ons hierdie sintaksis gebruik:

Voorbeeld van Laravel-komponente

Eerstens voeg ons 'n HTML-kode in die lêer in header.blade.php van die komponent.

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

skep nou 'n aansiglêer users.blade.php in die bates-lêergids, waar ons die kop-komponent kan gebruik.

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

nou, deur die stelsel van routing van laravel, noem ons die lem om die resultaat in die blaaier te vertoon

Hoe om data aan Laravel-komponente deur te gee

Om data aan die komponent oor te dra Blade die volgende sintaksis word gebruik, wat die waarde spesifiseer wat verband hou met die parameter binne die element HTML:

<x-header message=”Utenti” />

Ons het byvoorbeeld die vorige komponent in die users.blade.php-lêer gebruik.

Jy behoort definish die komponent data in die header.php lêer. Alle publieke veranderlike data was outomaties beskikbaar vir die komponentaansig.

Voeg die kode in die lêer by header.php in die app/http/View/Components/-gids .

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

   }
}

Soos jy kan sien, stel die konstruktormetode van die klas die veranderlike $title met die parameterwaarde wat na die komponent oorgedra word. Voeg nou die veranderlike by $title in die komponentlêer header.blade.php vorige data te wys.

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

Nou sal hierdie oorgedrade komponentdata in die blaaier vertoon word.

Net so kan jy hierdie komponent op 'n ander visualiseringsbladsy met verskillende data gebruik deur nog 'n visualiseringslêer te skep blade contact.blade.php en voeg onder komponentkode by om geslaagde data te wys.