首页 电脑 电脑学堂 查看内容

Asp.Mvc 2.0实现用户登录与注销功能实例讲解

2015-8-13 11:46 1545 0

摘要: 这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销。我们这个系列讲的用户登录方式都是FORM表单验证方式。在讲之前先给大家说下%:%的功能,%:%与%=%功能一样,用来动态输出内容。 一、登录 1. 建立M ...
关键词: nbsp 登录 页面 MODEL Login summary 一个 方法 public td

这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销。我们这个系列讲的用户登录方式都是FORM表单验证方式。在讲之前先给大家说下<%:%>的功能,<%:%>与<%=%>功能一样,用来动态输出内容。
一、登录
1. 建立MODEL
登录的时候,我们一般只要验证用户名和密码,还有是否保存登录COOKIE,所以我们建立一个MODEL登录类,只需包括3个字段就可以。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
/// <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。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<%@ 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">
  
<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>用户登录</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用来生成一个复选框按钮
3.建立controller
同样我们在controller中建立两个login方法,一个用来展现页面,一个用来点击登录按钮后判断用户名和密码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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中添加判断用户名和密码的方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/// <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,就会转向登录页面,
效果如下:

点击登录,登录成功后转向首页,登录失败返回本页面,并显示提示信息。
点击登录的时候,是POST提交方式,会调用publicActionResult Login(Models.Login model)方法。
登录失败页面如下

登录成功页面如下

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

1
2
3
4
5
6
7
8
9
10
11
12
<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,可以理解为链接的页面。

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

1
2
3
4
5
6
7
8
9
<span style="font-family:Microsoft YaHei;font-size:16px;"> </span>/// <summary>
    /// 用户注销
    /// </summary>
    /// <returns></returns>
    public ActionResult LoginOff()
    {
      FormsService.SignOut();
      return RedirectToAction("index");
    }

以上就是Asp.Mvc 2.0实现用户登录与注销功能实例讲解,大家可以在自己的网站上进行实践了,希望在此基础上可以有所创新和完善。

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部