摘要
????? 本文將完成我們“MVC公告發(fā)布系統(tǒng)”的公告發(fā)布功能,以此展示在ASP.NET MVC中如何傳遞處理表單的數(shù)據(jù)。
前言
????? 通過前幾篇文章,我們已經(jīng)能比較自如的使用ASP.NET MVC來呈現(xiàn)頁面和數(shù)據(jù)了。但是,有一個(gè)大問題沒有解決:如何處理表單數(shù)據(jù)。例如,我們將要實(shí)現(xiàn)的公告發(fā)布功能,用戶肯定是在某個(gè)表單頁面輸入標(biāo)題、正文等內(nèi)容,而后提交,然后表單數(shù)據(jù)要被傳遞到相應(yīng)的地方交由業(yè)務(wù)邏輯組件處理。
????? 在傳統(tǒng)的ASP.NET下,使用的是Model1模式,每個(gè)aspx頁面有一個(gè)同名的aspx.cs文件,當(dāng)提交表單時(shí),默認(rèn)數(shù)據(jù)被提交到這個(gè)同名 aspx.cs文件中某個(gè)方法下處理。但是,在ASP.NET MVC中,這種方法不能用了,因?yàn)槲覀儞Q用了Model2模式,不能再用同名代碼文件來處理aspx的提交請(qǐng)求(但是這不表明同名代碼文件就沒有用了,實(shí)際上,它依然會(huì)被執(zhí)行,但是我們不提倡在里面處理任何邏輯,但是,有時(shí)會(huì)利用它進(jìn)行一些初始化操作。),那么應(yīng)該怎么做呢?不多講,我們以例子說明問題。
????? 下面我們一步一步完成“MVC公告發(fā)布系統(tǒng)”的公告發(fā)布功能,等做完這個(gè)功能,上面的問題就明了了。
先修改一個(gè)錯(cuò)誤...
????? 這里,首先要像大家道歉,因?yàn)樵诘谝黄铮曳噶艘粋€(gè)錯(cuò)誤。就是在公告的實(shí)體類AnnounceInfo中少了一個(gè)屬性。現(xiàn)在,我們?cè)贏nnounceInfo中添加一個(gè)叫Cateogry的屬性,類型為int,它用來指明這個(gè)公告屬于哪個(gè)分類。
????? 對(duì)于這個(gè)錯(cuò)誤,我十分抱歉。
建立輸入信息頁面
????? 下面,正式開始我們的工作。首先,我要建立一個(gè)頁面,用來讓用戶輸入公告信息。而我們知道,在ASP.NET MVC中不能直接請(qǐng)求aspx文件,任何請(qǐng)求都要通過Controller,所以,我們首先在Controllers目錄下建立一個(gè)新的 Controller類,名叫AnnounceController。刪除其中自動(dòng)生成的Index方法,新建一個(gè)名叫Release的Action方法,具體代碼如下。
AnnounceController.cs:
- using ?System; ??
- using ?System.Collections.Generic; ??
- using ?System.Linq; ??
- using ?System.Web; ??
- using ?System.Web.Mvc; ??
- using ?System.Web.Mvc.Ajax; ??
- using ?MVCDemo.Models; ??
- using ?MVCDemo.Models.Interfaces; ??
- using ?MVCDemo.Models.Entities; ??
- ??
- namespace ?MVCDemo.Controllers ??
- { ??
- ???? public ? class ?AnnounceController?:?Controller ??
- ????{ ??
- ???????? public ?ActionResult?Release() ??
- ????????{ ??
- ????????????ICategoryService?cServ?=?ServiceBuilder.BuildCategoryService(); ??
- ????????????List<CategoryInfo>?categories?=?cServ.GetAll(); ??
- ????????????ViewData[ "Categories" ]?=? new ?SelectList(categories,? "ID" ,? "Name" ); ??
- ???????????? return ?View( "Release" ); ??
- ????????} ??
- ????} ??
- }??
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Mvc.Ajax; using MVCDemo.Models; using MVCDemo.Models.Interfaces; using MVCDemo.Models.Entities; namespace MVCDemo.Controllers { public class AnnounceController : Controller { public ActionResult Release() { ICategoryService cServ = ServiceBuilder.BuildCategoryService(); List<CategoryInfo> categories = cServ.GetAll(); ViewData["Categories"] = new SelectList(categories, "ID", "Name"); return View("Release"); } } }?
????? 這個(gè)就是要呈現(xiàn)表單頁的Action方法,看看它做了什么:它首先取出所有的分類,然后將它們轉(zhuǎn)成SelectList類型存入ViewData,最后呈現(xiàn)Release視圖。
????? 為什么要取出所有分類呢?因?yàn)槲覀冊(cè)诎l(fā)布公告時(shí)希望有個(gè)下拉列表框列出所有公告名稱,讓用戶可以選擇要發(fā)布的公告屬于哪個(gè)分類。而SelectList是 ASP.NET MVC中用于綁定到下拉列表的類型。它有很多重載的構(gòu)造方法,其中我使用的是三個(gè)參數(shù)的,它們分別表示:生成數(shù)據(jù)的枚舉,綁定到value的字段名,綁定到列表名稱的字段名。這里,將把所有分類實(shí)體集合綁定到下拉列表,而ID屬性作為值,Name屬性作為顯示在列表框中的名字。
????? 如果我們不需要下拉列表框來顯示所有分類,那么Release方法只需一行return View("Release");就可以了。
????? Action方法做完了,我們還需要視圖。在Views目錄下建立Announce目錄,再在這個(gè)Announce目錄下建立Release.aspx視圖。代碼如下。
Release.aspx:
- <%@?Page?Language= "C#" ?AutoEventWireup= "true" ?CodeBehind= "Release.aspx.cs" ?Inherits= "MVCDemo.Views.Announce.Release" ?%> ??
- <%@?Import?Namespace= "MVCDemo.Models.Entities" ?%> ??
- ??
- <!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> ??
- ????<%?SelectList?categories?=?ViewData[ "Categories" ]? as ?SelectList;?%> ??
- ????<div> ??
- ????????<h1>MVC公告發(fā)布系統(tǒng)——發(fā)布公告</h1> ??
- ????????<%?Html.BeginForm( "DoRelease" , "Announce" ,FormMethod.Post);?%> ??
- ????????<dl> ??
- ????????????<dt>標(biāo)題:</dt> ??
- ????????????<dd><%=?Html.TextBox( "Title" )?%></dd> ??
- ????????????<dt>分類:</dt> ??
- ????????????<dd><%=?Html.DropDownList( "Category" ,categories)?%></dd> ??
- ????????????<dt>內(nèi)容:</dt> ??
- ????????????<dd><%=?Html.TextArea( "Content" )?%></dd> ??
- ????????</dl> ??
- ????????<input?type= "submit" ?value= "發(fā)布" ?/> ??
- ????????<%?Html.EndForm();?%> ??
- ????</div> ??
- </body> ??
- </html>??
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Release.aspx.cs" Inherits="MVCDemo.Views.Announce.Release" %> <%@ Import Namespace="MVCDemo.Models.Entities" %> <!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> <% SelectList categories = ViewData["Categories"] as SelectList; %> <div> <h1>MVC公告發(fā)布系統(tǒng)——發(fā)布公告</h1> <% Html.BeginForm("DoRelease","Announce",FormMethod.Post); %> <dl> <dt>標(biāo)題:</dt> <dd><%= Html.TextBox("Title") %></dd> <dt>分類:</dt> <dd><%= Html.DropDownList("Category",categories) %></dd> <dt>內(nèi)容:</dt> <dd><%= Html.TextArea("Content") %></dd> </dl> <input type="submit" value="發(fā)布" /> <% Html.EndForm(); %> </div> </body> </html>?
????? 代碼不復(fù)雜,但是要注意幾個(gè)地方。categories不多說了,這是剛才我們傳遞過來的所有分類組成的列表項(xiàng)。我覺得大家迷惑的可能是那些 Html.***的東西,其實(shí),Html是ViewPage的中的一個(gè)對(duì)象(ViewPage是所有視圖的基類),它主要的左右就是產(chǎn)生各種表單項(xiàng)(先這么認(rèn)為吧,其實(shí)它還有其他功能),例如Html.BeginForm就是說這里開始一個(gè)form標(biāo)簽,而Html.EndForm當(dāng)然是form標(biāo)簽結(jié)束。其他幾個(gè),看名字相信大家也猜出來了。
????? 至于為什么這么做,也不直接使用原始的HTML標(biāo)簽,我先不多說,以后大家做多了自然就理解了,目前大家只要知道,這樣做可以避免一個(gè)url問題以及讓url更靈活就行了。^_^
????? 回到這個(gè)頁面,BeginForm有三個(gè)參數(shù),分別是提交請(qǐng)求的Action名,提交請(qǐng)求的Controller名和請(qǐng)求方式。所以,這個(gè)頁面的意思就是使用post方法請(qǐng)求
http://localhost/Announce/DoRelease
這個(gè)Action來處理我們的請(qǐng)求。
????? 頁面中有三個(gè)輸入表單和一個(gè)提交按鈕。三個(gè)輸入表單分別是:名叫Title的文本框,名叫Content的文本域和名叫Category的下拉列表框。注意下拉列表是怎么綁定的,只要將含有數(shù)據(jù)的SelectList作為第二個(gè)參數(shù)就行了。完成后,頁面是這樣子的:
????? 現(xiàn)在我們可以輸入信息了,但是如果你輸入后點(diǎn)提交,你會(huì)發(fā)現(xiàn)產(chǎn)生了經(jīng)典的404錯(cuò)誤。剛才我們說了,表單提交到的Action是Announce下的DoRelease,但是現(xiàn)在沒有這個(gè)Action,當(dāng)然會(huì)404了。下面,我們來建立這個(gè)處理程序。
????? 回到AnnounceController,新建Action方法DoRelease,具體代碼如下。
AnnounceController.cs:
- using ?System; ??
- using ?System.Collections.Generic; ??
- using ?System.Linq; ??
- using ?System.Web; ??
- using ?System.Web.Mvc; ??
- using ?System.Web.Mvc.Ajax; ??
- using ?MVCDemo.Models; ??
- using ?MVCDemo.Models.Interfaces; ??
- using ?MVCDemo.Models.Entities; ??
- ??
- namespace ?MVCDemo.Controllers ??
- { ??
- ???? public ? class ?AnnounceController?:?Controller ??
- ????{ ??
- ???????? public ?ActionResult?Release() ??
- ????????{ ??
- ????????????ICategoryService?cServ?=?ServiceBuilder.BuildCategoryService(); ??
- ????????????List<CategoryInfo>?categories?=?cServ.GetAll(); ??
- ????????????ViewData[ "Categories" ]?=? new ?SelectList(categories,? "ID" ,? "Name" ); ??
- ???????????? return ?View( "Release" ); ??
- ????????} ??
- ???????? //??http://www.my400800.cn ??
- ???????? public ?ActionResult?DoRelease() ??
- ????????{ ??
- ????????????AnnounceInfo?announce?=? new ?AnnounceInfo() ??
- ????????????{ ??
- ????????????????ID?=?1, ??
- ????????????????Title?=?Request.Form[ "Title" ], ??
- ????????????????Category?=?Int32.Parse(Request.Form[ "Category" ]), ??
- ????????????????Content?=?Request.Form[ "Content" ], ??
- ????????????}; ??
- ??
- ????????????IAnnounceService?aServ?=?ServiceBuilder.BuildAnnounceService(); ??
- ????????????aServ.Release(announce); ??
- ??
- ????????????ViewData[ "Announce" ]?=?announce; ??
- ???????????? return ?View( "ReleaseSucceed" ); ??
- ????????} ??
- ????} ??
- }??
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Mvc.Ajax; using MVCDemo.Models; using MVCDemo.Models.Interfaces; using MVCDemo.Models.Entities; namespace MVCDemo.Controllers { public class AnnounceController : Controller { public ActionResult Release() { ICategoryService cServ = ServiceBuilder.BuildCategoryService(); List<CategoryInfo> categories = cServ.GetAll(); ViewData["Categories"] = new SelectList(categories, "ID", "Name"); return View("Release"); } // http://www.my400800.cn public ActionResult DoRelease() { AnnounceInfo announce = new AnnounceInfo() { ID = 1, Title = Request.Form["Title"], Category = Int32.Parse(Request.Form["Category"]), Content = Request.Form["Content"], }; IAnnounceService aServ = ServiceBuilder.BuildAnnounceService(); aServ.Release(announce); ViewData["Announce"] = announce; return View("ReleaseSucceed"); } } }?
????? 我們看,它首先新建一個(gè)AnnounceInfo類型的實(shí)體類,用來存貯這個(gè)新的公告的信息。注意它是怎么得到表單信息的,對(duì)了,用了 Request.Form["表單名"],這就是獲得表單信息的一種方法,當(dāng)然還有其他方法,但是我推薦這一種。注意,這里的表單名就是我們使用 Html.***方法生成表單時(shí)的名字。
????? OK,下面就是調(diào)用業(yè)務(wù)邏輯組件,完成 400電話 發(fā)布公告功能。
????? 但是這里有個(gè)問題,我們的業(yè)務(wù)邏輯組件是Mock的,也就是說其實(shí)什么都沒做啊。如果是真的業(yè)務(wù)邏輯組件,我們可以去數(shù)據(jù)庫看看有沒有添加公告信息成功,可是這里沒有,我們要怎么證明表單數(shù)據(jù)傳遞過來了呢?于是我想了一個(gè)辦法,有新加了一個(gè)ReleaseSucceed視圖,用來顯示新發(fā)布公告的信息,以此證明我們確實(shí)把表單信息傳過來了。ReleaseSucceed視圖如下:
ReleaseSucceed.aspx:
- <%@?Page?Language= "C#" ?AutoEventWireup= "true" ?CodeBehind= "ReleaseSucceed.aspx.cs" ?Inherits= "MVCDemo.Views.Announce.ReleaseSucceed" ?%> ??
- <%@?Import?Namespace= "MVCDemo.Models.Entities" ?%> ??
- ??
- <!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> ??
- ????<%?AnnounceInfo?announce?=?ViewData[ "Announce" ]? as ?AnnounceInfo;?%> ??
- ????<div> ??
- ????????<h1>MVC公告發(fā)布系統(tǒng)——發(fā)布公告成功</h1> ??
- ????????<dl> ??
- ????????????<dt>ID:</dt> ??
- ????????????<dd><%=?announce.ID?%></dd> ??
- ????????????<dt>標(biāo)題:</dt> ??
- ????????????<dd><%=?announce.Title?%></dd> ??
- ????????????<dt>類別ID:</dt> ??
- ????????????<dd><%=?announce.Category?%></dd> ??
- ????????????<dt>內(nèi)容:</dt> ??
- ????????????<dd><%=?announce.Content?%></dd> ??
- ????????</dl> ??
- ????</div> ??
- </body> ??
- </html>??
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ReleaseSucceed.aspx.cs" Inherits="MVCDemo.Views.Announce.ReleaseSucceed" %> <%@ Import Namespace="MVCDemo.Models.Entities" %> <!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> <% AnnounceInfo announce = ViewData["Announce"] as AnnounceInfo; %> <div> <h1>MVC公告發(fā)布系統(tǒng)——發(fā)布公告成功</h1> <dl> <dt>ID:</dt> <dd><%= announce.ID %></dd> <dt>標(biāo)題:</dt> <dd><%= announce.Title %></dd> <dt>類別ID:</dt> <dd><%= announce.Category %></dd> <dt>內(nèi)容:</dt> <dd><%= announce.Content %></dd> </dl> </div> </body> </html>?
????? 這些代碼就不用我過多解釋了。下面,我們輸入一些信息,提交看看:
小結(jié)
????? 通過這四篇文章,我們已經(jīng)了解了ASP.NET MVC的基本原理,并且已經(jīng)會(huì)呈現(xiàn)數(shù)據(jù)頁面及傳遞表單數(shù)據(jù)處理了。會(huì)了這些,其實(shí)已經(jīng)可以應(yīng)付絕大多數(shù)主要開發(fā)了。從下篇開始,我們接觸一些高級(jí)點(diǎn)的內(nèi)容。下篇將說一下ASP.NET MVC如何與ASP.NET AJAX及JQuery結(jié)合,再后面,會(huì)講到攔截器及與Silverlight結(jié)合的內(nèi)容。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
