ASP.NET MVC Framework - View

ASP.NET MVC Framework - View

LAVI

ASP.NET MVC Framework - View

MVC:Model-View-Controller 軟體設計模式

其中包含以下三大面向:

  1. Controller:從 Model 拿資料再將其提供給 View

  2. View用:呈現使者看到的畫面
  3. Model:處理商業邏輯,提供資料

View

在 ActionResult 的 function 名稱 Index 上按右鍵,選擇 新增檢視 -> MVC 5 檢視

加入檢視可以設定範本,但開空白的則可以選擇 Empty(沒有模型) 即可

此時可以在方案總管中,View 的資料夾下看到 Index.cshtml

ViewBag

從 Controller 將值傳給 View 的方法,可以利用 ViewBag、ViewData… 等
以下主要討論 ViewBag

可在剛新增的 View(副檔名為 .cshtml)上引入 Controller 寫好的 ViewBag

DefaultController.cs

1
2
3
4
5
6
7
8
9
10
11
public class DefaultController : Controller
{
/// <summary>
/// 若網頁預設路徑導入 Default/Index
/// </summary>
/// <returns></returns>
public ActionResult Index(){
ViewBag.Label = "Hello World";
return View();
}
}

index.cshtml

1
2
3
4
5
6
7
@{
ViewBag.Title = "Index";
}

<h2>Index</h2>

@ViewBag.Label

Execute

run 起來後就會出現以下頁面,此時可看見畫面中有由 @ViewBag.Label 從 Controller 傳值的 “Hello World” 字串
這樣就成功啦~

On this page
ASP.NET MVC Framework - View