• 一 ASP.NET MVC 實戰 建立屬於你的Blog

我使用的Visual studio 2015 ，可能你們使用的版本不同，但是不影響站點的建設

1.建立專案

專案名稱取名BlogApp,然後單擊ok

2.選擇專案型別

專案模板選擇空，型別選擇MVC,然後單擊ok,然後你可以看到下面的解決方案檔案目錄

3.建立Control,取名為Home

在Control檔案下，新增Control型別檔案

選擇MVC 5 Control - Empty

最終檔案內容如下

ASP.NET MVC 的原理Control 把model 傳遞給View ,故而我需要新建一個Model

4.新建Demo模型

Demo模型只有唯一屬性，在Demo模型的建構函式中，初始化為"hello world"

5.在Control 把model傳遞給View.

 return View(model);
 把模型傳遞給試圖（View）

6.建立檢視

滑鼠定位到動作 index行，然後單擊滑鼠右鍵，選擇新增檢視

    Template 選擇Empty,Model Class選擇Demo,然後單擊Add
    備註 index 行
       public ActionResult Index()

7.檢視解決方案檔案變化

1. 新增了Content資料夾，以及檔案下的css檔案
2. 新增了Script資料夾，以及檔案下的js檔案
3. 新增Shared資料夾，以及檔案下-Layout.cshtml檔案
4. 新增_ViewStart.cshtml檔案

那麼它們之間有什麼聯絡，我們來整理一下

啟動BlogApp站點，首先會呼叫_ViewStart.cshtml檔案，

 Layout = "~/Views/Shared/_Layout.cshtml";

_ViewStart.cshtml檔案上面一行程式碼會呼叫_Layout.cshtml佈局檢視

 @RenderBody()

_Layout.cshtml檔案上面的一行程式碼會呼叫當前請求的頁面

8.Home>Index顯示Hello world

View怎麼呼叫Control傳遞給View的模型?

@model BlogApp.ViewModel.Demo

@model 就是模型BlogApp.ViewModel.Demo別名，如果我們想顯示模型的欄位，可以想型別一樣式樣，例如。 @model .DemoText ,我們在Index.cshtml新增下面一行程式碼

<h2 style="color:red;">@Model.DemoText</h2>

9.啟動專案，訪問Control 模型Index動作 http://localhost:15553/Home/Index

原始碼下載

原始碼下載

• 一 ASP.NET MVC 實戰 建立屬於你的Blog