主頁 > 知識庫 > Asp.Mvc 2.0實現(xiàn)用戶注冊實例講解(1)

Asp.Mvc 2.0實現(xiàn)用戶注冊實例講解(1)

熱門標(biāo)簽:寧德防封版電銷卡 辦公用地圖標(biāo)注網(wǎng)點怎么操作 云南外呼系統(tǒng)代理 安陸市地圖標(biāo)注app 上海市三維地圖標(biāo)注 聊城智能電銷機器人電話 南昌自動外呼系統(tǒng)線路 海東防封電銷卡 西寧電銷外呼系統(tǒng)公司

最近一直在研究ASP.NET MVC,看了一些教程,總覺得印象不是太深刻,于是決定動手寫一個系列的MVC教程,一方面是為了加深自己的印象,另一方面也給學(xué)習(xí)MVC的同學(xué)提供一些幫助,作為一個參考資料。本系列的教程將通過一個實例來由淺入深講解MVC,相關(guān)知識點將在我們的實例中為大家講解。
Asp.mvc模式改變了傳統(tǒng)的asp.net webform方式,我們在使用MVC開發(fā)WEB程序時,要摒棄傳統(tǒng)的WEBFORM方式的思想,傳統(tǒng)的WEBFORM方式用戶拖拉一個按鈕,然后雙擊按鈕,就可以在后臺寫相應(yīng)的時間的處理代碼。Asp.net mvc只有aspx頁面,沒有后臺的aspx.cs頁面。
MVC簡單的來說只有三層:Controller、model、view。
View就是表示層,可以簡單的理解為aspx頁面
Model就是實體類,可以簡單的理解為數(shù)據(jù)庫表對應(yīng)的實體類.
Controller相當(dāng)于在VIEW和MODEL層之間的一個控制器。Controller的作用就是從MODEL層讀取數(shù)據(jù)并把數(shù)據(jù)顯示在VIEW網(wǎng)頁上.
這一節(jié)講每個網(wǎng)站必用的網(wǎng)站注冊功能,看看用MVC方式怎么實現(xiàn)。
1.準(zhǔn)備工作。
開發(fā)工具:vs2010 ,sqlserver2005數(shù)據(jù)庫
 
數(shù)據(jù)庫用戶信息表:首先在數(shù)據(jù)庫中創(chuàng)建一個表來存放用戶信息

--用戶信息表
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層,用戶在注冊的時候,需要輸入用戶,密碼,確認(rèn)密碼,EMAIL,我們就建立一個對應(yīng)的MODEL注冊類

/// summary> 
 /// 注冊用戶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屬性表示字段對外的顯示名稱,可以理解為屬性的別名,
3.創(chuàng)建VIEW頁面
VIEW頁面就是用戶注冊的頁面
在項目中的View文件夾下右鍵添加—視圖,彈出如下窗口   

我們這里添加一個強類型的注冊頁面,創(chuàng)建強類型頁面的時候,要選擇視圖對應(yīng)的MODEL類,如上圖紅色標(biāo)記,這里我們選用registermodel.
添加完VIEW頁面后如下:強類型的頁面繼承System.Web.Mvc.ViewPage >

%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPageMvcLogin.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類用來創(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)這個是用來在頁面創(chuàng)建一個LABEL標(biāo)簽。
m => m.UserName是一種lamda表達(dá)式寫法,m.UserName在這里表示屬性的別名。
生成HTML代碼就是這樣:labelfor="UserName">用戶名/label>
 
4.創(chuàng)建controller
 
我們創(chuàng)建一個UserController,在里面添加一個注冊方法,如下

publicActionResult Register()
 {
 return View();
 }
 

VIEW頁面的名稱和方法的名稱一樣,這時我們訪問Register頁面的時候,URL就會跳轉(zhuǎn)到Register()方法,
通過controller對象,返回VIEW頁面要展現(xiàn)的內(nèi)容。
頁面效果如下:

 

