這一節(jié)講解下ASP.MVC 2.0的用戶(hù)登錄與注銷(xiāo)功能，先講登錄，后說(shuō)注銷(xiāo)。我們這個(gè)系列講的用戶(hù)登錄方式都是FORM表單驗(yàn)證方式。在講之前先給大家說(shuō)下<%:%>的功能，<%:%>與<%=%>功能一樣，用來(lái)動(dòng)態(tài)輸出內(nèi)容。

一、登錄

1. 建立MODEL

登錄的時(shí)候，我們一般只要驗(yàn)證用戶(hù)名和密碼，還有是否保存登錄COOKIE，所以我們建立一個(gè)MODEL登錄類(lèi)，只需包括3個(gè)字段就可以。

/// <summary> 
 /// 用戶(hù)登錄MODEL 
 /// </summary> 
 public class Login 
 { 
  
  /// <summary> 
  /// 用戶(hù)名 
  /// </summary> 
  [DisplayName("用戶(hù)名")] 
  public string UserName 
  { 
   get; 
   set; 
  } 
 
  /// <summary> 
  /// 密碼 
  /// </summary> 
  [DisplayName("密碼")] 
  public string UserPwd 
  { 
   get; 
   set; 
  } 
 
  /// <summary> 
  /// 是否保存COOKIE 
  /// </summary> 
  [DisplayName("記住我")] 
  public bool RememberMe 
  { 
   get; 
   set; 
  }

2.建立VIEW頁(yè)面

同樣登錄的VIEW頁(yè)面，同樣建立一個(gè)強(qiáng)類(lèi)型的頁(yè)面，之所以喜歡建立強(qiáng)類(lèi)型的頁(yè)面，是因?yàn)轫?yè)面和MODEL相關(guān)聯(lián)，在頁(yè)面中直接可以使用MODEL。此時(shí)頁(yè)面的視圖數(shù)據(jù)類(lèi)應(yīng)選擇MvcLogin.Models.Login。

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcLogin.Models.Login>" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
 <title>Login</title> 
</head> 
<body> 
<div style="font-size:15pt;color:Red;"> 
 <%if (ViewData["msg"] != null) 
 {%> 
 <%:ViewData["msg"].ToString()%> 
 <%} %> 
</div> 
 <div> 
 <%Html.BeginForm();%> 
  
 <table> 
  <tr> 
  <td></td> 
  <td>用戶(hù)登錄</td> 
  </tr> 
  
  <tr> 
  <td><%:Html.LabelFor(m=>m.UserName) %></td> 
  <td><%:Html.TextBoxFor(m=>m.UserName)%></td> 
  </tr> 
 
   <tr> 
  <td><%:Html.LabelFor(m=>m.UserPwd) %></td> 
  <td><%:Html.PasswordFor(m=>m.UserPwd) %></td> 
  </tr> 
 
   <tr> 
  <td><%:Html.LabelFor(m=>m.RememberMe) %></td> 
  <td><%:Html.CheckBoxFor(m=>m.RememberMe) %></td> 
  </tr> 
 
 <tr> 
  <td></td> 
  <td><input type="submit" value="登錄" /></td> 
  </tr> 
 </table> 
 <%Html.EndForm(); %> 
 </div> 
</body> 
</html>

Html.CheckBoxFor用來(lái)生成一個(gè)復(fù)選框按鈕

3.建立controller

同樣我們?cè)赾ontroller中建立兩個(gè)login方法，一個(gè)用來(lái)展現(xiàn)頁(yè)面，一個(gè)用來(lái)點(diǎn)擊登錄按鈕后判斷用戶(hù)名和密碼

public ActionResult Login() 
  { 
   return View(); 
  } 
 
  [HttpPost] 
  public ActionResult Login(Models.Login model) 
  { 
   if (new Models.SqlHelper().UserLogin(model)) 
   { 
    //如果用戶(hù)名存在，轉(zhuǎn)向主頁(yè) 
    FormsService.SignIn(model.UserName,model.RememberMe); 
    return RedirectToAction("index"); 
   } 
   else 
   { 
    //登錄失敗，轉(zhuǎn)向登錄頁(yè)面 
    ViewData["msg"] = "登錄失敗"; 
    return View(model); 
   } 
 
   
  }

第二個(gè)Login方法前面有HTTPPOST屬性，所以只能接受POST請(qǐng)求

4.SQLHELPER中添加判斷用戶(hù)名和密碼的方法

/// <summary> 
  /// 判斷用戶(hù)登錄是否成功 
  /// </summary> 
  /// <param name="model"></param> 
  /// <returns></returns> 
  public bool UserLogin(Login model) 
  { 
   strUserExist = string.Format(strUserExist, model.UserName, model.UserPwd); 
   SqlConnection con = new SqlConnection(conStr); 
   con.Open(); 
   SqlCommand cmd = new SqlCommand(strUserExist, con); 
   SqlDataAdapter adp = new SqlDataAdapter(cmd); 
   DataSet ds = new DataSet(); 
   adp.Fill(ds); 
   con.Close(); 
   if (ds != null && ds.Tables[0].Rows.Count > 0) 
   { 
    return true; 
   } 
   return false; 
  }

5.運(yùn)行登錄頁(yè)面

此時(shí)我們?cè)陧?yè)面中輸入U(xiǎn)RL，就會(huì)轉(zhuǎn)向登錄頁(yè)面，

效果如下：

點(diǎn)擊登錄，登錄成功后轉(zhuǎn)向首頁(yè)，登錄失敗返回本頁(yè)面，并顯示提示信息。
點(diǎn)擊登錄的時(shí)候，是POST提交方式，會(huì)調(diào)用publicActionResult Login(Models.Login model)方法。
登錄失敗頁(yè)面如下

登錄成功頁(yè)面如下

二.注銷(xiāo)

登錄成功后，轉(zhuǎn)向首頁(yè)，在首頁(yè)上我們會(huì)生成注銷(xiāo)連接。

<p style="font-size:15pt; color:Red;"> 
  <%if (Request.IsAuthenticated) 
   {%> 
   歡迎您<%:Page.User.Identity.Name%>！ 
   
   <%:Html.ActionLink("注銷(xiāo)", "LoginOff")%> 
   <%} 
   else 
   {%> 
   <%:Html.ActionLink("登錄", "Login")%> 
   <%} %> 
</p>

這里介紹下Html.ActionLink方法，Html.ActionLink用來(lái)生成一個(gè)鏈接，第一個(gè)參數(shù)代表鏈接的問(wèn)題，第二個(gè)參數(shù)代表的是actionname,可以理解為鏈接的頁(yè)面。

由以上代碼可以看出，注銷(xiāo)鏈接指向LoginoFF.，也就是controller中的loginoff action方法，所以我們?cè)赾ontroller中添加一個(gè)一個(gè)loginoff方法，執(zhí)行完loginoff方法后，會(huì)轉(zhuǎn)向INDEX首頁(yè)

/// <summary> 
  /// 用戶(hù)注銷(xiāo) 
  /// </summary> 
  /// <returns></returns> 
  public ActionResult LoginOff() 
  { 
   FormsService.SignOut(); 
   return RedirectToAction("index"); 
  }

以上就是Asp.Mvc 2.0實(shí)現(xiàn)用戶(hù)登錄與注銷(xiāo)功能實(shí)例講解，大家可以在自己的網(wǎng)站上進(jìn)行實(shí)踐了，希望在此基礎(chǔ)上可以有所創(chuàng)新和完善。

您可能感興趣的文章: