এসএসপিডটনেট এমভিসি – এইচটিএমএল হেল্পার
Sheikh Mahfuzur Rahman
Bangla Word: 250

এইচটিএমএল আউটপুটকে পরিবর্তন করতে এইচটিএমএল হেল্পারগুলো ব্যবহৃত হয়।

এইচটিএমএল হেল্পার/HTML Helpers

এমভিসি’তে এইচটিএমএল হেল্পারগুলো হলো অনেকটা গতানুগতিক ASP.NET ওয়েব ফর্ম কন্ট্রোলের মতো। ASP.NET তে ঠিক ওয়েব ফর্ম কন্ট্রোলের মতো এইচটিএমএল’কে মডিফাই করতে এইচটিএমএল হেল্পারগুলো ব্যবহৃত হয়। কিন্তু এইচটিএমএল হেল্পারগুলো আরও হালকা হয়ে থাকে।। ওয়েব ফর্ম কন্ট্রোলের মতো এইচটিএমএল হেল্পারগুলোর ইভেন্ট মডেল এবং ভিউ স্টেট নেই। বেশিরভাগ ক্ষেত্রে, এইচটিএমএল হেল্পার হলো একটি মেথড যা স্ট্রিং ( যেমন টেক্সট) ফেরত দেয়। এমভিসি’র মাধ্যমে আপনি আপনার নিজের হেল্পার তৈরি করতে পারবেন অথবা বিল্ট ইন এইচটিএমএল হেল্পার ব্যবহার করতে পারবেন।

স্ট্যান্ডার্ড এইচটিএমএল হেল্পার/Standard HTML Helpers

এমভিসি সবচেয়ে পরিচিত এইচটিএমএল এলিমেন্টগুলোর জন্য স্ট্যান্ডার্ড হেল্পার অন্তর্ভূক্ত করেছে, যেমন এইচটিএমএল লিংক ও এইচটিএমএল ফর্ম এলিমেন্টসমূহ।

এইচটিএমএল লিংক/HTML Links

একটি এইচটিএমএল লিংককে পরিচালনা ( render ) করার সবচেয়ে সহজ পথ হলো HTML.ActionLink() হেল্পার ব্যবহার করা। এমভিসি’র মাধ্যমে Html.ActionLink() কোন ভিউয়ের দিকে লিংক তৈরি করেনা। এটি একটি কন্ট্রোলার অ্যাকশানের দিকে লিংক তৈরি করে।

Razor Syntax:
@Html.ActionLink(“About this Website”, “About”)
ASP Syntax:
<%=Html.ActionLink(“About this Website”, “About”)%>

প্রথম প্যারামিটারটি হলো লিংক টেক্সট এবং দ্বিতীয় প্যারামিটারটি হলো কন্ট্রোলার অ্যাকশানের নাম।
উপরের Html.ActionLink() হেল্পারটি নিচের এইচটিএমএল’টি আউটপুট হিসেবে ফিরিয়ে দেয়ঃ
<a href=”/Home/About”>About this Website</a>

Html.ActionLink() হেল্পার এর কিছু সংখ্যক প্রপার্টি রয়েছেঃ

প্রপার্টি এবং ব্যাখ্যা । Properties and Explanations

.linkText লিংক টেক্সট (লেবেল)
.actionName টার্গেট অ্যাকশান

.routeValues অ্যাকশানে যে ভ্যালুগুলো পরিবাহিত (–) হয়

.controllerName টার্গেট কন্ট্রোলার

.htmlAttributes লিংক এর প্রতি অ্যাট্রিবিউটের সেট

.protocol লিংক প্রটোকল

.hostname লিংক এর হোস্ট নেম

.fragment লিংক এর অ্যাংকর টার্গেট

লক্ষ্যণীয়ঃ আপনি ভ্যালুগুলোকে কন্ট্রোলার অ্যাকশানে পাঠিয়ে দিতে পারেন। উদাহরণস্বরূপ, আপনি একটি ডাটাবেজ রেকর্ডের আইডি একটি ডাটাবেজ এডিট অ্যাকশানে পাঠিয়ে দিতে পারেনঃ

Razor Syntax C#:
@Html.ActionLink(“Edit Record”, “Edit”, new {Id=3})
Razor Syntax VB:
@Html.ActionLink(“Edit Record”, “Edit”, New With{.Id=3})

উপরের Html.ActionLink() হেল্পারটি নিচের এইচটিএমএল’টি আউটপুট দেয়ঃ
<a href=”/Home/Edit/3″>Edit Record</a>

এইচটিএমএল ফর্ম এলিমেন্ট
নিচের এইচটিএমএল হেল্পারগুলো এইচটিএমএল ফর্ম এলিমেন্টগুলোকে রেন্ডার ( মডিফাই এবং আউটপুট ) বা পরিচালনা করতে ব্যবহৃত হয়ঃ

