當(dāng)前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

我要学ASP.NET MVC 3.0（八）： MVC 3.0 传递和保存你的Model

發(fā)布時(shí)間：2023/12/19 asp.net 29 豆豆

生活随笔收集整理的這篇文章主要介紹了我要学ASP.NET MVC 3.0（八）： MVC 3.0 传递和保存你的Model 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

概述

在 ASP.NET MVC 框架中，模型（Model）是負(fù)責(zé)核心應(yīng)用程序或業(yè)務(wù)邏輯的應(yīng)用程序部件。模型對(duì)象通常從諸如 SQL Server 之類的永久存儲(chǔ)區(qū)（如數(shù)據(jù)庫）中訪問數(shù)據(jù)，并對(duì)該數(shù)據(jù)執(zhí)行業(yè)務(wù)邏輯。

模型特定于應(yīng)用程序，因此 ASP.NET MVC 框架對(duì)您可以生成的模型對(duì)象的種類沒有限制。例如，您可以使用 ADO.NET DataSet 或 DataReader 對(duì)象，或者可以使用一組自定義的域?qū)ο蟆?/span> 您也可以使用對(duì)象類型的組合來處理數(shù)據(jù)。總之：處理數(shù)據(jù)的辦法是多樣的只要您選擇適合您的其中一種即可。

模型不是特定的類或接口。類是模型的一部分，這并不是因?yàn)樗梢詫?shí)現(xiàn)某接口或派生自某基類。而是由于類在 ASP.NET MVC 應(yīng)用程序中發(fā)揮的作用，以及類在應(yīng)用程序文件夾結(jié)構(gòu)中的存儲(chǔ)位置的緣故。 ASP.NET MVC 應(yīng)用程序中的模型類不直接處理來自瀏覽器的輸入，也不生成到瀏覽器的 HTML 輸出。

定義模型

模型對(duì)象是實(shí)現(xiàn)域邏輯（也稱為業(yè)務(wù)邏輯）的應(yīng)用程序部件。域邏輯可處理在數(shù)據(jù)庫與 UI 之間傳遞的數(shù)據(jù)。例如，在庫存系統(tǒng)中，模型將跟蹤存儲(chǔ)區(qū)中的物品以及用于確定庫存中是否有某個(gè)物品的邏輯。此外，模型將是在物品賣出并從倉庫中發(fā)貨時(shí)對(duì)數(shù)據(jù)庫進(jìn)行更新的應(yīng)用程序部件。通常，模型還將在數(shù)據(jù)庫中存儲(chǔ)和檢索模型狀態(tài)。

集成模型和控制器

通常我們創(chuàng)建Model都是在?ASP.NET MVC 應(yīng)用程序模板中 Visual Studio 提供的 Models 文件夾中創(chuàng)建。

但是，通常也會(huì)將模型類存放在單獨(dú)的程序集中，比如單獨(dú)的類庫，以便我們可以在不同的應(yīng)用程序中重復(fù)使用這些類。

MVC中Model和View的分離，使應(yīng)用程序的邏輯元素保持分離，這樣就可以輕松地測試應(yīng)用程序邏輯，而不必通過用戶界面測試該邏輯。

創(chuàng)建Model

右擊MVC項(xiàng)目中的Model文件夾--> 選擇添加-->類

將其命名為Person

?添加類代碼

public class Person
{
/// <summary>
/// 編號(hào)
/// </summary>
public int ID { get; set; }

/// <summary>
/// 姓名
/// </summary>
public string Name { get; set; }

/// <summary>
/// 年齡
/// </summary>
public int Age { get; set; }
}

?好了目前我們一個(gè)簡單的Model已經(jīng)添加好了但是我們還沒有使用他，下面我們接著來學(xué)習(xí)如何使用該Model。

列表頁面

創(chuàng)建PersonController

鼠標(biāo)右擊Controller文件夾-->添加控制器

?程序默認(rèn)生成了Index方法，明眼的你一眼就能發(fā)現(xiàn)，該方法要返回的View還沒有創(chuàng)建，所以我們創(chuàng)建他對(duì)應(yīng)的View

右擊該方法---選擇添加視圖

