بیشتر

Laravel اجزا څه دي او څنګه یې کارول کیږي

Laravel اجزا یو پرمختللی خصوصیت دی، کوم چې د لارویل د اوومې نسخې لخوا اضافه شوی. په دې مقاله کې به موږ وګورو چې کوم برخه ده، څنګه یې جوړ کړئ، څنګه د بلیډ ماډل کې اجزاو کارول او څنګه د پارامیټرو په تیریدو سره اجزا پیرامیټریز کړئ.

Laravel اجزا څه شی دی؟

یوه برخه د کوډ یوه ټوټه ده چې موږ کولی شو په هر ټیمپلیټ بلیډ کې بیا وکاروو. دا یو څه دی لکه برخې، ترتیبونه، او شامل دي. د مثال په توګه، موږ د هر ټیمپلیټ لپاره ورته سرلیک کاروو، نو موږ کولی شو د سرلیک برخه جوړه کړو، کوم چې موږ بیا کارولای شو.

د ښه پوهیدو لپاره د اجزاوو بله کارول دا دي چې تاسو اړتیا لرئ په ویب پاڼه کې د راجستر تڼۍ په ډیری ځایونو کې لکه سرلیک، فوټر یا د ویب پاڼې په بل هر ځای کې، بیا د دې تڼۍ کوډ یوه برخه جوړه کړئ او بیا یې وکاروئ.

په لارویل کې د اجزاو رامینځته کولو څرنګوالی

د مثال په توګه، راځئ چې یوه برخه جوړه کړو Header سره له'Artisan:

php artisan make:component Header

دا کمانډ ستاسو په لارویل پروژه کې دوه فایلونه رامینځته کوي:

د نوم سره د PHP فایل Header.php د لارښود دننه app/http/View/Components;
او د نوم سره د HTML بلیډ فایل header.blade.php د لارښود دننه resources/views/components/.

تاسو کولی شئ په فرعي لارښود کې برخې هم رامینځته کړئ، لکه:

php artisan make:component Forms/Button

دا کمانډ به په لارښود کې د تڼۍ برخې رامینځته کړي App\View\Components\Forms او د بلیډ فایل به د سرچینو / لیدونو / اجزاو / فارمونو لارښود کې ځای په ځای شي.

د HTML بلیډ فایل کې د برخې وړاندې کولو لپاره، موږ به دا ترکیب وکاروو:

د لارویل اجزاو بیلګه

لومړی موږ په فایل کې یو څه HTML کوډ داخل کړو header.blade.php د برخې.

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

اوس د لید فایل جوړ کړئ users.blade.php د شتمنیو په فولډر کې، چیرې چې موږ کولی شو د سرلیک برخه وکاروو.

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

اوس، د سیسټم له لارې راوړل د لارویل څخه، موږ په براوزر کې د پایلې ښودلو لپاره بلیډ بولو

Laravel اجزاوو ته د معلوماتو لیږدولو څرنګوالی

برخې ته د معلوماتو لیږدولو لپاره Blade لاندې ترکیب کارول کیږي، د عنصر دننه د پیرامیټر پورې اړوند ارزښت مشخص کوي HTML:

<x-header message=”Utenti” />

د مثال په توګه، موږ د user.blade.php فایل کې پخوانۍ برخه کارولې.

ته باید defiپه header.php فایل کې د اجزاو ډاټا nish کړئ. ټول عامه متغیر ډیټا په اوتومات ډول د اجزا لید لپاره شتون درلود.

په فایل کې کوډ اضافه کړئ header.php د ایپ/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;

   }
}

لکه څنګه چې تاسو لیدلی شئ، د ټولګي جوړونکي میتود متغیر ټاکي $title د پارامیټر ارزښت سره برخې ته لیږدول شوی. اوس متغیر اضافه کړئ $title د برخې فایل کې header.blade.php د تیرو معلوماتو ښودلو لپاره.

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

اوس دا لیږدول شوي برخې ډاټا به په براوزر کې ښکاره شي.

په ورته ډول، تاسو کولی شئ دا برخه په بل لید پاڼه کې د مختلف معلوماتو سره، د بل لید فایل په جوړولو سره وکاروئ blade contact.blade.php او د پاس شوي ډاټا ښودلو لپاره لاندې برخې کوډ اضافه کړئ.