Asp.Mvc 2.0用户登录实例讲解---(1)用户注册

2018-09-06 11:48

阅读：399

　　这段时间一直在研究MVC,看了一些教程，总觉得印象不是太深刻，于是决定动手写一个系列的MVC教程，一方面是为了加深自己的印象，另一方面也给学习MVC的同学提供一些帮助，作为一个参考资料.本系列的教程将通过一个实例来由浅入深讲解MVC，相关知识点将在我们的实例中为大家讲解。

　　Asp.mvc模式改变了传统的webform方式，我们在使用MVC开发WEB程序时，要摒弃传统的WEBFORM方式的思想，传统的WEBFORM方式用户拖拉一个按钮，然后双击按钮，就可以在后台写相应的时间的处理代码。Asp.net mvc只有aspx页面，没有后台的aspx.cs页面。

　　MVC简单的来说只有三层，Controller,model,view,

　　View就是表示层，可以简单的理解为aspx页面

　　Model就是实体类，可以简单的理解为数据库表对应的实体类.

　　Controller相当于在VIEW和MODEL层之间的一个控制器。Controller的作用就是从MODEL层读取数据并把数据显示在VIEW网页上.

　　咱们这一节讲每个网站必用的网站注册功能，看看用MVC方式怎么实现。

　　1.首先要做准备工作。
开发工具：vs2010 ,sqlserver2005数据库

　　数据库用户信息表：

　　首先在数据库中创建一个表来存放用户信息

　　--用户信息表

　　CREATE TABLE[dbo].[UserInfo]

　　(

　　[UserName] [varchar](20)COLLATEChinese_PRC_CI_ASNOTNULL,---用户名

　　[UserPwd] [varchar](20)COLLATEChinese_PRC_CI_ASNOTNULL,---密码

　　[Email] [varchar](50)COLLATEChinese_PRC_CI_ASNOTNULL--电子邮件

　　) ON[PRIMARY]

　　ALTER TABLE[dbo].[UserInfo]ADDCONSTRAINT[PK__UserInfo__C9F2845707020F21]PRIMARYKEYCLUSTERED ([UserName])ON[PRIMARY]

　　2.创建MODEL
接着我们添加MODEL层，用户在注册的时候，需要输入用户,密码，确认密码，EMAIL，我们就建立一个对应的MODEL注册类

　　[csharp] /// <summary>
/// 注册用户MODEL
/// </summary>
public class RegisterModel
{
/// <summary>
/// 用户名
/// </summary>
[DisplayName("用户名")]
public string UserName
{ get; set; }

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

[DisplayName("确认密码")]
public string ConfirPwd
{
get;
set;
}
/// <summary>
/// 用户邮箱
/// </summary>
[DisplayName("邮箱")]
public string Email
{
get;
set;
}

}
/// <summary>
/// 注册用户MODEL
/// </summary>
public class RegisterModel
{
/// <summary>
/// 用户名
/// </summary>
[DisplayName("用户名")]
public string UserName
{ get; set; }

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

　　 [DisplayName("确认密码")]
public string ConfirPwd
{
get;
set;
}
/// <summary>
/// 用户邮箱
/// </summary>
[DisplayName("邮箱")]
public string Email
{
get;
set;
}

　　
}

　　DisplayName属性表示字段对外的显示名称，可以理解为属性的别名，

　　用法参照:

　　3.创建VIEW页面
VIEW页面就是用户注册的页面

　　在项目中的View文件夹下右键添加—视图，弹出如下窗口

　　我们这里添加一个强类型的注册页面，创建强类型页面的时候，要选择视图对应的MODEL类，如上图红色标记，这里我们选用registermodel.

　　添加完VIEW页面后如下:强类型的页面继承System.Web.Mvc.ViewPage< >

　　[html] <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcLogin.Models.RegisterModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="
<head runat="server">
<title>注册页面</title>
</head>
<body>
<p>
<br />

<p style="font-size:12px;color:red">

<%if (ViewData["msg"] != null)
{%>
<%:ViewData["msg"]%>
<%} %>
</p>
<br />
<%Html.BeginForm(); %>

<table>
<tr>
<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.PasswordFor(m => m.ConfirPwd)%></td>
</tr>

<tr>
<td> <%: Html.LabelFor(m => m.Email) %></td>
<td> <%: Html.TextBoxFor(m => m.Email) %></td>
</tr>

<tr>
<td> <input type=submit value="提交" /></td>
<td></td>
</tr>

</table>

<%Html.EndForm(); %>

</p>
</body>
</html>
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcLogin.Models.RegisterModel>" %>

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

　　 <%if (ViewData["msg"] != null)
{%>
<%:ViewData["msg"]%>
<%} %>
</p>
<br />
<%Html.BeginForm(); %>

　　
<table>
<tr>
<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.PasswordFor(m => m.ConfirPwd)%></td>
</tr>

　　 <tr>
<td> <%: Html.LabelFor(m => m.Email) %></td>
<td> <%: Html.TextBoxFor(m => m.Email) %></td>
</tr>

　　
</table>