其中user表示controller,Register表中controller中的方法名稱,也就是對應(yīng)的頁面。
5.sqlhelper
以上準(zhǔn)備工作完成后,我們既然注冊用戶,必須要有對數(shù)據(jù)庫增加的方法,我們這里建立一個SQLHELP類,來執(zhí)行對數(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!=nullds.Tables[0].Rows.Count>0) 
 { 
 return true; 
 } 
 return false; 
 } 
 
 } 
} 

 6.提交注冊方法
點擊頁面上的提交按鈕的時候,會添加用戶,
這時會執(zhí)行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) 
 { 
 //添加成功轉(zhuǎn)向主頁 
 FormsService.SignIn(model.UserName, false); 
 return RedirectToAction("index"); 
 } 
 else 
 { 
 //返回注冊頁面 
 ViewData["msg"] = "添加用戶失敗"; 
 return View(model); 
 } 
 } 

 可能有同學(xué)會問道,在controll里面有兩個register方法,點擊提交的時候怎么去判斷調(diào)用哪一個.請注意我們這個方法前面有個httppost請求,這表明這個方法只接受post請求提交的處理.默認(rèn)情況下方法是get的,點擊提交按鈕的請求是屬于POST請求的,所有會執(zhí)行這個注冊方法. 
7.創(chuàng)建一個INDEX頁面
用戶添加成功后,會轉(zhuǎn)向index頁面,index頁面是非強類型的頁面.會在頁面中顯示歡迎用戶的信息.我們這個DEMO采用的form驗證,所以用到了FormsAuthentication類。

最后的文件目錄如下:

看完這個實例講解是不是感覺用戶注冊功能沒這么難實現(xiàn)了,但是我們也要親自實踐一下,這樣在以后的學(xué)習(xí)中才能更加靈活熟練地運用,真正成為自己的東西。

您可能感興趣的文章:
  • asp.net之生成驗證碼的方法集錦(一)
  • 詳解ASP.NET七大身份驗證方式以及解決方案
  • ASP.NET中驗證控件的使用方法
  • ASP.NET MVC3網(wǎng)站創(chuàng)建與發(fā)布(1)
  • ASP.NET MVC3模板頁的使用(2)
  • ASP.NET MVC4之js css文件合并功能(3)
  • Asp.Mvc 2.0實現(xiàn)用戶登錄與注銷功能實例講解(2)
  • Asp.Mvc 2.0用戶客戶端驗證實例講解(3)
  • 創(chuàng)建第一個ASP.NET應(yīng)用程序(第1節(jié))
  • ASP.NET網(wǎng)站模板的實現(xiàn)(第2節(jié))
  • ASP.NET網(wǎng)站聊天室的設(shè)計與實現(xiàn)(第3節(jié))
  • ASP.NET實現(xiàn)用戶注冊和驗證功能(第4節(jié))
  • ASP.NET在線文本編輯控件的使用(第6節(jié))
  • ASP.NET實現(xiàn)數(shù)據(jù)的添加(第10節(jié))
  • ASP.NET用戶注冊實戰(zhàn)(第11節(jié))
  • Asp.Mvc 2.0用戶服務(wù)器驗證實例講解(4)
  • Asp.Mvc 2.0用戶的編輯與刪除實例講解(5)
  • ASP.NET對大文件上傳的解決方案
  • Asp.Net上傳圖片同時生成高清晰縮略圖
  • ASP.NET MVC5添加驗證(4)

標(biāo)簽:汕尾 洛陽 贛州 南寧 青海 衢州 崇左

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Asp.Mvc 2.0實現(xiàn)用戶注冊實例講解(1)》,本文關(guān)鍵詞  Asp.Mvc,2.0,實現(xiàn),用戶注冊,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Asp.Mvc 2.0實現(xiàn)用戶注冊實例講解(1)》相關(guān)的同類信息!
  • 本頁收集關(guān)于Asp.Mvc 2.0實現(xiàn)用戶注冊實例講解(1)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章