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

来源:互联网 发布:icp域名备案如何办理 编辑:程序博客网 时间:2024/06/07 03:13

 

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

 

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

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

 

切入正题开始讲本节内容

 

一登录

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

   1. 建立MODEL

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

 

 /// <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。

 

<%@ 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>用户登录</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方法,一个用来展现页面,一个用来点击登录按钮后判断用户名和密码

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中添加判断用户名和密码的方法

/// <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:http://localhost:25330/user/Login,就会转向登录页面,

效果如下:

 

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

 

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

 

登录失败页面如下

 

 

登录成功页面如下

 

 

二.注销

 

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

 

 <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首页

 /// <summary>        /// 用户注销        /// </summary>        /// <returns></returns>        public ActionResult LoginOff()        {            FormsService.SignOut();            return RedirectToAction("index");        }


 

 

Demo下载:http://download.csdn.net/detail/zx13525079024/4309727 


 

原创粉丝点击