　　 <%Html.EndForm(); %>

</p>
</body>
</html>

　　上面的Html类用来创建HTML控件。

　　Html.BeginForm()用来创建表单控件

　　Html.LabelFor用来创建标签LABEL控件

　　Html.PasswordFor用来创建密码文本框控件

　　Html.TextBoxFor用来创建TEXTbox控件

　　Html.LabelFor(m => m.UserName)这个是用来在页面创建一个LABEL标签。

　　m => m.UserName是一种lamda表达式写法，m.UserName在这里表示属性的别名。

　　生成HTML代码就是这样

　　<labelfor="UserName">用户名</label>

　　4.创建controller

　　我们创建一个UserController，在里面添加一个注册方法，如下

　　publicActionResult Register()

　　 {

　　 return View();

　　 }

　　VIEW页面的名称和方法的名称一样，这时我们访问Register页面的时候，URL就会跳转到Register()方法，

　　通过controller对象，返回VIEW页面要展现的内容。

　　页面效果如下:

　　Asp.mvc的URL访问规则如下

　　其中user表示controller,

　　Register表中controller中的方法名称，也就是对应的页面

　　关于url的规则，可以在global.asax中查看

　　5.sqlhelper
以上准备工作完成后，我们既然注册用户，必须要有对数据库增加的方法，我们这里建立一个SQLHELP类，来执行对数据库的操作

　　[csharp] using System;
using System.Linq;
using System.Web;
using System.Data.SqlClient;
using System.Data;

namespace MvcLogin.Models
{
public class SqlHelper
{
//数据库连接字符串
readonly string conStr = "server=.;uid=sa;pwd=123;database=cztest;Min Pool Size=10;";

( UserName, UserPwd, Email )
VALUES ( '{0}', -- UserName - varchar(20)
'{1}', -- UserPwd - varchar(20)
'{2}' -- Email - varchar(50)
)";

string strUserExist = @" SELECT * FROM dbo.UserInfo WHERE UserName='{0}' AND UserPwd='{1}'";

/// <summary>
/// 添加用户
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public bool AddUser(RegisterModel model)
{
strAdd = string.Format(strAdd, model.UserName, model.UserPwd, model.Email);
SqlConnection con = new SqlConnection(conStr);
con.Open();
SqlCommand cmd = new SqlCommand(strAdd,con);
int o = cmd.ExecuteNonQuery();
con.Close();
if (o>0)
{
return true;
}
return false;
}

/// <summary>
/// 判断用户是否存在
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public bool ExistUser(RegisterModel 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!=nullds.Tables[0].Rows.Count>0)
{
return true;
}
return false;
}

}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;
using System.Data;

　　namespace MvcLogin.Models
{
public class SqlHelper
{
//数据库连接字符串
readonly string conStr = "server=.;uid=sa;pwd=123;database=cztest;Min Pool Size=10;";

　　 string strAdd = @"INSERT INTO dbo.UserInfo
( UserName, UserPwd, Email )
VALUES ( '{0}', -- UserName - varchar(20)
'{1}', -- UserPwd - varchar(20)
'{2}' -- Email - varchar(50)
)";

　　 string strUserExist = @" SELECT * FROM dbo.UserInfo WHERE UserName='{0}' AND UserPwd='{1}'";

　　 /// <summary>
/// 添加用户
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public bool AddUser(RegisterModel model)
{
strAdd = string.Format(strAdd, model.UserName, model.UserPwd, model.Email);
SqlConnection con = new SqlConnection(conStr);
con.Open();
SqlCommand cmd = new SqlCommand(strAdd,con);
int o = cmd.ExecuteNonQuery();
con.Close();
if (o>0)
{
return true;
}
return false;
}

　　 /// <summary>
/// 判断用户是否存在
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public bool ExistUser(RegisterModel 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!=nullds.Tables[0].Rows.Count>0)
{
return true;
}
return false;
}

　　 }
}

　　6.提交注册方法
点击页面上的提交按钮的时候，会添加用户,

　　这时会执行controller的添加方法，我们再向controller类中添加一个注册方法。

　　[csharp] /// <summary>
/// 注册提交
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
[HttpPost]
public ActionResult Register(Models.RegisterModel model)
{
bool result = false;
if (!new Models.SqlHelper().ExistUser(model))
{
result = new Models.SqlHelper().AddUser(model);
}

if (result)
{
//添加成功转向主页
FormsService.SignIn(model.UserName, false);
return RedirectToAction("index");
}
else
{
//返回注册页面
ViewData["msg"] = "添加用户失败";
return View(model);
}
}
/// <summary>
/// 注册提交
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
[HttpPost]
public ActionResult Register(Models.RegisterModel model)
{
bool result = false;
if (!new Models.SqlHelper().ExistUser(model))
{
result = new Models.SqlHelper().AddUser(model);
}

if (result)
{
//添加成功转向主页
FormsService.SignIn(model.UserName, false);
return RedirectToAction("index");
}
else
{
//返回注册页面
ViewData["msg"] = "添加用户失败";
return View(model);
}
}