ලිපි

Laravel සංරචක මොනවාද සහ ඒවා භාවිතා කරන්නේ කෙසේද?

Laravel සංරචක යනු laravel හි හත්වන අනුවාදය මගින් එකතු කරන ලද උසස් අංගයකි. මෙම ලිපියෙන් අපි බලමු මොකක්ද සංරචකය, එය නිර්මාණය කරන්නේ කෙසේද, බ්ලේඩ් ආකෘතියේ සංරචක භාවිතා කරන්නේ කෙසේද සහ පරාමිති පසුකර සංරචකය පරාමිතිකරණය කරන්නේ කෙසේද.

Laravel Component යනු කුමක්ද?

සංරචකයක් යනු අපට ඕනෑම අච්චු තලයක නැවත භාවිතා කළ හැකි කේත කොටසකි. එය කොටස්, පිරිසැලසුම් සහ ඇතුළත් වැනි දෙයකි. උදාහරණයක් ලෙස, අපි එක් එක් අච්චුව සඳහා එකම ශීර්ෂකය භාවිතා කරමු, එබැවින් අපට නැවත භාවිතා කළ හැකි ශීර්ෂක සංරචකයක් සෑදිය හැක.

වඩා හොඳ අවබෝධයක් සඳහා සංරචක භාවිතා කිරීම නම්, ඔබට වෙබ් අඩවියේ ශීර්ෂකයේ, පාදකයේ හෝ වෙබ් අඩවියේ වෙනත් ඕනෑම තැනක වැනි බොහෝ ස්ථානවල ලියාපදිංචි බොත්තමක් භාවිතා කිරීමට අවශ්‍ය වේ.එබැවින් එම බොත්තම් කේතයේ අංගයක් සාදා එය නැවත භාවිතා කරන්න.

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>

දැන් view file එකක් හදන්න users.blade.php වත්කම් ෆෝල්ඩරය තුළ, අපට ශීර්ෂ සංරචකය භාවිතා කළ හැකිය.

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

දැන්, පද්ධතිය හරහා මාර්ගගත කිරීම laravel හි, අපි බ්‍රවුසරයේ ප්‍රතිඵලය පෙන්වීමට තලය ලෙස හඳුන්වමු

Laravel සංරචක වෙත දත්ත යවන්නේ කෙසේද

සංරචකයට දත්ත යැවීමට Blade මූලද්‍රව්‍යය තුළ ඇති පරාමිතියට අදාළ අගය සඳහන් කරමින් පහත සින්ටැක්ස් භාවිතා වේ HTML:

<x-header message=”Utenti” />

උදාහරණයක් ලෙස, අපි පරිශීලකයන්.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 එක add කරන්න $title සංරචක ගොනුවේ header.blade.php අතීත දත්ත පෙන්වීමට.

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

දැන් මෙම සම්ප්රේෂණය කරන ලද සංරචක දත්ත බ්රවුසරයේ දර්ශනය වනු ඇත.

ඒ හා සමානව, ඔබට වෙනත් දෘශ්‍යකරණ ගොනුවක් නිර්මාණය කිරීමෙන් විවිධ දත්ත සහිත වෙනත් දෘශ්‍යකරණ පිටුවක මෙම සංරචකය භාවිතා කළ හැකිය blade contact.blade.php සහ සම්මත දත්ත පෙන්වීමට පහත සංරචක කේතය එක් කරන්න.