將視圖加入至MVC 應用程式 | razor mvc 5
![將視圖加入至MVC 應用程式](https://i.imgur.com/axBPWDg.jpg)
本文內容 依RickAnderson[1]Note您可以使用最新版本的VisualStudio[2],在此提供本教學課程[3]的更新版本。新的教學課程使用ASP.NETCOREMVC[4],此教學課程提供了許多改進。本教學課程可讓您了解ASP.NETCoreMVC與控制器和檢視。RazorPages是ASP.NETCore的新替代方案,它是一種以頁面為基礎的程式設計模型,可讓您更輕鬆且更具生產力地建立webUI。建議您在嘗試使用MVC版本之前,先試試Razor頁面[5]教學課程。Razor頁面教學課程:比較容易學習。涵蓋更多功能。是新應用程式開發的慣用方法。在這一節中,您將修改HelloWorl...
![將視圖加入至MVC 應用程式](https://i.imgur.com/H8YKUrg.jpg)
依 Rick Anderson[1]
Note
您可以使用最新版本的Visual Studio[2],在此提供本教學課程[3]的更新版本。 新的教學課程使用 ASP.NET CORE MVC[4],此教學課程提供了 許多 改進。
本教學課程可讓您了解 ASP.NET Core MVC 與控制器和檢視。 Razor Pages 是 ASP.NET Core 的新替代方案,它是一種以頁面為基礎的程式設計模型,可讓您更輕鬆且更具生產力地建立 web UI。 建議您在嘗試使用 MVC 版本之前,先試試 Razor 頁面[5]教學課程。 Razor 頁面教學課程:
比較容易學習。 涵蓋更多功能。 是新應用程式開發的慣用方法。在這一節中,您將修改 HelloWorldController 類別以使用「查看範本」檔案,將產生 HTML 回應的程式完全封裝到用戶端。
您將使用 Razor view 引擎[6]來建立 view 範本檔案。 Razor 型視圖範本的副檔名為 cshtml ,並提供使用 c # 建立 HTML 輸出的簡潔方式。 Razor 可將撰寫視圖範本時所需的字元數和按鍵次數降到最低,並啟用快速、流暢的編碼工作流程。
目前,Index 方法會傳回字串,內含在控制器類別中硬式編碼的訊息。 將 Index 方法變更為呼叫控制器 View[7] 方法,如下列程式碼所示:
public ActionResult Index() { return View(); }Index上述方法會使用 view 範本來產生瀏覽器的 HTML 回應。 控制器方法 (也稱為 動作方法[8]) (例如 Index 上述方法)通常會傳回 ActionResult[9] (或衍生自 ActionResult[10]) 的類別,而不是字串之類的基本類型。
以滑鼠右鍵按一下 [ ViewsHelloWorld ] 資料夾,然後按一下 [ 新增],再按一下 [ **具有版面配置的 MVC 5 視圖頁面] (Razor) **。
在 [ 指定專案的名稱 ] 對...