Partial Views এবং Layouts এমভিসি (MVC) ফ্রেমওয়ার্কের দুটি গুরুত্বপূর্ণ ধারণা, যা কোডের পুনঃব্যবহারযোগ্যতা এবং ইউজার ইন্টারফেসের কাঠামো উন্নত করতে সহায়তা করে। এই দুটি উপাদান ব্যবহার করে, আপনি আপনার অ্যাপ্লিকেশনের ভিউগুলোকে আরও দক্ষভাবে এবং সংগঠিতভাবে পরিচালনা করতে পারবেন।
Partial Views (পার্শিয়াল ভিউস)
Partial Views হচ্ছে ভিউয়ের ছোট ছোট টুকরো বা অংশ, যেগুলো পুরো ভিউতে পুনরায় ব্যবহার করা যায়। এগুলো সাধারণত পুনরাবৃত্তি হতে থাকা UI উপাদানগুলোর জন্য ব্যবহৃত হয়, যেমন: হেডার, ফুটার, সাইডবার, অথবা কোনো নির্দিষ্ট ব্লক যেটি বিভিন্ন পেজে একইভাবে দেখানোর প্রয়োজন।
Partial Views ব্যবহার করলে, আপনি একাধিক পেজে একাধিকবার একই UI উপাদান লিখতে হয় না, বরং একবার লেখার পর তা বিভিন্ন জায়গায় ব্যবহার করা যায়।
উদাহরণ: Partial View ব্যবহার
ধরা যাক, আপনার অ্যাপ্লিকেশনে একটি সাধারণ হেডার (header) এবং ফুটার (footer) রয়েছে, যা প্রায় প্রতিটি পেজে ব্যবহার হয়। সেক্ষেত্রে আপনি এগুলোকে পার্শিয়াল ভিউ হিসেবে আলাদা করে রাখতে পারেন।
- Header.partial.php (পার্শিয়াল ভিউ)
<header>
<h1>Welcome to My Website</h1>
</header>
- Footer.partial.php (পার্শিয়াল ভিউ)
<footer>
<p>© 2024 My Website</p>
</footer>
- Main View (যেখানে পার্শিয়াল ভিউ ব্যবহার করা হবে)
<div>
<?php include 'Header.partial.php'; ?>
<h2>Main Content Goes Here</h2>
<p>Content of the page...</p>
<?php include 'Footer.partial.php'; ?>
</div>
এখানে, হেডার এবং ফুটার আলাদা পার্শিয়াল ভিউ হিসেবে রাখা হয়েছে এবং মূল ভিউতে সেগুলি ব্যবহার করা হয়েছে।
লারাভেল/ASP.NET উদাহরণে পার্শিয়াল ভিউ
ল্যাভেল (Laravel) বা ASP.NET MVC এর মতো ফ্রেমওয়ার্কে, পার্শিয়াল ভিউ রেন্ডার করার জন্য আলাদা মেথড রয়েছে। উদাহরণস্বরূপ, Laravel এ:
<!-- main.blade.php -->
@extends('layouts.master')
@section('content')
@include('partials.header')
<h1>Main Content Here</h1>
@include('partials.footer')
@endsection
এখানে, @include ট্যাগটি পার্শিয়াল ভিউকে মূল ভিউতে অন্তর্ভুক্ত করার জন্য ব্যবহৃত হয়েছে।
Layouts (লেআউটস)
Layouts হল মূল ভিউ যা সমস্ত অন্যান্য ভিউর জন্য একটি সাধারণ কাঠামো বা ফ্রেমওয়ার্ক প্রদান করে। এটি সাধারণত একটি মৌলিক HTML স্ট্রাকচার থাকে, যেখানে একটি নির্দিষ্ট স্থানে অন্যান্য ভিউদের কনটেন্ট রেন্ডার করা হয়।
যতগুলো ভিউ রয়েছে, তার সবগুলোই একই লেআউটের ভিত্তিতে কাজ করে। এতে করে আপনি সাধারণ ইউজার ইন্টারফেসের উপাদান (যেমন: হেডার, ফুটার, সাইডবার) এক জায়গায় রাখলে, সমস্ত পেজে সেগুলি একত্রে কার্যকরী হয়।
উদাহরণ: Layouts ব্যবহার
- Layout.master.php (লেআউট)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Website</title>
</head>
<body>
<header>
<h1>Website Header</h1>
</header>
<div class="content">
<!-- Main Content Will Be Yielded Here -->
<?php echo $content; ?>
</div>
<footer>
<p>© 2024 My Website</p>
</footer>
</body>
</html>
এখানে, সমস্ত পেজের জন্য হেডার এবং ফুটার কন্টেন্ট এক জায়গায় রাখা হয়েছে। মূল কনটেন্টটি <?php echo $content; ?> দ্বারা রেন্ডার হবে, যা বিভিন্ন পেজের কনটেন্ট অনুযায়ী পরিবর্তিত হবে।
- Home.php (মূল ভিউ)
<?php
$this->layout('layout.master');
?>
<h2>Welcome to Home Page</h2>
<p>This is the home page content.</p>
এখানে, Home.php ভিউ layout.master লেআউটের মধ্যে রেন্ডার হবে এবং কনটেন্ট অনুযায়ী পরিবর্তিত হবে।
লারাভেল/ASP.NET উদাহরণে লেআউট
ল্যারাভেলে, লেআউট ব্যবহারের জন্য @extends এবং @section ডিরেকটিভ ব্যবহৃত হয়:
<!-- master.blade.php (Layout) -->
<html>
<head>
<title>My Website</title>
</head>
<body>
<header>
<h1>Header</h1>
</header>
<div class="content">
@yield('content')
</div>
<footer>
<p>© 2024 My Website</p>
</footer>
</body>
</html>
এখন, আপনি যদি কোনো ভিউ তৈরি করেন:
<!-- home.blade.php (Main View) -->
@extends('layouts.master')
@section('content')
<h1>Welcome to the Home Page</h1>
<p>This is the home page content.</p>
@endsection
এখানে, @extends ব্যবহার করে ভিউটি master লেআউটের সঙ্গে যুক্ত করা হয়েছে এবং @yield ট্যাগের মধ্যে content সেকশন রেন্ডার হয়েছে।
পার্শিয়াল ভিউ এবং লেআউটস ব্যবহারের সুবিধা
- কোডের পুনঃব্যবহারযোগ্যতা: পার্শিয়াল ভিউ ব্যবহার করে আপনি একই UI উপাদান একাধিক পেজে পুনরায় ব্যবহার করতে পারেন, যা কোডের পুনঃব্যবহারযোগ্যতা বৃদ্ধি করে।
- কোডের সংগঠন: লেআউট ব্যবহার করে সমস্ত পেজের জন্য সাধারণ কাঠামো তৈরি করা যায়, যার ফলে কোড আরও পরিষ্কার এবং সংগঠিত থাকে।
- সহজ রক্ষণাবেক্ষণ: যখনই কোনো সাধারণ উপাদান (যেমন হেডার, ফুটার) পরিবর্তন করতে হবে, তখন শুধু একটি পার্শিয়াল ভিউ বা লেআউট পরিবর্তন করলেই সেটা সমস্ত পেজে প্রভাব ফেলবে।
সার্বিকভাবে
Partial Views এবং Layouts এমভিসি ফ্রেমওয়ার্কে কোডের পুনঃব্যবহারযোগ্যতা, সহজ রক্ষণাবেক্ষণ এবং কোডের সংগঠন নিশ্চিত করতে সহায়তা করে। পার্শিয়াল ভিউ এর মাধ্যমে ছোট ছোট UI অংশ আলাদাভাবে ব্যবহার করা যায়, এবং লেআউটের মাধ্যমে সমস্ত পেজের জন্য একটি সাধারণ কাঠামো তৈরি করা যায়।
Read more
