مقالات

Laravel اجزاء ڇا آهن ۽ انهن کي ڪيئن استعمال ڪجي

Laravel اجزاء هڪ جديد خصوصيت آهي، جيڪا laravel جي ستين ورزن پاران شامل ڪئي وئي آهي. هن آرٽيڪل ۾ اسان اهو ڏسڻ وارا آهيون ته جزو ڇا آهي، ان کي ڪيئن ٺاهيو، بليڊ ماڊل ۾ اجزاء کي ڪيئن استعمال ڪجي ۽ ڪئين جزن کي پيرا ميٽرز پاس ڪندي.

Laravel جزو ڇا آهي؟

هڪ جزو ڪوڊ جو هڪ ٽڪرو آهي جيڪو اسان ڪنهن به ٽيمپليٽ بليڊ ۾ ٻيهر استعمال ڪري سگهون ٿا. اهو ڪجهه آهي جهڙوڪ سيڪشن، ترتيب، ۽ شامل آهن. مثال طور، اسان هر ٽيمپليٽ لاءِ ساڳيو هيڊر استعمال ڪريون ٿا، تنهنڪري اسان هڪ هيڊر جزو ٺاهي سگهون ٿا، جنهن کي اسين ٻيهر استعمال ڪري سگهون ٿا.

بهتر سمجهڻ لاءِ اجزاء جو ٻيو استعمال اهو آهي ته توهان کي ويب سائيٽ تي ڪيترن ئي هنڌن تي رجسٽر بٽڻ استعمال ڪرڻ جي ضرورت آهي جهڙوڪ هيڊر، فوٽر يا ويب سائيٽ تي ڪٿي به. پوءِ ان بٽڻ جي ڪوڊ جو هڪ حصو ٺاهيو ۽ ان کي ٻيهر استعمال ڪريو.

Laravel ۾ اجزاء ڪيئن ٺاھيو

مثال طور، اچو ته هڪ جزو ٺاهيو Header سان'Artisan:

php artisan make:component Header

هي حڪم توهان جي laravel منصوبي ۾ ٻه فائلون ٺاهي ٿو:

نالي سان هڪ 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 بليڊ فائل ۾ جزو کي رينجر ڪرڻ لاء، اسان ھي نحو استعمال ڪنداسين:

Laravel اجزاء جا مثال

پهرين اسان فائل ۾ ڪجهه HTML ڪوڊ داخل ڪندا آهيون header.blade.php جزو جو.

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

هاڻي هڪ ڏيک فائل ٺاهيو users.blade.php اثاثن جي فولڊر ۾، جتي اسان هيڊر جزو استعمال ڪري سگهون ٿا.

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

هاڻي، جي نظام جي ذريعي هلڻ laravel جو، اسان برائوزر ۾ نتيجو ڏيکارڻ لاءِ بليڊ کي سڏين ٿا

Laravel اجزاء کي ڊيٽا ڪيئن منتقل ڪجي

ڊيٽا کي جزو ڏانهن منتقل ڪرڻ لاء Blade هيٺ ڏنل نحو استعمال ڪيو ويو آهي، عنصر جي اندر پيٽرولر سان لاڳاپيل قدر بيان ڪندي HTML:

<x-header message=”Utenti” />

مثال طور، اسان Users.blade.php فائل ۾ اڳوڻو حصو استعمال ڪيو.

توهان کي کپي defiheader.php فائل ۾ اجزاء ڊيٽا کي ختم ڪريو. سڀ عوامي متغير ڊيٽا خودڪار طور تي موجود هئي جزو ڏسڻ لاءِ.

فائل ۾ ڪوڊ شامل ڪريو 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 پيراميٽر جي قيمت سان جزو ڏانهن منتقل ڪيو ويو. ھاڻي variable شامل ڪريو $title اجزاء فائل ۾ header.blade.php ماضي جي ڊيٽا کي ڏيکارڻ لاء.

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

ھاڻي ھي منتقل ٿيل جزو ڊيٽا برائوزر ۾ ڏيکاريو ويندو.

اهڙي طرح، توهان هن جزو کي استعمال ڪري سگهو ٿا ٻئي بصري صفحي تي مختلف ڊيٽا سان، هڪ ٻي بصري فائل ٺاهي blade contact.blade.php ۽ پاس ٿيل ڊيٽا ڏيکارڻ لاءِ ھيٺ ڏنل جزو ڪوڊ شامل ڪريو.