Web Development Sections, Partial Views এবং Reusable Templates গাইড ও নোট

214

এমভিসি ফ্রেমওয়ার্কে Sections, Partial Views, এবং Reusable Templates খুবই গুরুত্বপূর্ণ কনসেপ্ট যা ডেভেলপারদের কোড পুনঃব্যবহারযোগ্য, মডুলার এবং রক্ষণাবেক্ষণযোগ্য করতে সাহায্য করে। এগুলো ইউজার ইন্টারফেসের অংশবিশেষ তৈরি এবং ব্যবস্থাপনায় সাহায্য করে, যাতে সফটওয়্যার উন্নয়ন আরও কার্যকরী হয়।

Sections (সেকশনস)


Sections এমভিসি ফ্রেমওয়ার্কের একটি ফিচার যা ভিউ টেমপ্লেটের মধ্যে নির্দিষ্ট সেকশন নির্ধারণ করতে ব্যবহৃত হয়। এটি মূলত এমন ক্ষেত্র যেখানে নির্দিষ্ট উপাদানগুলির জন্য কন্টেন্ট আলাদাভাবে ইনজেক্ট (inject) করা যায়। সেকশনগুলি সাধারণত লেআউট ফাইলে ব্যবহৃত হয় যেখানে একাধিক ভিউ একই লেআউট শেয়ার করে, তবে নির্দিষ্ট অংশে আলাদা কন্টেন্ট প্রদর্শিত হয়।

উদাহরণ: Section ব্যবহার

ধরা যাক, একটি মূল লেআউট ফাইলে আপনি @RenderSection ব্যবহার করে সেকশন ডিফাইন করেছেন:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My MVC Application</title>
</head>
<body>
    <header>
        <h1>Welcome to My Website</h1>
    </header>

    <div>
        @RenderBody()  <!-- Main content of the page -->
    </div>

    <!-- Render specific section in the layout -->
    @RenderSection("Footer", false)
</body>
</html>

এখানে @RenderSection("Footer", false) ট্যাগটি সেকশন Footer কে নির্ধারণ করে। যদি ওই সেকশনে কন্টেন্ট থাকে, তবে এটি ওই স্থানে রেন্ডার হবে।

এখন, আপনার ভিউ ফাইলে, আপনি @section ট্যাগের মাধ্যমে কন্টেন্ট যোগ করতে পারেন:

@{
    Layout = "_Layout";
}

<h2>Home Page</h2>
<p>This is the home page content.</p>

@section Footer {
    <p>Custom Footer for Home Page</p>
}

এখানে, Footer সেকশনটি কাস্টম কন্টেন্ট দিয়ে পূর্ণ হয়েছে এবং এটি লেআউটের নির্ধারিত স্থানে রেন্ডার হবে।


Partial Views (পার্শিয়াল ভিউস)


Partial Views হলো ভিউয়ের ছোট অংশ, যা পুরো পেজের পরিবর্তে একটি নির্দিষ্ট অংশ প্রদর্শন করে। এটি মূলত পুনঃব্যবহারযোগ্য ইউজার ইন্টারফেস উপাদান তৈরি করতে ব্যবহৃত হয়, যেমন একটি ফর্ম, টেবিল বা যেকোনো ডেটা প্রদর্শন অংশ।

Partial Views কোড পুনঃব্যবহারযোগ্য এবং কমপ্লেক্স অ্যাপ্লিকেশনগুলির জন্য কার্যকরী। এটি অ্যাপ্লিকেশনের স্লো লোডিং বা ভিউ রেন্ডারিং সময় কমিয়ে দেয়, কারণ শুধুমাত্র পরিবর্তনশীল অংশটি রেন্ডার হয়।

উদাহরণ: Partial View ব্যবহার

ধরা যাক, আপনি একটি টেবিল তৈরি করেছেন যা পুনঃব্যবহারযোগ্য:

