Tag Helpers হলো ASP.Net Core MVC এর একটি শক্তিশালী বৈশিষ্ট্য যা HTML ট্যাগগুলোর সাথে C# কোড যুক্ত করতে সহায়ক। এটি HTML ট্যাগগুলোর কার্যকারিতা বাড়াতে এবং টেমপ্লেট লজিককে আরও শক্তিশালী করতে ব্যবহৃত হয়। Tag Helpers Razor ভিউ টেমপ্লেটে C# কোড একত্রিত করার জন্য ব্যবহার করা হয় এবং এটি HTML সিনট্যাক্সের মতোই সহজ ও পরিষ্কার।
ASP.Net Core MVC-তে Tag Helpers ব্যবহার করার মাধ্যমে আপনি বিভিন্ন ধরনের HTML ট্যাগকে ডাইনামিক ও ইন্টারেক্টিভ করতে পারেন।
Tag Helpers হল ASP.Net Core MVC এর জন্য তৈরি করা একটি সুবিধা যা HTML ট্যাগের কার্যকারিতা বাড়ানোর জন্য C# কোড ব্যবহার করতে দেয়। এটি JavaScript বা অন্যান্য ক্লায়েন্ট সাইড ফ্রেমওয়ার্কের পরিবর্তে সার্ভার সাইড থেকে HTML ট্যাগের কাজ পরিচালনা করতে ব্যবহৃত হয়।
Tag Helpers সিএসএস ক্লাস, ডেটা বাইন্ডিং, এবং অন্যান্য উপাদানগুলির সাথে সহজে কাজ করতে সক্ষম।
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 ব্যবহার করে আপনি ফর্ম তৈরি করতে পারেন এবং এতে 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 ফর্ম ইনপুট ফিল্ডগুলির সাথে ডেটা বাইন্ডিং করার জন্য ব্যবহার করা হয়।
Example:
<input asp-for="Name" class="form-control" />
এখানে, asp-for
অ্যাট্রিবিউট মডেল বন্ডিংয়ের জন্য ব্যবহৃত হচ্ছে, যেখানে Name
মডেল প্রপার্টি হিসেবে ব্যবহৃত হচ্ছে।
Image Tag Helper HTML <img>
ট্যাগের সাথে সরাসরি ডাইনামিক পাথ সংযুক্ত করতে ব্যবহৃত হয়।
Example:
<img asp-src-absolute="~/images/logo.png" />
এটি logo.png
ইমেজটি রেন্ডার করবে, যেখানে asp-src-absolute
অ্যাট্রিবিউট সম্পূর্ণ পাথ নির্ধারণ করবে।
Environment Tag Helper দিয়ে আপনি নির্দিষ্ট পরিবেশের জন্য কন্টেন্ট রেন্ডার করতে পারেন। যেমন, আপনি চান যে কোনও কনফিগারেশন অনুযায়ী কিছু ডাটা প্রদর্শিত হোক।
Example:
<environment names="Development">
<p>This is visible in the development environment only.</p>
</environment>
এখানে, environment
ট্যাগের মাধ্যমে কনফিগারেশন অনুযায়ী কন্টেন্টটি রেন্ডার হবে।
Validation Tag Helper ব্যবহার করে ফর্ম ইনপুটের জন্য ভ্যালিডেশন মেসেজ প্রদর্শন করা যায়।
Example:
<span asp-validation-for="Name" class="text-danger"></span>
এটি Name
প্রপার্টির জন্য ভ্যালিডেশন মেসেজ দেখাবে, যদি সেখানে কোনো ভুল ইনপুট থাকে।
ASP.Net Core MVC অ্যাপ্লিকেশনেও Tag Helpers ব্যবহারের জন্য আপনাকে এগুলো সক্রিয় করতে হয়। এটি Views/Shared/_ViewImports.cshtml
ফাইলে করা হয়:
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
এটি Tag Helpers কে পুরো অ্যাপ্লিকেশনে সক্রিয় করে দেয়, যাতে আপনি HTML ট্যাগগুলোর সাথে C# কোড ব্যবহার করতে পারেন।
HTML Helpers এবং Tag Helpers এর মধ্যে প্রধান পার্থক্য হলো:
Tag Helpers ASP.Net Core MVC-তে HTML ট্যাগের সাথে C# কোড যুক্ত করার একটি শক্তিশালী উপায়। এটি আপনাকে একটি পরিষ্কার, সহজ এবং পরিষ্কার সিনট্যাক্স প্রদান করে HTML টেমপ্লেটের মধ্যে ডাইনামিক ডেটা এবং কার্যকারিতা প্রয়োগ করতে। Tag Helpers সহজে ব্যবহৃত হতে পারে ফর্ম, লিংক, ইমেজ এবং অন্যান্য HTML ট্যাগের জন্য এবং এটি অ্যাপ্লিকেশন উন্নয়নের জন্য একটি শক্তিশালী টুল হিসেবে কাজ করে।
Read more