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文件夹下右键添加—视图,弹出如下窗口   

Asp.Mvc 2.0实现用户注册实例讲解(1)

我们这里添加一个强类型的注册页面,创建强类型页面的时候,要选择视图对应的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> <%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(); }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjwsxp.html