?點(diǎn)擊添加后，可以看到，VS已經(jīng)給我們把PersonList的Razor視圖代碼都寫好了。。。(*^__^*) 嘻嘻愉快。。。

?迫不及待了點(diǎn)擊運(yùn)行。。。哦哦看不到Person的主頁

此時(shí)我們可以把Global.asax里面的默認(rèn)controller改為Person即可。或者做導(dǎo)航。。后面介紹

?代碼如下

routes.MapRoute(
"Default", // 路由名稱
"{controller}/{action}/{id}", // 帶有參數(shù)的 URL
new { controller = "Person", action = "Index", id = UrlParameter.Optional } // 參數(shù)默認(rèn)值
);

?再次運(yùn)行。。。繼續(xù)報(bào)錯(cuò)。。Model未將對(duì)象。。。實(shí)例

回頭想想其實(shí)是我們沒有給View傳送數(shù)據(jù)而已。。

那么我們給他一個(gè)模擬數(shù)據(jù)。這里也可以從數(shù)據(jù)庫讀取！！！

Controller代碼

/// <summary>
/// 獲取數(shù)據(jù)
/// </summary>
/// <returns>PersonList</returns>
IEnumerable<Person> GetData()
{
IEnumerable<Person> list = new List<Person>
{
new Person() {ID = 1001, Name = "張三", Age = 20},
new Person() {ID = 1002, Name = "李四", Age = 22}
};
return list;
}

//
// GET: /Person/

public ActionResult Index()
{
return View(GetData());
}

?修改后的View代碼

@model IEnumerable<MvcApplication.Models.Person>
@{
ViewBag.Title = "人員列表";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
人員列表</h2>
<table>
<tr>
<th>
姓名
</th>
<th>
年齡
</th>
<th>
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@item.Name
</td>
<td>
@item.Age
</td>
<td>
@Html.ActionLink("修改", "Edit", new { id = item.ID }) |
@Html.ActionLink("明細(xì)", "Details", new { id = item.ID }) |
@Html.ActionLink("刪除", "Delete", new { id = item.ID })
</td>
</tr>
}
</table>
<p>
@Html.ActionLink("創(chuàng)建人員", "Create")
</p>

?運(yùn)行效果

明細(xì)頁面

Controller代碼

//
// GET: /Person/Details/5

public ActionResult Details(int id)
{
foreach (var person in GetData())
{
if (person.ID.Equals(id))
{
return View(person);
}
}
return View();
}

View代碼 @model MvcApplication.Models.Person

@{
ViewBag.Title = "人員明細(xì)";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>人員明細(xì)</h2>

<fieldset>
<legend>人員信息</legend>

<div class="display-label">姓名:</div>
<div class="display-field">@Model.Name</div>

<div class="display-label">年齡：</div>
<div class="display-field">@Model.Age</div>
</fieldset>
<p>
@Html.ActionLink("編輯", "Edit", new { id=Model.ID }) |
@Html.ActionLink("返回列表", "Index")
</p>

運(yùn)行效果

?創(chuàng)建人員 在PersonController新建Create方法 //
// GET: /Person/Create

public ActionResult Create()
{
return View();
}

創(chuàng)建視圖

生成的視圖代碼

@model MvcApplication.Models.Person
@{
ViewBag.Title = "創(chuàng)建人員";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
創(chuàng)建人員</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset>
<legend>人員信息</legend>
<div class="editor-label">
@Html.LabelFor(model => model.ID)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.ID)
@Html.ValidationMessageFor(model => model.ID)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Age)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Age)
@Html.ValidationMessageFor(model => model.Age)
</div>
<p>
<input type="submit" value="創(chuàng)建" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("返回列表", "Index")
</div>

雖然有了頁面有了初始方法

但是我們還沒有寫他的數(shù)據(jù)保存方法。。。

繼續(xù)在PersonController里面寫Create方法不過這次要在方法上面加上[HttpPost]確保該方法只能在界面發(fā)送數(shù)據(jù)的時(shí)候執(zhí)行。

//初始化視圖
// GET: /Person/Create

public ActionResult Create()
{
return View();
}

//只用于接受頁面發(fā)過來的Http請(qǐng)求
// POST: /Person/Create

