He aha nga waahanga Laravel me pehea te whakamahi

Ko nga waahanga Laravel he waahanga matatau, ka taapirihia e te putanga tuawhitu o te laravel. I roto i tenei tuhinga ka kite tatou he aha te waahanga, me pehea te hanga, me pehea te whakamahi i nga waahanga i roto i te tauira mata me pehea te whakarite i te waahanga ma te whakawhiti i nga tawhā.

He aha te Wae Laravel?

Ko te waahanga he waahanga waehere ka taea e tatou te whakamahi ano i roto i tetahi mata tauira. He mea penei i nga waahanga, nga whakatakotoranga, me nga whakaurunga. Hei tauira, ka whakamahia e matou te pane kotahi mo ia tauira, kia taea ai e matou te hanga i tetahi waahanga Pane, ka taea e matou te whakamahi ano.

Ko tetahi atu whakamahinga o nga waahanga kia pai ake te maarama he penei me whakamahi koe i te paatene rehita i runga paetukutuku i nga waahi maha penei i te pane, te hiku, ki hea atu ranei i runga i te paetukutuku.

Me pehea te hanga i nga waahanga i Laravel

Hei tauira, me hanga he wae Header Ki te 'Artisan:

php artisan make:component Header

Ma tenei whakahau e hanga nga konae e rua ki to kaupapa laravel:

• he kōnae PHP me te ingoa Header.php i roto i te whaiaronga app/http/View/Components;
• me tetahi kōnae mata HTML me te ingoa header.blade.php i roto i te whaiaronga resources/views/components/.

Ka taea hoki e koe te hanga i nga waahanga ki roto i te raarangi-roto, penei:

php artisan make:component Forms/Button

Ma tenei tono ka hanga he waahanga paatene i roto i te whaiaronga App\View\Components\Forms a ka waiho te konae mata ki roto i te raarangi rauemi/tirohanga/wahanga/puka.

Mo te whakaputa i te wae i roto i te konae matatahi HTML, ka whakamahia tenei wetereo:

He tauira o nga waahanga Laravel

Tuatahi ka whakauruhia e matou etahi waehere HTML ki roto i te konae header.blade.php o te wahanga.

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

inaianei hanga he kōnae tiro users.blade.php i roto i te kōpaki rawa, ka taea te whakamahi i te waahanga pane.

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

inaianei, na roto i te punaha o ararere o laravel, ka karangahia e matou te mata hei whakaatu i te hua ki te tirotiro

Me pehea te tuku raraunga ki nga waahanga Laravel

Hei tuku raraunga ki te wae Blade ka whakamahia te wetereo e whai ake nei, e tohu ana i te uara e pa ana ki te tawhā i roto i te huānga HTML:

<x-header message=”Utenti” />

Hei tauira, i whakamahia e matou te waahanga o mua i te kōnae users.blade.php.

Me koe definish te raraunga wae i roto i te kōnae header.php. Ko nga raraunga taurangi katoa i waatea aunoa mo te tirohanga waahanga.

Tāpirihia te waehere ki te kōnae header.php kei roto i te raarangi taupānga/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;

   }
}

Ka taea e koe te kite, ko te tikanga kaihanga o te karaehe e whakatakoto ana i te taurangi $title me te uara tawhā i tukuna ki te wae. Inaianei taapirihia te taurangi $title i roto i te kōnae wae header.blade.php hei whakaatu i nga raraunga o mua.

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

Inaianei ka whakaatuhia enei raraunga waahanga kua tukuna ki te tirotiro.

Waihoki, ka taea e koe te whakamahi i tenei waahanga ki tetahi atu wharangi tirohanga me nga raraunga rereke, ma te hanga i tetahi atu konae tirohanga blade contact.blade.php me te taapiri i te waehere waahanga ki raro hei whakaatu i nga raraunga kua paahitia.

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

I roto i te waahanga, i etahi wa ka hiahia koe ki te tautuhi i etahi atu huanga HTML, penei i te ingoa akomanga CSS, ka taea e koe te taapiri tika.

<x-header class=”styleDiv” />

Ercole Palmeri