jQuery技术

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

字号+ 作者:H5之家 来源:H5之家 2016-05-19 15:00 我要评论( )

这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销。我们这个系列讲的用户登录方式都是FORM表单验证方式。在讲之前先给大家说下%:%的功能,%:%

这一节讲解下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> <%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></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)方法。
登录失败页面如下

登录成功页面如下

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

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

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

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ASP.NET中实现jQuery Validation-Engine的Ajax验证

    ASP.NET中实现jQuery Validation-Engine的Ajax验证

    2016-05-05 12:00

  • 基于jquery实现轮播特效

    基于jquery实现轮播特效

    2016-04-29 16:00

  • JQuery运用ajax注册用户实例(后台asp.net)

    JQuery运用ajax注册用户实例(后台asp.net)

    2016-04-28 14:00

  • jQuery+Ajax用户登录功能的实现

    jQuery+Ajax用户登录功能的实现

    2016-04-28 13:00

网友点评