Laravel အစိတ်အပိုင်းတွေက ဘာတွေလဲ၊ အဲဒါတွေကို ဘယ်လိုသုံးလဲ။

Laravel အစိတ်အပိုင်းများသည် laravel ၏ ခုနစ်ခုမြောက်ဗားရှင်းဖြင့် ထည့်သွင်းထားသည့် အဆင့်မြင့်အင်္ဂါရပ်တစ်ခုဖြစ်သည်။ ဤဆောင်းပါးတွင် မည်သည့်အစိတ်အပိုင်း၊ ၎င်းကိုဖန်တီးနည်း၊ blade model ရှိ အစိတ်အပိုင်းများကိုအသုံးပြုနည်းနှင့် parameters များကိုဖြတ်သန်းခြင်းဖြင့် အစိတ်အပိုင်းကို ကန့်သတ်နည်းတို့ကို ကြည့်ရှုပါမည်။

Laravel Component ဆိုတာဘာလဲ။

အစိတ်အပိုင်းတစ်ခုသည် မည်သည့် template blade တွင်မဆို ပြန်လည်အသုံးပြုနိုင်သည့် ကုဒ်အပိုင်းတစ်ခုဖြစ်သည်။ ၎င်းသည် အပိုင်းများ၊ အပြင်အဆင်များနှင့် ပါဝင်သည်။ ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့သည် ပုံစံပလိတ်တစ်ခုစီအတွက် တူညီသော ခေါင်းစီးကို အသုံးပြုသည်၊ ထို့ကြောင့် ကျွန်ုပ်တို့ ပြန်လည်အသုံးပြုနိုင်သည့် Header အစိတ်အပိုင်းတစ်ခုကို ဖန်တီးနိုင်သည်။

အစိတ်အပိုင်းများကို ပိုမိုနားလည်သဘောပေါက်စေရန်အတွက် နောက်ထပ်အသုံးပြုမှုမှာ ခေါင်းစီး၊ အောက်ခြေနား သို့မဟုတ် ဝဘ်ဆိုက်ရှိ အခြားနေရာများတွင် နေရာအများအပြားတွင် ဝဘ်ဆိုက်ပေါ်တွင် စာရင်းသွင်းခလုတ်ကို အသုံးပြုရန် လိုအပ်ပါသည်။ ထို့ကြောင့် အဆိုပါခလုတ်ကုဒ်၏ အစိတ်အပိုင်းတစ်ခုကို ဖန်တီးပြီး ၎င်းကို ပြန်လည်အသုံးပြုပါ။

Laravel တွင် အစိတ်အပိုင်းများကို ဖန်တီးနည်း

ဥပမာအားဖြင့်၊ အစိတ်အပိုင်းတစ်ခုဖန်တီးကြပါစို့ Header နှင့်အတူ'Artisan:

php artisan make:component Header

ဤအမိန့်သည် သင့် laravel ပရောဂျက်တွင် ဖိုင်နှစ်ခုကို ဖန်တီးသည်-

• နာမည်နဲ့ PHP ဖိုင်တစ်ခု Header.php directory ထဲမှာ app/http/View/Components;
• နှင့် HTML blade ဖိုင်အမည်ပါရှိသည်။ header.blade.php directory ထဲမှာ resources/views/components/.

သင်သည် အောက်ပါကဲ့သို့ လမ်းကြောင်းခွဲတစ်ခုတွင် အစိတ်အပိုင်းများကို ဖန်တီးနိုင်သည်။

php artisan make:component Forms/Button

ဤအမိန့်သည် လမ်းညွှန်တွင် ခလုတ်အစိတ်အပိုင်းတစ်ခုကို ဖန်တီးပေးလိမ့်မည်။ App\View\Components\Forms နှင့် blade ဖိုင်ကို resources/views/components/forms directory တွင် ထားရှိပါမည်။

HTML blade ဖိုင်ရှိ အစိတ်အပိုင်းကို တင်ဆက်ရန်အတွက်၊ ဤ syntax ကို အသုံးပြုပါမည်။

