Asp.Mvc 2.0实现用户登录与注销功能实例讲解(2)
这一节讲解下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,就会转向登录页面,
效果如下:
点击登录,登录成功后转向首页,登录失败返回本页面,并显示提示信息。
点击登录的时候,是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,可以理解为链接的页面。
由以上代码可以看出,注销链接指向loginoff.,也就是controller中的loginoff action方法,所以我们在controller中添加一个一个loginoff方法,执行完loginoff方法后,会转向index首页
<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实现用户登录与注销功能实例讲解,大家可以在自己的网站上进行实践了,希望在此基础上可以有所创新和完善。