Asp.Mvc 2.0实现用户注册实例讲解（1）
最近一直在研究asp.net mvc，看了一些教程，总觉得印象不是太深刻，于是决定动手写一个系列的mvc教程，一方面是为了加深自己的印象，另一方面也给学习mvc的同学提供一些帮助，作为一个参考资料。本系列的教程将通过一个实例来由浅入深讲解mvc，相关知识点将在我们的实例中为大家讲解。
asp.mvc模式改变了传统的asp.net 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] go alter table[dbo].[userinfo]addconstraint[pk__userinfo__c9f2845707020f21]primarykeyclustered ([username])on[primary] go
2.创建model
接着我们添加model层，用户在注册的时候，需要输入用户,密码，确认密码，email，我们就建立一个对应的model注册类
/// <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< >
<%@ page language="c#" inherits="system.web.mvc.viewpage<mvclogin.models.registermodel>" %>
<!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>注册页面</title>
</head>
<body>
<div>
<br />
<p style="font-size:12px;color:red">
<%if (viewdata["msg"] != null)
{%>
<%:viewdata["msg"]%>
<%} %>
</p>
<br />
<%html.beginform(); %>
<table>
<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.confirpwd) %></td>
<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(); %>
</div>
</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页面要展现的内容。
页面效果如下:
其中user表示controller，register表中controller中的方法名称，也就是对应的页面。
5.sqlhelper
以上准备工作完成后，我们既然注册用户，必须要有对数据库增加的方法，我们这里建立一个sqlhelp类，来执行对数据库的操作
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!=null&&ds.tables[0].rows.count>0)
{
return true;
}
return false;
}
}
}
6.提交注册方法
点击页面上的提交按钮的时候，会添加用户,
这时会执行controller的添加方法，我们再向controller类中添加一个注册方法。
/// <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);
}
}
可能有同学会问道，在controll里面有两个register方法，点击提交的时候怎么去判断调用哪一个.请注意我们这个方法前面有个httppost请求，这表明这个方法只接受post请求提交的处理.默认情况下方法是get的，点击提交按钮的请求是属于post请求的，所有会执行这个注册方法.
7.创建一个index页面
用户添加成功后，会转向index页面，index页面是非强类型的页面.会在页面中显示欢迎用户的信息.我们这个demo采用的form验证，所以用到了formsauthentication类。
最后的文件目录如下：
看完这个实例讲解是不是感觉用户注册功能没这么难实现了，但是我们也要亲自实践一下，这样在以后的学习中才能更加灵活熟练地运用，真正成为自己的东西。