Tag Helpers এর ব্যবহার

Web Development - এএসপি ডট (ASP.Net) - ভিউ (Views) এবং HTML Helpers |

Tag Helpers হলো ASP.Net Core MVC এর একটি শক্তিশালী বৈশিষ্ট্য যা HTML ট্যাগগুলোর সাথে C# কোড যুক্ত করতে সহায়ক। এটি HTML ট্যাগগুলোর কার্যকারিতা বাড়াতে এবং টেমপ্লেট লজিককে আরও শক্তিশালী করতে ব্যবহৃত হয়। Tag Helpers Razor ভিউ টেমপ্লেটে C# কোড একত্রিত করার জন্য ব্যবহার করা হয় এবং এটি HTML সিনট্যাক্সের মতোই সহজ ও পরিষ্কার।

ASP.Net Core MVC-তে Tag Helpers ব্যবহার করার মাধ্যমে আপনি বিভিন্ন ধরনের HTML ট্যাগকে ডাইনামিক ও ইন্টারেক্টিভ করতে পারেন।


Tag Helpers কী?

Tag Helpers হল ASP.Net Core MVC এর জন্য তৈরি করা একটি সুবিধা যা HTML ট্যাগের কার্যকারিতা বাড়ানোর জন্য C# কোড ব্যবহার করতে দেয়। এটি JavaScript বা অন্যান্য ক্লায়েন্ট সাইড ফ্রেমওয়ার্কের পরিবর্তে সার্ভার সাইড থেকে HTML ট্যাগের কাজ পরিচালনা করতে ব্যবহৃত হয়।

Tag Helpers সিএসএস ক্লাস, ডেটা বাইন্ডিং, এবং অন্যান্য উপাদানগুলির সাথে সহজে কাজ করতে সক্ষম।


Tag Helpers এর সুবিধা

  • স্বচ্ছতা: HTML কোডে সি# কোড ব্যবহারের জন্য এটি আরো পরিষ্কার এবং সহজ।
  • নির্ভরযোগ্যতা: Tag Helpers সার্ভার সাইড থেকে HTML ট্যাগগুলির কার্যকারিতা পরিচালনা করে, যা নিরাপদ ও শক্তিশালী।
  • সহজ ডেটা বাইন্ডিং: ফর্ম, ইমেজ, লিংক ইত্যাদি সহজেই ডেটা বাইন্ড করতে পারে।

Tag Helpers ব্যবহারের উদাহরণ

১. Anchor Tag Helper

Anchor Tag Helper URL তৈরি করার জন্য ব্যবহৃত হয়। এটি Razor ভিউ টেমপ্লেটে ডাইনামিক URL তৈরি করতে সাহায্য করে।

Example:

<a asp-controller="Home" asp-action="Index">Home</a>

এখানে, asp-controller এবং asp-action অ্যাট্রিবিউট দিয়ে আপনি কন্ট্রোলার এবং অ্যাকশন মেথডের নাম নির্ধারণ করছেন। এটি তখন URL তৈরি করবে, যেমন /Home/Index

২. Form Tag Helper

Form Tag Helper ব্যবহার করে আপনি ফর্ম তৈরি করতে পারেন এবং এতে C# কোডের মাধ্যমে ডেটা বাইন্ডিং করতে পারেন।

Example:

<form asp-action="SubmitForm">
    <input type="text" name="Name" />
    <input type="email" name="Email" />
    <button type="submit">Submit</button>
</form>

এখানে, asp-action অ্যাট্রিবিউট ফর্মের জন্য নির্দিষ্ট অ্যাকশন মেথড নির্দেশ করে।

৩. Input Tag Helper

Input Tag Helper ফর্ম ইনপুট ফিল্ডগুলির সাথে ডেটা বাইন্ডিং করার জন্য ব্যবহার করা হয়।

Example:

<input asp-for="Name" class="form-control" />

এখানে, asp-for অ্যাট্রিবিউট মডেল বন্ডিংয়ের জন্য ব্যবহৃত হচ্ছে, যেখানে Name মডেল প্রপার্টি হিসেবে ব্যবহৃত হচ্ছে।

৪. Image Tag Helper

Image Tag Helper HTML <img> ট্যাগের সাথে সরাসরি ডাইনামিক পাথ সংযুক্ত করতে ব্যবহৃত হয়।

Example:

<img asp-src-absolute="~/images/logo.png" />

এটি logo.png ইমেজটি রেন্ডার করবে, যেখানে asp-src-absolute অ্যাট্রিবিউট সম্পূর্ণ পাথ নির্ধারণ করবে।

৫. Environment Tag Helper

Environment Tag Helper দিয়ে আপনি নির্দিষ্ট পরিবেশের জন্য কন্টেন্ট রেন্ডার করতে পারেন। যেমন, আপনি চান যে কোনও কনফিগারেশন অনুযায়ী কিছু ডাটা প্রদর্শিত হোক।

Example:

<environment names="Development">
    <p>This is visible in the development environment only.</p>
</environment>

এখানে, environment ট্যাগের মাধ্যমে কনফিগারেশন অনুযায়ী কন্টেন্টটি রেন্ডার হবে।

৬. Validation Tag Helper

Validation Tag Helper ব্যবহার করে ফর্ম ইনপুটের জন্য ভ্যালিডেশন মেসেজ প্রদর্শন করা যায়।

Example:

<span asp-validation-for="Name" class="text-danger"></span>

এটি Name প্রপার্টির জন্য ভ্যালিডেশন মেসেজ দেখাবে, যদি সেখানে কোনো ভুল ইনপুট থাকে।


Tag Helpers সক্রিয় করা

ASP.Net Core MVC অ্যাপ্লিকেশনেও Tag Helpers ব্যবহারের জন্য আপনাকে এগুলো সক্রিয় করতে হয়। এটি Views/Shared/_ViewImports.cshtml ফাইলে করা হয়:

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

এটি Tag Helpers কে পুরো অ্যাপ্লিকেশনে সক্রিয় করে দেয়, যাতে আপনি HTML ট্যাগগুলোর সাথে C# কোড ব্যবহার করতে পারেন।


Tag Helpers এবং HTML Helpers এর পার্থক্য

HTML Helpers এবং Tag Helpers এর মধ্যে প্রধান পার্থক্য হলো:

  • HTML Helpers সাধারণত C# মেথড বা ফাংশন ব্যবহার করে HTML ট্যাগ তৈরি করে।
  • Tag Helpers সরাসরি HTML ট্যাগগুলোর অ্যাট্রিবিউটের মধ্যে C# কোড ব্যবহার করে HTML ট্যাগের কার্যকারিতা বাড়ায় এবং এতে বেশি কোডিং ও পরিষ্কারতা থাকে।

সারসংক্ষেপ

Tag Helpers ASP.Net Core MVC-তে HTML ট্যাগের সাথে C# কোড যুক্ত করার একটি শক্তিশালী উপায়। এটি আপনাকে একটি পরিষ্কার, সহজ এবং পরিষ্কার সিনট্যাক্স প্রদান করে HTML টেমপ্লেটের মধ্যে ডাইনামিক ডেটা এবং কার্যকারিতা প্রয়োগ করতে। Tag Helpers সহজে ব্যবহৃত হতে পারে ফর্ম, লিংক, ইমেজ এবং অন্যান্য HTML ট্যাগের জন্য এবং এটি অ্যাপ্লিকেশন উন্নয়নের জন্য একটি শক্তিশালী টুল হিসেবে কাজ করে।

Content added By
Promotion