লারাভেল উপাদান কি এবং কিভাবে ব্যবহার করতে হয়

Laravel উপাদান একটি উন্নত বৈশিষ্ট্য, যা laravel সপ্তম সংস্করণ দ্বারা যোগ করা হয়. এই প্রবন্ধে আমরা দেখতে যাচ্ছি কম্পোনেন্ট কি, কিভাবে এটা তৈরি করতে হয়, ব্লেড মডেলে কম্পোনেন্ট কিভাবে ব্যবহার করতে হয় এবং কিভাবে প্যারামিটার পাস করে কম্পোনেন্টকে প্যারামিটারাইজ করা যায়।

লারাভেল কম্পোনেন্ট কি?

একটি উপাদান হল কোডের একটি অংশ যা আমরা যেকোনো টেমপ্লেট ব্লেডে পুনরায় ব্যবহার করতে পারি। এটি বিভাগ, বিন্যাস, এবং অন্তর্ভুক্ত মত কিছু. উদাহরণস্বরূপ, আমরা প্রতিটি টেমপ্লেটের জন্য একই শিরোনাম ব্যবহার করি, তাই আমরা একটি হেডার উপাদান তৈরি করতে পারি, যা আমরা পুনরায় ব্যবহার করতে পারি।

আরও ভালোভাবে বোঝার জন্য কম্পোনেন্টের আরেকটি ব্যবহার হল আপনাকে ওয়েবসাইটটিতে একটি রেজিস্টার বোতাম ব্যবহার করতে হবে যেমন হেডার, ফুটার বা ওয়েবসাইটের অন্য কোথাও। তারপর সেই বোতাম কোডের একটি উপাদান তৈরি করুন এবং এটি পুনরায় ব্যবহার করুন।

লারাভেলে কীভাবে উপাদান তৈরি করবেন

উদাহরণস্বরূপ, আসুন একটি উপাদান তৈরি করি Header সাথে 'Artisan:

php artisan make:component Header

এই কমান্ডটি আপনার laravel প্রকল্পে দুটি ফাইল তৈরি করে:

• নামের একটি পিএইচপি ফাইল 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 ফাইলে আগের কম্পোনেন্ট ব্যবহার করেছি।

তোমার উচিত defiheader.php ফাইলে কম্পোনেন্ট ডেটা নিশ করুন। সমস্ত পাবলিক ভেরিয়েবল ডেটা উপাদান দেখার জন্য স্বয়ংক্রিয়ভাবে উপলব্ধ ছিল।

ফাইলে কোড যোগ করুন app/http/View/Components/ ডিরেক্টরির ভিতরে header.php .

<?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 এবং পাস করা ডেটা দেখানোর জন্য নিচের কম্পোনেন্ট কোড যোগ করুন।

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

কম্পোনেন্টে, কখনও কখনও আপনাকে অতিরিক্ত এইচটিএমএল বৈশিষ্ট্যগুলি নির্দিষ্ট করতে হবে, যেমন CSS ক্লাসের নাম, আপনি এটি সরাসরি যোগ করতে পারেন।

<x-header class=”styleDiv” />

Ercole Palmeri