Laravel အစိတ်အပိုင်းများ ဥပမာ

ပထမဦးစွာကျွန်ုပ်တို့သည်ဖိုင်ထဲသို့ HTML ကုဒ်အချို့ကိုထည့်ပါ။ header.blade.php အစိတ်အပိုင်း၏။

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

ယခုကြည့်ရှုမှုဖိုင်ကိုဖန်တီးပါ။ users.blade.php ကျွန်ုပ်တို့သည် ခေါင်းစီးအစိတ်အပိုင်းကို အသုံးပြုနိုင်သည့် ပိုင်ဆိုင်မှုဖိုင်တွဲတွင် ဖြစ်သည်။

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

ယခုစနစ်ဖြင့် routing ကို laravel ၏ ရလဒ်ကို browser တွင်ပြသရန် blade ဟုခေါ်သည်။

Laravel အစိတ်အပိုင်းများသို့ ဒေတာပေးပို့နည်း

အစိတ်အပိုင်းသို့ဒေတာပေးပို့ရန် Blade ဒြပ်စင်အတွင်းရှိ ပါရာမီတာနှင့် သက်ဆိုင်သည့် တန်ဖိုးကို သတ်မှတ်ပေးခြင်းဖြင့် အောက်ပါ syntax ကို အသုံးပြုသည်။ HTML:

<x-header message=”Utenti” />

ဥပမာအားဖြင့်၊ user.blade.php ဖိုင်တွင် ယခင် အစိတ်အပိုင်းကို ကျွန်ုပ်တို့ အသုံးပြုခဲ့သည်။

သင် ... သင့်တယ် defiheader.php ဖိုင်ရှိ အစိတ်အပိုင်းဒေတာကို ရှင်းထုတ်ပါ။ အများသူငှာ ပြောင်းလဲနိုင်သော ဒေတာအားလုံးကို အစိတ်အပိုင်းမြင်ကွင်းအတွက် အလိုအလျောက် ရရှိနိုင်ပါသည်။

ဖိုင်ထဲတွင် ကုဒ်ကို ထည့်ပါ။ header.php သည် app/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;

   }
}

သင်မြင်သည့်အတိုင်း၊ class ၏ constructor method သည် variable ကိုသတ်မှတ်သည်။ $title ပါရာမီတာတန်ဖိုးနှင့်အတူ အစိတ်အပိုင်းသို့ ပေးပို့သည်။ ယခု variable ကိုထည့်ပါ။ $title အစိတ်အပိုင်းဖိုင်ထဲမှာ header.blade.php အတိတ်ဒေတာကိုပြသရန်။

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

ယခု ဤပို့လွှတ်သော အစိတ်အပိုင်းဒေတာကို ဘရောက်ဆာတွင် ပြသပါမည်။

အလားတူ၊ သင်သည် အခြားမြင်ယောင်ပုံဖော်ခြင်းဖိုင်ကို ဖန်တီးခြင်းဖြင့် မတူညီသောဒေတာများဖြင့် အခြားမြင်ယောင်ပုံဖော်ခြင်းစာမျက်နှာတွင် ဤအစိတ်အပိုင်းကို သင်အသုံးပြုနိုင်ပါသည်။ blade contact.blade.php ပြီးသွားသောဒေတာကိုပြသရန် အောက်ဖော်ပြပါ အစိတ်အပိုင်းကုဒ်ကို ထည့်ပါ။

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

အစိတ်အပိုင်းတွင်၊ တစ်ခါတစ်ရံတွင် သင်သည် CSS အတန်းအမည်ကဲ့သို့သော ထပ်ဆောင်း HTML ရည်ညွှန်းချက်များကို သတ်မှတ်ရန် လိုအပ်သည်၊ သင်သည် ၎င်းကို တိုက်ရိုက်ထည့်နိုင်သည်။

<x-header class=”styleDiv” />

Ercole Palmeri