با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. فیلد Password در فرم های login وب سایت ها ، پرداخت الکترونیکی و بسیاری از موارد امنیتی کاربرد دارد، در این نوع فیلدها شما می توانید به جای نمایش اعداد و کاراکترها داخل فیلد پسورد، یک کاراکتر خاص را برای افزایش ضریب امنیت نمایش دهید. با توجه به اینکه در حال حاضر در فصل بررسی آموزش های HtmlHelper هستیم. در این بخش نیز به بررسی چگونگی ایجاد Password با HtmlHelper در ASP.NET MVC می پردازیم.
در این بخش به شما خواهیم آموخت که چه طور با استفاده از HtmlHelper در نمای Rozar فیلد Password ایجاد کنید.
کلاس HtmlHelper دو متد را برای ایجاد فیلدpassword معرفی می کند:
ما در مدل Student از متدهای ()Password و ()PasswordFor استفاده می کنیم:
1 2 3 4 5 6 7 8 9 | public class Student { public int StudentId { get; set; } [Display(Name="Name")] public string StudentName { get; set; } public int Age { get; set; } public bool isNewlyEnrolled { get; set; } public string OnlinePassword { get; set; } } |
متد Html.Password()
یک عنصر ورودی password را با یک نام ، مقدار و ویژگی های html مشخص ایجاد می کند.
ساختار :
1 | MvcHtmlString Html.Password(string name, object value, object htmlAttributes) |
مثال – Html.Password()
در نمای Rozar :
1 2 3 | @model Student @Html.Password("OnlinePassword") |
نتیجه ی کد فوق :
مثال فوق ، یک فیلد password برای ویژگی “OnlinePassword” نمایش می دهد.
متد PasswordFor یک متد تایپ قوی است. که یک عنصر <input type="password">
را برای ویژگی مدل آبجکت با استفاده از یک افزونه لامبدا ایجاد می کند.
متد PasswordFor ویژگی آبجکت مدل مشخص شده را به یک عنصر <input type="password">
متصل می کند.
بنابراین به طور خودکار یک مقدار از ویژگی مدل به فیلد password و visa-versa تنظیم می شود.
ساختار:
1 2 | MvcHtmlString Html.PasswordFor(Expression<Func<dynamic,TProperty>> expression, object htmlAttributes) |
مثال- ()PasswordFor در نمای Razor :
1 2 3 | @model Student @Html.PasswordFor(m => m.Password) |
نتیجه ی کد فوق در html :
در مثال فوق ، اولین پارامتر در متد ()PasswordFor یک افزودنه ی لامبدا است که ویژگی مدل را برای اتصال با فیلد password مشخص می کند.
ما یک ویژگی Password مشخص شده در مثال فوق داریم. بنابراین عنصر ورودی Password با id و name با ویژگی name تنظیم می شود.
ویژگی value مقدار ویژگی Password که در مثال فوق “mypassword” است را تنظیم می کند.
در ادامه ی سری آموزشهای فصل Html helper ، در این بخش نیز به آموزش چگونگی ایجاد Password با HtmlHelper در ASP.NET MVC پرداختیم. در بخش بعدی به آموزش نمایش رشته ها در html با استفاده از HtmlHelper در نمای Rozar می پردازیم.