View檢視職責是向用戶提供介面。負責根據提供的模型資料，生成準備提供給使用者的格式介面。

支援多種檢視引擎(Razor和ASPX檢視引擎是官方預設給出的，其實還支援其它N種檢視引擎，甚至你自己都可以寫一套檢視引擎)

View和Action之間資料傳遞(前後臺數據傳遞)

  弱型別 ViewData[""]

  動態型 ViewBag //dynamic

  動態型別Model
             後臺：return View(data); //存入 ViewData.Model
             前臺：Model //其實就是 WebViewPage.Model

@using 名稱空間

強型別View

        //Control  Action
        public ActionResult Index()
        {
            return View(new User { UserName = "郭靖" });//ViewData.Model屬性
        }

//Index.cshtml

@model MvcApplication.Models.User

<div>@Model.UserName</div>

Razor檢視引擎 語法

Razor為檢視提供精簡的語法，最大限度減少了語法和額外字串

• Razor通過理解標記的結構來實現程式碼和標記之間的順暢切換。
• @核心轉換字元，用來 標記-程式碼 的轉換字串。

語境A：申明C#變數，必須放置在{}程式碼塊中

@{
    string schoolName="湖南第一師範";
}

語境B：郵件中存在@符號時

Razor引擎識別 @ 和 <>html</>

Razor 語法

Razor表示式自動使用了HTML編碼

如果想向瀏覽器輸出html原始碼， 則使用System.Web.IHtmlString: @Html.Raw("<p>zouyujie</p>")

輸出結果zouyujuie

html原始碼

JS字串編碼

<script>
     alert('@Ajax.JavaScriptStringEncode(ViewBag.UserName)');
</script>

結果：

@程式碼塊

     @{  string s ="zouyujie";
         int age =26;
      }
     @{Html.RenderPartial("TestPartial");}//呼叫無返回值方法

註釋：@* ............*@

呼叫泛型方法：@(Html.SomeMethod<User>());

混合程式碼與文字：

@if(1==1){
     <text>我要輸出文字在這裡！</text>
     @:我要輸出文字在這裡！
    }

@轉義：@@

操作web內建物件：@Request.RawUrl @Response.Write

@作用域與html標記混合使用：

     @{
          string userName="劉邦";
          <p>@userName</p> 
      }

在@作用域中輸出未轉義的 HTML 程式碼

1.使用字串描述輸出

      @{
           string strHtm="<p>你好~</p>";
           @strHtml
       }

2.使用HTMLHelper輸出

 @{
    @Html.Raw("<p>哇哈哈哈~</p>");
  }

3.使用HtmlString類輸出

     @{
          HtmlString htm =new HtmlString("<p>哈哈</p>");
          @htm
      }

4.使用MvcHtmlString輸出

     @{
         var strHtml=MvcHtmlString.Create("<p>哈哈~</p>");
         @strHtml
      }

資料型別轉換

     用As....()方法轉換 ，如：@("120".AsInt())

數值型別判斷

     用IsInt()方法，如 @(strAge.IsInt()?"是":"否")

路徑轉換

用Href()方法，如： @Href("~/Home/Index");

using System.Web.WebPages;//內部 為 string 擴充套件了很多 As..方法

HtmlHelper重用：相當於是在 檢視中定義方法

@helper List(List<string> dogs){
    <ul>
        @foreach (string s in dogs)
        {
            <li>@s</li>
        }
    </ul>
    }
@List(new List<string>(){"ruiky","lisa","lucy"})

Razor 佈局 – 整體檢視模板

應用整體模板檢視

[email protected]()  //模板頁裡的佔位符

[email protected]{

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

   View.Title="User List";

}

<p>子頁所有html程式碼都將替換到 模板頁的@RenderBody()處</p>

應用整體檢視模板 - 多個"佔位符"

3.模板頁多個節：

   <footer>@RenderSection("Footer")</footer>

   子頁面定義節點：

    @section Footer{
           <b>我們也要加入了！</b>
     }

   模板頁判斷是否為佈局節方法，IsSectionDeined

  @if(IsSectionDefined("Footer")){
         @RenderSection("Footer");
   }else
   {
         <b>“子頁面”沒有Footer~</b>
   }

Razor 佈局 – ViewStart

每個子頁面都使用一個Layout指定佈局。如果多個檢視都用同一個佈局就會產生冗餘，修改維護麻煩。

_ViewStart.cshtml 可解決此問題

此檔案程式碼優先於同目錄及子目錄下任何檢視程式碼執行

View目錄下自動新增的_ViewStart.cshtml

   @{
          Layout = "~/Views/Shared/_Layout.cshtml";
    } 

有了它，就可以為某個資料夾下所有的檢視新增相同的檢視佈局了

因為這個檔案程式碼優先於任何檢視，所以任何一個檢視都可以重寫LayOut屬性來指定自己想要的模板佈局頁面。

Razor 佈局 – 分佈檢視

Action方法可以通過 PartialView方法以 PartialViewResult形式返回分部檢視
一般用在Ajax請求部分程式碼Controller

        public ActionResult PartialViewTest()
        {
            ViewData["Msg"] = "Hello world!";
            return PartialView();
        }

PartialViewTest.cshtml

<div>@ViewData["Msg"] </div>

Index.cshtml

<div id="divTest">
     @{Html.RenderAction("PartialViewTest");}
</div>

檢視引擎

“僅僅是一個尖括號生成器而已”

此圖僅僅為了強調：
1.檢視引擎發揮作用的地方,它緊跟在Action方法執行後.
       它的目的是獲取從控制器傳遞的資料，並生成經過格式化的輸出。
2.控制器並不渲染檢視，它僅僅準備資料(Model)並通過ViewResult   例項來決定呼叫哪個檢視。
檢視引擎介面 IViewEngine

public interface IViewEngine {
        ViewEngineResult FindPartialView(ControllerContext controllerContext, string partialViewName, bool useCache);

        ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache);

        void ReleaseView(ControllerContext controllerContext, IView view);
}

ViewEngineResult屬性

 其他檢視引擎：Spart,NHaml,Brail,StringTemplate,NVelocity

檢視 IView

public interface IView {
        void Render(ViewContext viewContext, TextWriter writer);
}

MVC檢視的“祕密”

其實我們的cshtml檢視頁面，在被訪問的時候，也編譯成了頁面類，繼承於：WebViewPage<T>

在View頁面，新增程式碼

<div>@{Response.Write(this.GetType().Assembly.Location);}</div>

執行結果：C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files\root\c8628c1b\abb1511c\App_Web_ceor5kns.dll

用reflector反編譯工具檢視這個dll

cshtml頁面裡的所有的程式碼，都編譯到 這個類的Excute方法裡了