欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Asp.Mvc 2.0用户登录实例讲解---(2)用户登录与注销

程序员文章站 2022-03-10 17:37:26
这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销。   我们这个系列讲的用户登录方式都是FORM表单验证方式。 在讲之前先给大家说下<...

这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销。

 

我们这个系列讲的用户登录方式都是FORM表单验证方式。

在讲之前先给大家说下<%:%>的功能,<%:%>与<%=%>功能一样,用来动态输出内容.

 

切入正题开始讲本节内容

 

一登录
     登录模块,我们还是先做准备工作

   1. 建立MODEL
   登录的时候,我们一般只要验证用户名和密码,还有是否保存登录COOKIE,所以我们建立一个MODEL登录类,只需包括3个字段就可以.

 

[csharp]  /// <summary>  
   /// 用户登录MODEL  
   /// </summary>  
   public class Login 
   { 
       
       /// <summary>  
       /// 用户名  
       /// </summary>  
       [DisplayName("用户名")] 
       public string UserName 
       { 
           get; 
           set; 
       } 
 
      /// <summary>  
      /// 密码  
      /// </summary>  
      [DisplayName("密码")] 
       public string UserPwd 
       { 
           get; 
           set; 
       } 
 
       /// <summary>  
       /// 是否保存COOKIE  
       /// </summary>  
       [DisplayName("记住我")] 
       public bool RememberMe 
       { 
           get; 
           set; 
       } 
 /// <summary>
    /// 用户登录MODEL
    /// </summary>
    public class Login
    {
      
        /// <summary>
        /// 用户名
        /// </summary>
        [DisplayName("用户名")]
        public string UserName
        {
            get;
            set;
        }

       /// <summary>
       /// 密码
       /// </summary>
       [DisplayName("密码")]
        public string UserPwd
        {
            get;
            set;
        }

        /// <summary>
        /// 是否保存COOKIE
        /// </summary>
        [DisplayName("记住我")]
        public bool RememberMe
        {
            get;
            set;
        }

 

2.建立VIEW页面
同样登录的VIEW页面,同样建立一个强类型的页面,之所以喜欢建立强类型的页面,是因为页面和MODEL相关联,在页面中直接可以使用MODEL。此时页面的视图数据类应选择MvcLogin.Models.Login。

 

[html] <%@ 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> 
<p style="font-size:15pt;color:Red;"> 
  <%if (ViewData["msg"] != null) 
    {%> 
    <%:ViewData["msg"].ToString()%> 
  <%} %> 
</p> 
    <p> 
    <%Html.BeginForm();%> 
     
    <table> 
      <tr> 
        <td></td> 
        <td>用户登录</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(); %> 
    </p> 
</body> 
</html> 
<%@ 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>
<p style="font-size:15pt;color:Red;">
  <%if (ViewData["msg"] != null)
    {%>
    <%:ViewData["msg"].ToString()%>
  <%} %>
</p>
    <p>
    <%Html.BeginForm();%>
   
    <table>
      <tr>
        <td></td>
        <td>用户登录</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(); %>
    </p>
</body>
</html>
 
Html.CheckBoxFor用来生成一个复选框按钮

 

3.建立controller
同样我们在controller中建立两个login方法,一个用来展现页面,一个用来点击登录按钮后判断用户名和密码

[csharp]  public ActionResult Login() 
        { 
            return View(); 
        } 
 
        [HttpPost] 
        public ActionResult Login(Models.Login model) 
        { 
            if (new Models.SqlHelper().UserLogin(model)) 
            { 
                //如果用户名存在,转向主页  
                FormsService.SignIn(model.UserName,model.RememberMe); 
                return RedirectToAction("index"); 
            } 
            else 
            { 
                //登录失败,转向登录页面  
                ViewData["msg"] = "登录失败"; 
                return View(model); 
            } 
 
         
        } 
public ActionResult Login()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Login(Models.Login model)
        {
            if (new Models.SqlHelper().UserLogin(model))
            {
                //如果用户名存在,转向主页
                FormsService.SignIn(model.UserName,model.RememberMe);
                return RedirectToAction("index");
            }
            else
            {
                //登录失败,转向登录页面
                ViewData["msg"] = "登录失败";
                return View(model);
            }

       
        }

 

第二个Login方法前面有HTTPPOST属性,所以只能接受POST请求

 

4.SQLHELPER中添加判断用户名和密码的方法
[csharp]  /// <summary>  
        /// 判断用户登录是否成功  
        /// </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; 
        } 
/// <summary>
        /// 判断用户登录是否成功
        /// </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.运行登录页面
此时我们在页面中输入URL: ,就会转向登录页面,

效果如下:

 Asp.Mvc 2.0用户登录实例讲解---(2)用户登录与注销


 

点击登录,登录成功后转向首页,登录失败返回本页面,并显示提示信息.

 

点击登录的时候,是POST提交方式,会调用publicActionResult Login(Models.Login model)方法

 

登录失败页面如下

 Asp.Mvc 2.0用户登录实例讲解---(2)用户登录与注销


 

登录成功页面如下

 Asp.Mvc 2.0用户登录实例讲解---(2)用户登录与注销


 

二.注销
 

登录成功后,转向首页,在首页上我们会生成注销连接。

 

[csharp] <p style="font-size:15pt; color:Red;"> 
        <%if (Request.IsAuthenticated) 
          {%> 
         欢迎您<%:Page.User.Identity.Name%>! 
         
           <%:Html.ActionLink("注销", "LoginOff")%> 
         <%} 
          else 
          {%> 
          <%:Html.ActionLink("登录", "Login")%> 
         <%} %> 
     </p> 
 <p style="font-size:15pt; color:Red;">
         <%if (Request.IsAuthenticated)
           {%>
          欢迎您<%:Page.User.Identity.Name%>!
        
            <%:Html.ActionLink("注销", "LoginOff")%>
          <%}
           else
           {%>
           <%:Html.ActionLink("登录", "Login")%>
          <%} %>
      </p>

 

这里介绍下Html.ActionLink方法,

Html.ActionLink用来生成一个链接,第一个参数代表链接的问题,第二个参数代表的是actionname,可以理解为链接的页面’

 

Html.ActionLink有很多重载方法,更详细的可以参照MSDN

 

由以上代码可以看出,注销链接指向LoginoFF.,也就是controller中的loginoff  action方法,所以我们在controller中添加一个一个loginoff方法,执行完loginoff方法后,会转向INDEX首页

[csharp] <span style="font-family:Microsoft YaHei;font-size:16px;"> </span>/// <summary>  
        /// 用户注销  
        /// </summary>  
        /// <returns></returns>  
        public ActionResult LoginOff() 
        { 
            FormsService.SignOut(); 
            return RedirectToAction("index"); 
        } 
<span style="font-family:Microsoft YaHei;font-size:16px;"> </span>/// <summary>
        /// 用户注销
        /// </summary>
        /// <returns></returns>
        public ActionResult LoginOff()
        {
            FormsService.SignOut();
            return RedirectToAction("index");
        }

 

 

Demo下载:http://up.2cto.com/2012/0522/20120522101938538.rar
 

 

 

摘自 奶酪专栏