Razor পেজ তৈরি করা এবং ব্যবহার

Microsoft Technologies - এএসপি ডট নেট কোর (ASP.Net Core) রেজার পেজ (Razor Pages) |
281
281

Razor Pages হলো ASP.NET Core এর একটি পেজ-বেজড প্রোগ্রামিং মডেল, যা সাধারণ ওয়েব অ্যাপ্লিকেশন এবং UI ফোকাসড অ্যাপ্লিকেশন ডেভেলপমেন্টকে সহজ করে। এটি একটি সহজ এবং কার্যকর পদ্ধতিতে UI তৈরির জন্য Model, View এবং Controller-কে একত্রিত করে। Razor Pages বিশেষভাবে ছোট বা মডিউলার অ্যাপ্লিকেশন তৈরির জন্য উপযোগী।


Razor পেজের বৈশিষ্ট্য

  • পেজ-কেন্দ্রিক অ্যাপ্রোচ: প্রতিটি পেজ একটি মডেল (Page Model) এর সঙ্গে যুক্ত থাকে, যা পেজটির কোডবিহাইন্ড ফাইল হিসেবে কাজ করে।
  • সরলতা: ছোট এবং নির্দিষ্ট ফিচারগুলোর জন্য এটি MVC আর্কিটেকচারের তুলনায় সহজ এবং দ্রুত।
  • ইন্টিগ্রেটেড ফাইল স্ট্রাকচার: Razor পেজের View এবং Logic একত্রিত থাকে, যা কোড মেইনটেন্যান্স সহজ করে।
  • ডেটা বাইন্ডিং: Razor পেজ সরাসরি ডেটা বাইন্ডিং সাপোর্ট করে, যা UI এবং ডেটার মধ্যে সমন্বয় সহজ করে তোলে।

Razor পেজ তৈরি করা

নতুন Razor পেজ প্রজেক্ট তৈরি

Visual Studio ব্যবহার করে

  • Create a new project নির্বাচন করুন এবং ASP.NET Core Web Application টেমপ্লেট নির্বাচন করুন।
  • প্রজেক্ট নাম এবং লোকেশন নির্বাচন করুন।
  • Razor Pages টেমপ্লেট নির্বাচন করুন এবং প্রজেক্ট তৈরি করুন।

Command Line ব্যবহার করে

  • নতুন Razor পেজ অ্যাপ তৈরি করতে নিচের কমান্ড ব্যবহার করুন:

    dotnet new razor -n RazorPagesApp
    

    (এখানে RazorPagesApp হলো অ্যাপের নাম।)

  • প্রজেক্ট ফোল্ডারে যান এবং অ্যাপ চালু করতে:

    cd RazorPagesApp
    dotnet run
    

Razor পেজ যুক্ত করা

প্রজেক্ট তৈরি করার পর, নতুন Razor পেজ যুক্ত করতে নিচের ধাপগুলো অনুসরণ করুন।

Visual Studio-তে

  • Solution Explorer থেকে Pages ফোল্ডারে রাইট-ক্লিক করে Add > Razor Page নির্বাচন করুন।
  • পেজের নাম দিন (যেমন About) এবং ফাইল তৈরি করুন।

Manually যোগ করা

  • Pages ফোল্ডারে একটি নতুন .cshtml ফাইল তৈরি করুন (যেমন About.cshtml)।
  • একই নামে একটি .cshtml.cs ফাইল যুক্ত করুন, যা Page Model হিসেবে কাজ করবে।

Razor পেজের গঠন

Razor পেজ দুটি ফাইল নিয়ে গঠিত:

  1. .cshtml ফাইল: HTML এবং Razor সিনট্যাক্স ব্যবহার করে UI তৈরি করার জন্য।
  2. .cshtml.cs ফাইল: পেজের ব্যাক-এন্ড লজিক এবং ডেটা প্রসেসিং পরিচালনা করে।

উদাহরণস্বরূপ, একটি About পেজের গঠন:

About.cshtml:

@page
@model AboutModel
<!DOCTYPE html>
<html>
<head>
    <title>About Page</title>
</head>
<body>
    <h1>@Model.Message</h1>
</body>
</html>

About.cshtml.cs:

using Microsoft.AspNetCore.Mvc.RazorPages;

public class AboutModel : PageModel
{
    public string Message { get; set; }

    public void OnGet()
    {
        Message = "Welcome to the About Page!";
    }
}

Razor পেজে ফর্ম হ্যান্ডলিং

Razor পেজ সহজেই ফর্ম ডেটা প্রক্রিয়াকরণ করতে পারে। উদাহরণস্বরূপ:

Contact.cshtml:

@page
@model ContactModel
<!DOCTYPE html>
<html>
<head>
    <title>Contact Page</title>
</head>
<body>
    <form method="post">
        <label for="Name">Name:</label>
        <input type="text" id="Name" name="Name" />
        <button type="submit">Submit</button>
    </form>
    <p>@Model.Message</p>
</body>
</html>

Contact.cshtml.cs:

using Microsoft.AspNetCore.Mvc.RazorPages;

public class ContactModel : PageModel
{
    public string Message { get; set; }

    public void OnPost(string Name)
    {
        Message = $"Hello, {Name}!";
    }
}

Razor পেজ ব্যবহার

Razor পেজ অ্যাপ চালু করার পর, পেজগুলো অ্যাক্সেস করতে ব্রাউজারে সংশ্লিষ্ট URL লিখুন। উদাহরণস্বরূপ:

  • https://localhost:5001/About
  • https://localhost:5001/Contact

Razor পেজ একটি সরল ও কার্যকরী পদ্ধতি প্রদান করে ছোট ও নির্দিষ্ট অ্যাপ্লিকেশন তৈরির জন্য। এর সরল গঠন এবং ডেটা হ্যান্ডলিং ক্ষমতা ডেভেলপারদের কাজকে সহজ ও দ্রুততর করে তোলে।

common.content_added_by
টপ রেটেড অ্যাপ

স্যাট অ্যাকাডেমী অ্যাপ

আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।

ভিডিও
লাইভ ক্লাস
এক্সাম
ডাউনলোড করুন
Promotion