快捷導(dǎo)航

Asp.Mvc?2.0實(shí)現(xiàn)用戶注冊(cè)實(shí)例講解(1)

更新時(shí)間：2022年04月27日 07:59:54 作者：zx13525079024

這篇文章主要介紹了Asp.Mvc?2.0如何實(shí)現(xiàn)用戶注冊(cè)，實(shí)例講解很細(xì)致，注冊(cè)功能是每個(gè)網(wǎng)站必不可少的組成部分,感興趣的的朋友可以參考下

最近一直在研究ASP.NET MVC，看了一些教程，總覺得印象不是太深刻，于是決定動(dòng)手寫一個(gè)系列的MVC教程，一方面是為了加深自己的印象，另一方面也給學(xué)習(xí)MVC的同學(xué)提供一些幫助，作為一個(gè)參考資料。本系列的教程將通過一個(gè)實(shí)例來由淺入深講解MVC，相關(guān)知識(shí)點(diǎn)將在我們的實(shí)例中為大家講解。

Asp.mvc模式改變了傳統(tǒng)的asp.net webform方式，我們?cè)谑褂肕VC開發(fā)WEB程序時(shí)，要摒棄傳統(tǒng)的WEBFORM方式的思想，傳統(tǒng)的WEBFORM方式用戶拖拉一個(gè)按鈕，然后雙擊按鈕，就可以在后臺(tái)寫相應(yīng)的時(shí)間的處理代碼。Asp.net mvc只有aspx頁面，沒有后臺(tái)的aspx.cs頁面。

MVC簡單的來說只有三層：Controller、model、view。
View就是表示層，可以簡單的理解為aspx頁面
Model就是實(shí)體類，可以簡單的理解為數(shù)據(jù)庫表對(duì)應(yīng)的實(shí)體類.
Controller相當(dāng)于在VIEW和MODEL層之間的一個(gè)控制器。Controller的作用就是從MODEL層讀取數(shù)據(jù)并把數(shù)據(jù)顯示在VIEW網(wǎng)頁上.
這一節(jié)講每個(gè)網(wǎng)站必用的網(wǎng)站注冊(cè)功能，看看用MVC方式怎么實(shí)現(xiàn)。

1.準(zhǔn)備工作。

開發(fā)工具：vs2010 ,sqlserver2005數(shù)據(jù)庫

數(shù)據(jù)庫用戶信息表：首先在數(shù)據(jù)庫中創(chuàng)建一個(gè)表來存放用戶信息

--用戶信息表
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.創(chuàng)建MODEL

接著我們添加MODEL層，用戶在注冊(cè)的時(shí)候，需要輸入用戶,密碼，確認(rèn)密碼，EMAIL，我們就建立一個(gè)對(duì)應(yīng)的MODEL注冊(cè)類

/// <summary> 
 /// 注冊(cè)用戶MODEL 
 /// </summary> 
 public class RegisterModel 
 { 
 /// <summary> 
 /// 用戶名 
 /// </summary> 
 [DisplayName("用戶名")] 
 public string UserName 
 { get; set; } 
 
 /// <summary> 
 /// 密碼 
 /// </summary> 
 [DisplayName("密碼")] 
 public string UserPwd 
 { 
 get; 
 set; 
 } 
 
 [DisplayName("確認(rèn)密碼")] 
 public string ConfirPwd 
 { 
 get; 
 set; 
 } 
 /// <summary> 
 /// 用戶郵箱 
 /// </summary> 
 [DisplayName("郵箱")] 
 public string Email 
 { 
 get; 
 set; 
 } 
 }

DisplayName屬性表示字段對(duì)外的顯示名稱，可以理解為屬性的別名，

3.創(chuàng)建VIEW頁面

VIEW頁面就是用戶注冊(cè)的頁面

在項(xiàng)目中的View文件夾下右鍵添加—視圖，彈出如下窗口

我們這里添加一個(gè)強(qiáng)類型的注冊(cè)頁面，創(chuàng)建強(qiáng)類型頁面的時(shí)候，要選擇視圖對(duì)應(yīng)的MODEL類，如上圖紅色標(biāo)記，這里我們選用registermodel.
添加完VIEW頁面后如下:強(qiáng)類型的頁面繼承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>注冊(cè)頁面</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類用來創(chuàng)建HTML控件。

Html.BeginForm()用來創(chuàng)建表單控件
Html.LabelFor用來創(chuàng)建標(biāo)簽LABEL控件
Html.PasswordFor用來創(chuàng)建密碼文本框控件
Html.TextBoxFor用來創(chuàng)建TEXTbox控件
Html.LabelFor(m => m.UserName)這個(gè)是用來在頁面創(chuàng)建一個(gè)LABEL標(biāo)簽。
m => m.UserName是一種lamda表達(dá)式寫法，m.UserName在這里表示屬性的別名。
生成HTML代碼就是這樣：<labelfor="UserName">用戶名</label>

4.創(chuàng)建controller

我們創(chuàng)建一個(gè)UserController，在里面添加一個(gè)注冊(cè)方法，如下

publicActionResult Register()
 {
 return View();
 }

VIEW頁面的名稱和方法的名稱一樣，這時(shí)我們?cè)L問Register頁面的時(shí)候，URL就會(huì)跳轉(zhuǎn)到Register()方法，
通過controller對(duì)象，返回VIEW頁面要展現(xiàn)的內(nèi)容。

頁面效果如下:

其中user表示controller，Register表中controller中的方法名稱，也就是對(duì)應(yīng)的頁面。

5.sqlhelper

以上準(zhǔn)備工作完成后，我們既然注冊(cè)用戶，必須要有對(duì)數(shù)據(jù)庫增加的方法，我們這里建立一個(gè)SQLHELP類，來執(zhí)行對(duì)數(shù)據(jù)庫的操作

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 
 { 
 //數(shù)據(jù)庫連接字符串 
 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.提交注冊(cè)方法

點(diǎn)擊頁面上的提交按鈕的時(shí)候，會(huì)添加用戶,
這時(shí)會(huì)執(zhí)行controller的添加方法，我們?cè)傧騝ontroller類中添加一個(gè)注冊(cè)方法。

/// <summary> 
 /// 注冊(cè)提交 
 /// </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) 
 { 
 //添加成功轉(zhuǎn)向主頁 
 FormsService.SignIn(model.UserName, false); 
 return RedirectToAction("index"); 
 } 
 else 
 { 
 //返回注冊(cè)頁面 
 ViewData["msg"] = "添加用戶失敗"; 
 return View(model); 
 } 
 }

可能有同學(xué)會(huì)問道，在controll里面有兩個(gè)register方法，點(diǎn)擊提交的時(shí)候怎么去判斷調(diào)用哪一個(gè).請(qǐng)注意我們這個(gè)方法前面有個(gè)httppost請(qǐng)求，這表明這個(gè)方法只接受post請(qǐng)求提交的處理.默認(rèn)情況下方法是get的，點(diǎn)擊提交按鈕的請(qǐng)求是屬于POST請(qǐng)求的，所有會(huì)執(zhí)行這個(gè)注冊(cè)方法.

7.創(chuàng)建一個(gè)INDEX頁面

用戶添加成功后，會(huì)轉(zhuǎn)向index頁面，index頁面是非強(qiáng)類型的頁面.會(huì)在頁面中顯示歡迎用戶的信息.我們這個(gè)DEMO采用的form驗(yàn)證，所以用到了FormsAuthentication類。