लेख

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 आणि ब्लेड फाइल संसाधने/दृश्य/घटक/फॉर्म निर्देशिकेत ठेवली जाईल.

एचटीएमएल ब्लेड फाइलमधील घटक प्रस्तुत करण्यासाठी, आम्ही हे वाक्यरचना वापरू:

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” />

उदाहरणार्थ, आम्ही user.blade.php फाइलमधील मागील घटक वापरला.

आपण पाहिजे defiheader.php फाईलमधील घटक डेटा निश करा. सर्व सार्वजनिक व्हेरिएबल डेटा घटक दृश्यासाठी स्वयंचलितपणे उपलब्ध होता.

फाइलमध्ये कोड जोडा header.php app/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 आणि पास केलेला डेटा दर्शविण्यासाठी खालील घटक कोड जोडा.