سورس کد فرم ورود به سایت با Asp.net MVC
سورس کد فرم ورود به سایت با Asp.net MVC ، در این پست سورس کد فرم Login یا ورود به همراه آموزش خط به خط کدها را ارائه دادیم. توجه کنید که این آموزش در ادامه آموزش سورس کد فرم ثبت نام میباشد و دیگر مراحل ایجاد بانک در SQL Server و افزودن آن به پروژه را مرور مجدد نمیکنیم پس در صورت نیاز به پست قبل مراجعه فرمایید.
سورس کد فرم ورود به سایت با Asp.net MVC
در این پست میخواهیم فرم ورود را با استفاده از Asp.net MVC طراحی و کدنویسی کنیم.
لازم به ذکر است که این پست در ادامه پست قبل(فرم ثبت نام در Asp.net MVC ) فرم ورود را به پروژه ایجاد شده اضافه میکند پس نیازی به شرح مجدد مراحل ایجاد و اضافه کردن دیتابیس به پروژه نیست.
برای ایجاد فرم ورود ابتدا یک کلاس با مشخصه هایی که میخواهیم کاربر به آنها دسترسی داشته باشند (ایمیل و رمز عبور) با عنوان LoginViewModel ایجاد میکنیم
۰۱ ۰۲ ۰۳ ۰۴ ۰۵ ۰۶ ۰۷ ۰۸ ۰۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ | public class LoginViewModel { [Display(Name = "رمز عبور")] //by this Attribute you define type of entry property value [DataType(DataType.Password)] [Required(ErrorMessage = "لطفا مقدار {۰} را پر کنید")] //define minimume lenght of property value [MinLength(5, ErrorMessage = "رمز عبور نمیتواند کمتر از ۵ کاراکتر باشد")] public string Password { get; set; } [Display(Name = "ایمیل")] //check email type for property value [EmailAddress] [Required(ErrorMessage = "لطفا مقدار {۰} را پر کنید")] public string Email { get; set; } } |
سپس یک کنترلر از نوع Empty و با نام Login به صورت زیر ایجاد میکنیم
سپس درون کنترلر بدین صورت کدنویسی میکنیم
۱ ۲ ۳ ۴ ۵ ۶ ۷ | public ActionResult Login() { return View(); } |
ابتدا یک متد Login که تنها وظیفه نمایش ویو مربوط به فرم ورو را به عهده دارد
[HttpPost]
سپس خصیصه HttpPost که وظیفه ارسال اطلاعات وارد شده توسط کاربر از ویو فرم ورود به متد بعد
۰۱ ۰۲ ۰۳ ۰۴ ۰۵ ۰۶ ۰۷ ۰۸ ۰۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ ۳۵ ۳۶ ۳۷ ۳۸ ۳۹ ۴۰ ۴۱ ۴۲ ۴۳ ۴۴ ۴۵ ۴۶ ۴۷ ۴۸ ۴۹ ۵۰ ۵۱ ۵۲ ۵۳ ۵۴ ۵۵ ۵۶ ۵۷ ۵۸ ۵۹ | public ActionResult Login(LoginViewModel o) { //cheking for validation of Model if (ModelState.IsValid) { //searching for an email that Entered by user in Databse var email = db.Tbl_Users.FirstOrDefault(x => x.Email == o.Email.Trim().ToLower() ); if (email != null) { //if Entered email was right, then searching for its pasword in Database var user = db.Tbl_Users.FirstOrDefault(x => x.Email == o.Email && x.Password == o.Password); if (user !=null) { //if both of email and password was right then move to Home View return Redirect("/"); } else { //if pssword was wrong ModelState.AddModelError("Password", "رمز عبور را متعلق به ایمیل وارد شده نمیباشد"); } } else { //if email was wrong ModelState.AddModelError("Email", "ایمیل اشتباه واردکرده اید"); } } return View(); } |
این متد نیز همانگونه که مشخص است از مقدار وارد شده به پراپرتی های کلاس LoginViewModel که ایمیل و رمز عبور هستند
برای چک کردن صحت آنها در دیتابیس استفاده کرده و در صورت درست بودن هردو این مقادیر , کاربر به ویو Home منتقل میشود
۱ | return Redirect("/"); |
(این ویو نیز تنها با ایجاد یک کنترلر Home و ایجاد ویو برای اکشن ریزالت Index نیز ایجاد میشود)
و درصورت اشتباه وارد شدن مقادیر هرکدام از موجودیت های ایمیل یا رمز عبور پیغام خطای مربوط به همان مقدار را
درست در زیر TextBox همان مشخصه نمایش میدهد
۱ | ModelState.AddModelError("Password", "رمز عبور را متعلق به ایمیل وارد شده نمیباشد"); |
برای ایجاد ویو Login نیز تنها کافی است مانند آموزش قبل با کلیک راست کردن برروی یکی از اکشن ریزالت های
Login و انتخاب Add View یک ویو با الگوی Create و مدل LoginViewModel ایجاد کنید
سپس نتیجه را با حالت های مختلف مشاهده کنید
