MVC4制作網(wǎng)站教程第二章 用戶登陸2.2
一用戶
1.1用戶注冊
1.2用戶登陸
首先在Models里添加用戶登陸模型類UserLogin,該類只要用用戶名,密碼和驗證碼三個字段。
/// <summary> /// 用戶登陸模型 /// </summary> public class UserLogin { /// <summary> /// 用戶名 /// </summary> [Display(Name = "用戶名", Description = "4-20個字符。")] [Required(ErrorMessage = "×")] [StringLength(20, MinimumLength = 4, ErrorMessage = "×")] public string UserName { get; set; } /// <summary> /// 密碼 /// </summary> [Display(Name = "密碼", Description = "6-20個字符。")] [Required(ErrorMessage = "×")] [StringLength(20, MinimumLength = 6, ErrorMessage = "×")] [DataType(DataType.Password)] public string Password { get; set; } /// <summary> /// 驗證碼 /// </summary> [Display(Name = "驗證碼", Description = "請輸入圖片中的驗證碼。")] [Required(ErrorMessage = "×")] [StringLength(6, MinimumLength = 6, ErrorMessage = "×")] public string VerificationCode { get; set; } }
在UserController里添加Login action; 代碼看如下:
public ActionResult Login() { return View(); } [HttpPost] public ActionResult Login(UserLogin login) { return View(); }
使用Cookie保存登陸賬號,密碼等信息,修改public ActionResult Login(UserLogin login)。修改完成代碼如下:
[HttpPost] public ActionResult Login(UserLogin login) { //驗證驗證碼 if (Session["VerificationCode"] == null || Session["VerificationCode"].ToString() == "") { Error _e = new Error { Title = "驗證碼不存在", Details = "在用戶注冊時,服務(wù)器端的驗證碼為空,或向服務(wù)器提交的驗證碼為空", Cause = "<li>你注冊時在注冊頁面停留的時間過久頁已經(jīng)超時</li><li>您繞開客戶端驗證向服務(wù)器提交數(shù)據(jù)</li>", Solution = "返回<a href='" + Url.Action("Register", "User") + "'>注冊</a>頁面,刷新后重新注冊" }; return RedirectToAction("Error", "Prompt", _e); } else if (Session["VerificationCode"].ToString() != login.VerificationCode.ToUpper()) { ModelState.AddModelError("VerificationCode", "×"); return View(); } //驗證賬號密碼 userRsy = new UserRepository(); if (userRsy.Authentication(login.UserName, Common.Text.Sha256(login.Password)) == 0) { HttpCookie _cookie = new HttpCookie("User"); _cookie.Values.Add("UserName", login.UserName); _cookie.Values.Add("Password", Common.Text.Sha256(login.Password)); Response.Cookies.Add(_cookie); return RedirectToAction("Default","User"); } else { ModelState.AddModelError("Message", "登陸失敗!"); return View(); } }
在public ActionResult Login() 上右鍵添加強類型視圖
完成后代的Login.cshtml
@model CMS.Models.UserLogin @{ ViewBag.Title = "用戶登陸"; Layout = "~/Views/Shared/_Layout.cshtml"; } <div class="banner"> <img src="~/Skins/Default/Images/banner.jpg" /> </div> @using (Html.BeginForm()) { @Html.ValidationSummary(true) <div class="form"> <dl> <dt>用戶登陸</dt> <dd> <div class="label">@Html.LabelFor(model => model.UserName):</div> <div class="ctrl">@Html.EditorFor(model => model.UserName) @Html.ValidationMessageFor(model => model.UserName) @Html.DisplayDescriptionFor(model => model.UserName) </div> </dd> <dd> <div class="label">@Html.LabelFor(model => model.Password):</div> <div class="ctrl">@Html.PasswordFor(model => model.Password) @Html.ValidationMessageFor(model => model.Password) @Html.DisplayDescriptionFor(model => model.Password) </div> </dd> <dd> <div class="label">驗證碼:</div> <div class="ctrl"> @Html.TextBoxFor(model => model.VerificationCode) @Html.ValidationMessageFor(model => model.VerificationCode) <img id="verificationcode" alt="" src="@Url.Action("VerificationCode", "User")" /> <a id="trydifferent" style="cursor: pointer">換一張</a> </div> </dd> <dd> <div class="label"></div> <div class="ctrl"> <input type="submit" value="登陸" />@Html.ValidationMessage("Message"); </div> </dd> </dl> <div class="clear"></div> </div> } <script type="text/javascript"> $("#trydifferent").click(function () { $("#verificationcode").attr("src", "/User/VerificationCode?" + new Date()); }) </script> @section Scripts { @Scripts.Render("~/bundles/jqueryval") }
瀏覽器中查看一下登陸頁面
點下登陸測試一下。OK登陸成功
驗證用戶是否已經(jīng)登陸,這塊和權(quán)限驗證一起從AuthorizeAttribute繼承個自定義驗證類
在項目里添加Extensions文件夾,添加一個類UserAuthorizeAttribute 繼承自AuthorizeAttribute,重寫AuthorizeCore方法用來實現(xiàn)用戶是否已經(jīng)登陸的驗證,權(quán)限驗證在寫權(quán)限功能時在補充
using Ninesky.Repository; namespace System.Web.Mvc { /// <summary> /// 用戶權(quán)限驗證 /// </summary> public class UserAuthorizeAttribute :AuthorizeAttribute { /// <summary> /// 核心【驗證用戶是否登陸】 /// </summary> /// <param name="httpContext"></param> /// <returns></returns> protected override bool AuthorizeCore(HttpContextBase httpContext) { //檢查Cookies["User"]是否存在 if (httpContext.Request.Cookies["User"] == null) return false; //驗證用戶名密碼是否正確 HttpCookie _cookie = httpContext.Request.Cookies["User"]; string _userName = _cookie["UserName"]; string _password = _cookie["Password"]; httpContext.Response.Write("用戶名:"+_userName); if (_userName == "" || _password == "") return false; UserRepository _userRsy = new UserRepository(); if (_userRsy.Authentication(_userName, _password) == 0) return true; else return false; } } }
以后只要在需要登陸后才能操作的Action或Controller上加[UserAuthorize]就可實現(xiàn)驗證是否已經(jīng)登錄了。
退出功能,在UserController添加Logout Action
/// <summary> /// 退出系統(tǒng) /// </summary> /// <returns></returns> public ActionResult Logout() { if (Request.Cookies["User"] != null) { HttpCookie _cookie = Request.Cookies["User"]; _cookie.Expires = DateTime.Now.AddHours(-1); Response.Cookies.Add(_cookie); } Notice _n = new Notice { Title = "成功退出", Details = "您已經(jīng)成功退出!", DwellTime = 5, NavigationName="網(wǎng)站首頁", NavigationUrl = Url.Action("Index", "Home") }; return RedirectToAction("Notice", "Prompt", _n); }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- ASP.NET MVC5網(wǎng)站開發(fā)管理列表、回復(fù)及刪除(十三)
- ASP.NET MVC5網(wǎng)站開發(fā)我的咨詢列表及添加咨詢(十二)
- ASP.NET MVC5網(wǎng)站開發(fā)修改及刪除文章(十)
- ASP.NET MVC5網(wǎng)站開發(fā)添加文章(八)
- ASP.NET MVC5網(wǎng)站開發(fā)文章管理架構(gòu)(七)
- ASP.NET MVC5網(wǎng)站開發(fā)用戶修改資料和密碼(六)
- ASP.NET?MVC5網(wǎng)站開發(fā)用戶登錄、注銷(五)
- ASP.NET?MVC5?網(wǎng)站開發(fā)框架模型、數(shù)據(jù)存儲、業(yè)務(wù)邏輯(三)
- ASP.NET MVC5網(wǎng)站開發(fā)項目框架(二)
- ASP.NET MVC5網(wǎng)站開發(fā)概述(一)
相關(guān)文章
asp.net中讓Repeater和GridView支持DataPager分頁
.NET 3.5中的DataPager碉堡了,可惜只支持ListView。傳統(tǒng)的GridView和Repeater都無法直接使用DataPager分頁。但我們?nèi)绻约痈脑?,就可以讓Repeater和GridView支持DataPager分頁2012-02-02.Net Core實現(xiàn)JWT授權(quán)認證
這篇文章介紹了.Net Core實現(xiàn)JWT授權(quán)認證的方法,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01ASP.NET Core程序發(fā)布到Linux生產(chǎn)環(huán)境詳解
這篇文章主要為大家詳細介紹了ASP.NET Core程序發(fā)布到Linux生產(chǎn)環(huán)境,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04asp.net下數(shù)據(jù)庫操作優(yōu)化一例
數(shù)據(jù)庫升級,需要對幾個表進行一些數(shù)據(jù)轉(zhuǎn)換,具體是這樣:針對每一個 Item,從 orders 表里查出 Shop_Id,并把此 Id 賦值給 items 和 skus 中的 Shop_Id。2010-11-11asp.net Context.Handler 頁面間傳值方法
很有用的頁面間傳值方法(Context.Handler),使用說明2008-08-08基于.net standard 的動態(tài)編譯實現(xiàn)代碼
這篇文章主要介紹了基于.net standard 的動態(tài)編譯實現(xiàn)代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07asp.net省市三級聯(lián)動的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
前段時間需要作一個的Web前端應(yīng)用,需要用多個框架,一個典型的應(yīng)用場景是省市三級聯(lián)動,基于此應(yīng)用,特將三種主要的ajax框架略作整理,方便有需要的朋友查閱。2010-06-06