ASP.NET MVC 視圖生成機制完整指南

MVC 將前端呈現劃分為 Controller、View、Model 三獨立部分。本文系統說明從 Controller 到 View 的完整渲染流程。

Controller 返回 View

public ActionResult Index() {
    return this.View(); // 預設同名視圖
    // 或 return this.View("IndexView"); // 指定視圖名稱
}

版面配置

• _ViewStart.cshtml：預設設定 Layout = "~/Views/Shared/_Layout.cshtml"。
• 版面頁面相當 Web Forms 母版頁，含 @RenderBody() 輸出內容頁內容。
• 內容頁可設定 Layout = null 取消版面。

區段

版面定義 @RenderSection("scripts", required: false)，內容頁用 @section scripts { ... } 填充，實現 CSS/JS 在不同位置輸出。

分部視圖

• Html.RenderPartial("ProductSummary", model)：直接寫入回應串流，需放在 @{ } 區塊。
• Html.Partial("ProductSummary", model)：回傳 HTML 字串，可直接內嵌 @Html.Partial(...)。
• 共享主視圖 Model/ViewData/ViewBag，亦可傳入獨立 Model。

子動作

標記 [ChildActionOnly] 的 Action 僅能透過 Html.Action/Html.RenderAction 呼叫，不可直接 URL 存取。擁有獨立 Controller 上下文與 View，適合導航選單、購物車摘要等獨立功能區塊。

完整涵蓋版面、區段、分部視圖、子動作四大視圖複用技術，構建模組化、可維護的前端架構。