<!-- _ProductTable.cshtml -->
<table>
    <thead>
        <tr>
            <th>Product Name</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var product in Model)
        {
            <tr>
                <td>@product.Name</td>
                <td>@product.Price</td>
            </tr>
        }
    </tbody>
</table>

এখন, মূল ভিউ থেকে এই পার্শিয়াল ভিউটি রেন্ডার করতে:

@{
    Layout = "_Layout";
}

<h2>Product List</h2>

@Html.Partial("_ProductTable", Model.Products)

এখানে, @Html.Partial("_ProductTable", Model.Products) দিয়ে আপনি _ProductTable.cshtml পার্শিয়াল ভিউটি রেন্ডার করছেন এবং এটি প্রদর্শন করবে Products এর তালিকা।


Reusable Templates (পুনঃব্যবহারযোগ্য টেমপ্লেটস)


Reusable Templates এমন টেমপ্লেট যা একাধিক ভিউ বা পৃষ্ঠায় পুনরায় ব্যবহার করা যায়। এটি একটি ভিউ বা কন্ট্রোলার থেকে অন্য ভিউতে এক ধরনের ডাইনামিক কন্টেন্ট ইনজেক্ট করতে ব্যবহৃত হয়। এটি বিশেষভাবে সেইসব উপাদানগুলো তৈরি করতে সাহায্য করে যা বারবার ব্যবহৃত হয়, যেমন ফর্ম, গ্রিড, কার্ড, বা অন্যান্য ইউজার ইন্টারফেস উপাদান।

উদাহরণ: Reusable Template তৈরি করা

ধরা যাক, আপনি একটি কাস্টম টেমপ্লেট তৈরি করেছেন যা ফর্ম এবং টেবিলের মতো যেকোনো কন্টেন্ট প্রদর্শন করতে পারে:

<!-- _CardTemplate.cshtml -->
<div class="card">
    <div class="card-header">
        <h3>@Model.Title</h3>
    </div>
    <div class="card-body">
        <p>@Model.Body</p>
    </div>
</div>

এখন, আপনি এই টেমপ্লেটটি একাধিক ভিউতে ব্যবহার করতে পারেন:

@{
    Layout = "_Layout";
}

<h2>Welcome to the Dashboard</h2>

@Html.Partial("_CardTemplate", new { Title = "Product Stats", Body = "Total products: 120" })
@Html.Partial("_CardTemplate", new { Title = "Sales Stats", Body = "Total sales: 2000" })

এখানে, _CardTemplate টেমপ্লেটটি একাধিক ভিউতে পুনঃব্যবহার করা হচ্ছে, এবং প্রতিটি ভিউয়ে আলাদা কন্টেন্ট পাস করা হচ্ছে। এটি কোডের পুনঃব্যবহারযোগ্যতা বৃদ্ধি করে এবং অ্যাপ্লিকেশনের কাঠামো সহজ করে।


সারাংশ


Sections, Partial Views, এবং Reusable Templates এমভিসি ফ্রেমওয়ার্কের গুরুত্বপূর্ণ বৈশিষ্ট্য যা কোডের পুনঃব্যবহারযোগ্যতা এবং কার্যকারিতা বৃদ্ধি করে।

  • Sections ব্যবহার করে আপনি লেআউটের মধ্যে নির্দিষ্ট কন্টেন্ট সেকশন ইনজেক্ট করতে পারেন।
  • Partial Views ছোট এবং পুনঃব্যবহারযোগ্য ভিউ তৈরি করতে সহায়তা করে।
  • Reusable Templates একই ধরনের কন্টেন্ট একাধিক ভিউতে পুনঃব্যবহার করতে সাহায্য করে।

এগুলি সফটওয়্যার ডেভেলপমেন্টকে আরও মডুলার, রক্ষণাবেক্ষণযোগ্য এবং দক্ষ করে তোলে।

Content added By
Promotion

Are you sure to start over?

Loading...