MVC - View 的部份

ASP.NET Core Web 應用開發–使用 MVC 框架 / PART I MVC 入門 / MVC - View 的部份

簡單的理解控制器檔案與路由機制,接下來將重點放在檢視檔案的討論,當控制器中的動作方法執行,如下式:

public IActionResult Index()
{
  	return View();
}

其中的 return View() ,根據路由機制找到檢視檔案執行後回傳。

參考以下圖示標示為 3 的步驟: 

首先根據動作方法所屬的控制器名稱,找到專案中 Views 資料夾內的同名子資料夾,例如這個範例中的控制器名稱是 HomeController ,移除 Controller 字尾的名稱是 Home ,表示對應的檢視檔案位於 Views/Home 資料夾中,接下來於其中找到與動作方法 Index 同名的檢視檔案 - Index.cshtml ,即為執行的檢視檔案,其中的內容最後轉換成為 HTML 內容傳送至瀏覽器呈現。

以上是新建立的 MVC 專案其內部的預設配置與路由機制,現在嘗試建立第二組檢視檔案,回到控制器檔案 HomeController.cs 將其開啟,並且建立新的 IActionResult 動作方法 HelloView:

 

在新建立的 HelloView 方法大括弧空間區域點擊右鍵,開啟功能選單,點擊「新增檢視」項目,出現「新增 Scaffold項目」對話方塊:

 

選取「Razor 檢視」,按一下右下方的「加入」按鈕,緊接著出現「新增 Razor 檢視」設定畫面: 

後續針對畫面中的諸多細節會作進一步的討論,請注意其中的「檢視名稱」與動作方法相同,除此之外,維持原先的設定,按一下「新增」按鈕,建立檢視檔案。

回到專案視窗來看看其中的檔案結構: 

相較內建的預設檢視 Index.cshtml ,配置路徑的原理完全相同,新增的檢視檔案配置於 Views/Home 資料夾底下,檔案名稱 HelloView.cshtml 則對應至 HomeController 控制器中的同名動作方法。

執行專案,並且於網址列後方輸入 /Home/HelloView ,出現如下圖的結果畫面: 

與上述的 HelloView.cshtml 檔案比較,可以看到 h1 標籤的內容字串現現在畫面上。


沒有留言:

熱門點閱