[HttpPost]
public ActionResult Create(Person person)
{
try
{
//操作數(shù)據(jù)的代碼
return RedirectToAction("Success",person);
}
catch
{
return View();
}
}

/// <summary>
/// 用于顯示添加人員成功
/// </summary>
/// <param name="person"></param>
/// <returns></returns>
public string Success(Person person)
{
return "刪除用戶成功！姓名："+person.Name;
}

因?yàn)槲覀儧]有和數(shù)據(jù)庫交互，所以跳轉(zhuǎn)到了一個(gè)Success的方法，輸出成功語句。。

運(yùn)行效果

點(diǎn)擊創(chuàng)建之后

修改人員信息

與新增頁面類似我們創(chuàng)建修改的初始頁面Edit

//初始頁面
// GET: /Person/Edit/5

public ActionResult Edit(int id)
{
return View();
} 添加視圖

生成的代碼

@model MvcApplication.Models.Person
@{
ViewBag.Title = "修改人員";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
修改人員</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset>
<legend>人員信息</legend>
@Html.HiddenFor(model => model.ID)
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Age)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Age)
@Html.ValidationMessageFor(model => model.Age)
</div>
<p>
<input type="submit" value="保存" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("返回列表", "Index")
</div> 添加保存代碼，還是繼續(xù)返回上面的Success方法 //初始頁面
// GET: /Person/Edit/5

public ActionResult Edit(int id)
{
return View();
}

//修改方法
// POST: /Person/Edit/5

[HttpPost]
public ActionResult Edit(int id, Person person)
{
try
{
// 數(shù)據(jù)庫操作代碼

return RedirectToAction("Success",person);
}
catch
{
return View();
}
}

運(yùn)行效果

點(diǎn)擊保存后

刪除人員

在PersonController中添加方法

//
// GET: /Person/Delete/5

public ActionResult Delete(int id)
{
return View();
}

添加刪除視圖

生成的視圖代碼

@model MvcApplication.Models.Person
@{
ViewBag.Title = "刪除人員";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
刪除人員</h2>
<h3>
你確定要?jiǎng)h除該人員？</h3>
<fieldset>
<legend>人員信息</legend>
<div class="display-label">
編號(hào)</div>
<div class="display-field">@Model.ID</div>
<div class="display-label">
姓名</div>
<div class="display-field">@Model.Name</div>
<div class="display-label">
年齡</div>
<div class="display-field">@Model.Age</div>
</fieldset>
@using (Html.BeginForm())
{
<p>
<input type="submit" value="刪除" />
|
@Html.ActionLink("返回列表", "Index")
</p>
}

添加刪除代碼

//
// GET: /Person/Delete/5

public ActionResult Delete(int id)
{
foreach (var person in GetData())
{
if (person.ID.Equals(id))
{
return View(person);
}
}
return View();
}

//
// POST: /Person/Delete/5

[HttpPost]
public string Delete(int id, Person person)
{
return "已刪除編號(hào)為" + id + "的人員";
}

?運(yùn)行效果

點(diǎn)擊刪除

總結(jié)

MVC開發(fā)基本步驟

一：添加Model對(duì)應(yīng)的Controller

二：在Controller創(chuàng)建操作Model的方法

三：根據(jù)創(chuàng)建的方法添加視圖，并選擇視圖模板等

四：修改VS生成的視圖代碼，如加CSS樣式等操作

五：添加按鈕的Post方法，必須以該視圖名稱命名，參數(shù)不能和初始化視圖的參數(shù)一樣。

六：調(diào)試代碼。

下節(jié)預(yù)告

MVC 3.0 數(shù)據(jù)有效性之Model驗(yàn)證

作者：記憶逝去的青春
出處：http://www.cnblogs.com/lukun/
本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，如有問題，可以通過http://www.cnblogs.com/lukun/ ?聯(lián)系我，非常感謝。

轉(zhuǎn)載于:https://www.cnblogs.com/lukun/archive/2011/07/29/2120699.html

總結(jié)

以上是生活随笔為你收集整理的我要学ASP.NET MVC 3.0（八）： MVC 3.0 传递和保存你的Model的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：三星显示 2.18 亿美元收购美国 Mi
下一篇： asp.net中让GridView加上垂