BeginForm()
EndForm()
TextArea()
TextBox()
CheckBox()
RadioButton()
ListBox()
DropDownList()
Hidden()
Password()

ASP.NET Syntax C#:
<%= Html.ValidationSummary(“Create was unsuccessful. Please correct the errors and try again.”) %>
<% using (Html.BeginForm()){%>
<p>
FirstName”>First Name:
<%= Html.TextBox(“FirstName”) %>
<%= Html.ValidationMessage(“FirstName”, “*”) %>
</p>
<p>
LastName”>Last Name:
<%= Html.TextBox(“LastName”) %>
<%= Html.ValidationMessage(“LastName”, “*”) %>
</p>
<p>
<label for=”Password”>Password:</label>
<%= Html.Password(“Password”) %>
<%= Html.ValidationMessage(“Password”, “*”) %>
</p>
<p>
<label for=”Password”>Confirm Password:</label>
<%= Html.Password(“ConfirmPassword”) %>
<%= Html.ValidationMessage(“ConfirmPassword”, “*”) %>
</p>
<p>
<label for=”Profile”>Profile:</label>
<%= Html.TextArea(“Profile”, new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox(“ReceiveNewsletter”) %>
<label for=”ReceiveNewsletter” style=”display:inline”>Receive Newsletter?</label>
</p>
<p>
<input type=”submit” value=”Register” />
</p>
<%}%>

এএসপি.নেট এমভিসি সিকিউরিটি
Sheikh Mahfuzur Rahman
Bangla word: 75

এএসপি.নেট এমভিসি (ASP.NET MVC) সম্পর্কে শিখতে গিয়ে আমরা একটি ইন্টারনেট অ্যাপ্লিকেশন তৈরি করছি। আজ এটির অষ্টম পর্ব নিয়ে আলোচনা করা হবে। এর আগের সাতটি পর্ব পড়ে না থাকলে সেগুলো প্রথমে পড়ে নিন।

পর্ব আটঃ সিকিউরিটি যোগ করা

এমভিসি অ্যাপ্লিকেশন সিকিউরিটি

সিকিউরিটি বা নিরাপত্তা যেকোন অ্যাপ্লিকেশনের অন্যতম গুরুত্বপূর্ণ অংশ। আর সেটি যদি ওয়েব অ্যাপ্লিকেশন হয় তাহলে তো কথাই নেই। এমভিসি অ্যাপ্লিকেশনে সিকিউরিটি ফিচার নিয়ে যোগ করার নিয়ম সম্পর্কে নিচে আলোচনা করা হলো।

Models Folder অ্যাপ্লিকেশন মডেলকে যেসব ক্লাস প্রতিনিধিত্ব করে সেগুলো ধারণ করে। ভিজ্যুয়াল ওয়েব ডেভলাপার সয়ংক্রিয়ভাবে একটি AccountModels.cs ফাইল তৈরি করে যা অ্যাপ্লিকেশন অথেনটিকেশনের মডেলগুলো ধারণ করে।

AccountModels একটি LogOnModel, একটি ChangePasswordModel, এবং একটি RegisterModel ধারণ করেঃ

ছবিতে দেখুনঃ

http://bangla.salearningschool.com/10.jpg

চেঞ্জ পাসওয়ার্ড মডেল/The Change Password Model

public class ChangePasswordModel
{

[Required]
[DataType(DataType.Password)]
[Display(Name = “Current password”)]
public string OldPassword { get; set; }

[Required]
[StringLength(100, ErrorMessage = “The {0} must be at least {2}      characters long.”, MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = “New password”)]
public string NewPassword { get; set; }

[DataType(DataType.Password)]
[Display(Name = “Confirm new password”)]
[Compare(“NewPassword”, ErrorMessage = “The new password and confirmation password do not match.”)]
public string ConfirmPassword { get; set; }

}

লগঅন মডেল/The Logon Model

public class LogOnModel
{

[Required]
[Display(Name = “User name”)]
public string UserName { get; set; }

[Required]
[DataType(DataType.Password)]
[Display(Name = “Password”)]
public string Password { get; set; }

[Display(Name = “Remember me?”)]
public bool RememberMe { get; set; }

}

রেজিস্টার মডেল/The Register Model

public class RegisterModel
{

[Required]
[Display(Name = “User name”)]
public string UserName { get; set; }

[Required]
[DataType(DataType.EmailAddress)]
[Display(Name = “Email address”)]
public string Email { get; set; }

[Required]
[StringLength(100, ErrorMessage = “The {0} must be at least {2} characters long.”, MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = “Password”)]
public string Password { get; set; }

[DataType(DataType.Password)]
[Display(Name = “Confirm password”)]
[Compare(“Password”, ErrorMessage = “The password and confirmation password do not match.”)]
public string ConfirmPassword { get; set; }

}