最近一直在研究ASP.NET MVC,看了一些教程,總覺(jué)得印象不是太深刻,于是決定動(dòng)手寫(xiě)一個(gè)系列的MVC教程,一方面是為了加深自己的印象,另一方面也給學(xué)習(xí)MVC的同學(xué)提供一些幫助,作為一個(gè)參考資料。本系列的教程將通過(guò)一個(gè)實(shí)例來(lái)由淺入深講解MVC,相關(guān)知識(shí)點(diǎn)將在我們的實(shí)例中為大家講解。
Asp.mvc模式改變了傳統(tǒng)的asp.net webform方式,我們?cè)谑褂肕VC開(kāi)發(fā)WEB程序時(shí),要摒棄傳統(tǒng)的WEBFORM方式的思想,傳統(tǒng)的WEBFORM方式用戶(hù)拖拉一個(gè)按鈕,然后雙擊按鈕,就可以在后臺(tái)寫(xiě)相應(yīng)的時(shí)間的處理代碼。Asp.net mvc只有aspx頁(yè)面,沒(méi)有后臺(tái)的aspx.cs頁(yè)面。
MVC簡(jiǎn)單的來(lái)說(shuō)只有三層:Controller、model、view。
View就是表示層,可以簡(jiǎn)單的理解為aspx頁(yè)面
Model就是實(shí)體類(lèi),可以簡(jiǎn)單的理解為數(shù)據(jù)庫(kù)表對(duì)應(yīng)的實(shí)體類(lèi).
Controller相當(dāng)于在VIEW和MODEL層之間的一個(gè)控制器。Controller的作用就是從MODEL層讀取數(shù)據(jù)并把數(shù)據(jù)顯示在VIEW網(wǎng)頁(yè)上.
這一節(jié)講每個(gè)網(wǎng)站必用的網(wǎng)站注冊(cè)功能,看看用MVC方式怎么實(shí)現(xiàn)。
1.準(zhǔn)備工作。
開(kāi)發(fā)工具:vs2010 ,sqlserver2005數(shù)據(jù)庫(kù)
數(shù)據(jù)庫(kù)用戶(hù)信息表:首先在數(shù)據(jù)庫(kù)中創(chuàng)建一個(gè)表來(lái)存放用戶(hù)信息
--用戶(hù)信息表
CREATE TABLE[dbo].[UserInfo]
(
[UserName] [varchar](20)COLLATEChinese_PRC_CI_ASNOTNULL,---用戶(hù)名
[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層,用戶(hù)在注冊(cè)的時(shí)候,需要輸入用戶(hù),密碼,確認(rèn)密碼,EMAIL,我們就建立一個(gè)對(duì)應(yīng)的MODEL注冊(cè)類(lèi)
/// summary>
/// 注冊(cè)用戶(hù)MODEL
/// /summary>
public class RegisterModel
{
/// summary>
/// 用戶(hù)名
/// /summary>
[DisplayName("用戶(hù)名")]
public string UserName
{ get; set; }
/// summary>
/// 密碼
/// /summary>
[DisplayName("密碼")]
public string UserPwd
{
get;
set;
}
[DisplayName("確認(rèn)密碼")]
public string ConfirPwd
{
get;
set;
}
/// summary>
/// 用戶(hù)郵箱
/// /summary>
[DisplayName("郵箱")]
public string Email
{
get;
set;
}
}
DisplayName屬性表示字段對(duì)外的顯示名稱(chēng),可以理解為屬性的別名,
3.創(chuàng)建VIEW頁(yè)面
VIEW頁(yè)面就是用戶(hù)注冊(cè)的頁(yè)面
在項(xiàng)目中的View文件夾下右鍵添加—視圖,彈出如下窗口
我們這里添加一個(gè)強(qiáng)類(lèi)型的注冊(cè)頁(yè)面,創(chuàng)建強(qiáng)類(lèi)型頁(yè)面的時(shí)候,要選擇視圖對(duì)應(yīng)的MODEL類(lèi),如上圖紅色標(biāo)記,這里我們選用registermodel.
添加完VIEW頁(yè)面后如下:強(qiáng)類(lèi)型的頁(yè)面繼承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>注冊(cè)頁(yè)面/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類(lèi)用來(lái)創(chuàng)建HTML控件。
Html.BeginForm()用來(lái)創(chuàng)建表單控件
Html.LabelFor用來(lái)創(chuàng)建標(biāo)簽LABEL控件
Html.PasswordFor用來(lái)創(chuàng)建密碼文本框控件
Html.TextBoxFor用來(lái)創(chuàng)建TEXTbox控件
Html.LabelFor(m => m.UserName)這個(gè)是用來(lái)在頁(yè)面創(chuàng)建一個(gè)LABEL標(biāo)簽。
m => m.UserName是一種lamda表達(dá)式寫(xiě)法,m.UserName在這里表示屬性的別名。
生成HTML代碼就是這樣:labelfor="UserName">用戶(hù)名/label>
4.創(chuàng)建controller
我們創(chuàng)建一個(gè)UserController,在里面添加一個(gè)注冊(cè)方法,如下
publicActionResult Register()
{
return View();
}
VIEW頁(yè)面的名稱(chēng)和方法的名稱(chēng)一樣,這時(shí)我們?cè)L問(wèn)Register頁(yè)面的時(shí)候,URL就會(huì)跳轉(zhuǎn)到Register()方法,
通過(guò)controller對(duì)象,返回VIEW頁(yè)面要展現(xiàn)的內(nèi)容。
頁(yè)面效果如下:
其中user表示controller,Register表中controller中的方法名稱(chēng),也就是對(duì)應(yīng)的頁(yè)面。
5.sqlhelper
以上準(zhǔn)備工作完成后,我們既然注冊(cè)用戶(hù),必須要有對(duì)數(shù)據(jù)庫(kù)增加的方法,我們這里建立一個(gè)SQLHELP類(lèi),來(lái)執(zhí)行對(duì)數(shù)據(jù)庫(kù)的操作
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ù)庫(kù)連接字符串
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>
/// 添加用戶(hù)
/// /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>
/// 判斷用戶(hù)是否存在
/// /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.提交注冊(cè)方法
點(diǎn)擊頁(yè)面上的提交按鈕的時(shí)候,會(huì)添加用戶(hù),
這時(shí)會(huì)執(zhí)行controller的添加方法,我們?cè)傧騝ontroller類(lèi)中添加一個(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)向主頁(yè)
FormsService.SignIn(model.UserName, false);
return RedirectToAction("index");
}
else
{
//返回注冊(cè)頁(yè)面
ViewData["msg"] = "添加用戶(hù)失敗";
return View(model);
}
}
可能有同學(xué)會(huì)問(wèn)道,在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頁(yè)面
用戶(hù)添加成功后,會(huì)轉(zhuǎn)向index頁(yè)面,index頁(yè)面是非強(qiáng)類(lèi)型的頁(yè)面.會(huì)在頁(yè)面中顯示歡迎用戶(hù)的信息.我們這個(gè)DEMO采用的form驗(yàn)證,所以用到了FormsAuthentication類(lèi)。
最后的文件目錄如下:
看完這個(gè)實(shí)例講解是不是感覺(jué)用戶(hù)注冊(cè)功能沒(méi)這么難實(shí)現(xiàn)了,但是我們也要親自實(shí)踐一下,這樣在以后的學(xué)習(xí)中才能更加靈活熟練地運(yùn)用,真正成為自己的東西。
您可能感興趣的文章:- asp.net之生成驗(yàn)證碼的方法集錦(一)
- 詳解ASP.NET七大身份驗(yàn)證方式以及解決方案
- ASP.NET中驗(yàn)證控件的使用方法
- ASP.NET MVC3網(wǎng)站創(chuàng)建與發(fā)布(1)
- ASP.NET MVC3模板頁(yè)的使用(2)
- ASP.NET MVC4之js css文件合并功能(3)
- Asp.Mvc 2.0實(shí)現(xiàn)用戶(hù)登錄與注銷(xiāo)功能實(shí)例講解(2)
- Asp.Mvc 2.0用戶(hù)客戶(hù)端驗(yàn)證實(shí)例講解(3)
- 創(chuàng)建第一個(gè)ASP.NET應(yīng)用程序(第1節(jié))
- ASP.NET網(wǎng)站模板的實(shí)現(xiàn)(第2節(jié))
- ASP.NET網(wǎng)站聊天室的設(shè)計(jì)與實(shí)現(xiàn)(第3節(jié))
- ASP.NET實(shí)現(xiàn)用戶(hù)注冊(cè)和驗(yàn)證功能(第4節(jié))
- ASP.NET在線文本編輯控件的使用(第6節(jié))
- ASP.NET實(shí)現(xiàn)數(shù)據(jù)的添加(第10節(jié))
- ASP.NET用戶(hù)注冊(cè)實(shí)戰(zhàn)(第11節(jié))
- Asp.Mvc 2.0用戶(hù)服務(wù)器驗(yàn)證實(shí)例講解(4)
- Asp.Mvc 2.0用戶(hù)的編輯與刪除實(shí)例講解(5)
- ASP.NET對(duì)大文件上傳的解決方案
- Asp.Net上傳圖片同時(shí)生成高清晰縮略圖
- ASP.NET MVC5添加驗(yàn)證(4)