Index頁
右鍵單擊“視圖”文件夾，然后單擊“添加”>>“新文件夾”，并將文件夾命名為“HelloWorld”。
右鍵單擊“Views/HelloWorld”文件夾，然后單擊“添加”>“新項”。
在“添加新項 - MvcMovie”對話框中：
- 在右上角的搜索框中，輸入“視圖”
- 選擇“Razor 視圖 - 空”
- 保持“名稱”框的值：
Index.cshtml。 - 選擇“添加”
?將?Views/HelloWorld/Index.cshtmlRazor 視圖文件的內(nèi)容替換為以下內(nèi)容：
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>導(dǎo)航到?https://localhost:{PORT}/HelloWorld：
-
HelloWorldController?中的?Index?方法運行?return View();?語句，指定此方法應(yīng)使用視圖模板文件來呈現(xiàn)對瀏覽器的響應(yīng)。 -
由于未指定視圖模板文件名稱，因此 MVC 默認使用默認視圖文件。 如果未指定視圖文件名稱，則返回默認視圖。 默認視圖與操作方法的名稱相同，在本例中為?
Index。 使用視圖模板?/Views/HelloWorld/Index.cshtml。 -
下圖顯示了視圖中硬編碼的字符串“Hello from our View Template!”：
?將數(shù)據(jù)從控制器傳遞給視圖
在?HelloWorldController.cs?中，更改?Welcome?方法以將?Message?和?NumTimes?值添加到?ViewData?字典。
ViewData?字典是動態(tài)對象，這意味著任何類型都可以使用。 在添加某些內(nèi)容之前，ViewData?對象沒有已定義的屬性。?MVC 模型綁定系統(tǒng)自動將命名參數(shù)?name?和?numTimes?從查詢字符串映射到方法中的參數(shù)。 完整的?HelloWorldController：
using Microsoft.AspNetCore.Mvc;
using System.Text.Encodings.Web;
namespace MvcMovie.Controllers;
public class HelloWorldController : Controller
{
public IActionResult Index()
{
return View();
}
public IActionResult Welcome(string name, int numTimes = 1)
{
ViewData["Message"] = "Hello " + name;
ViewData["NumTimes"] = numTimes;
return View();
}
}ViewData?字典對象包含將傳遞給視圖的數(shù)據(jù)。
創(chuàng)建一個名為?Views/HelloWorld/Welcome.cshtml?的 Welcome 視圖模板。
在?Welcome.cshtml?視圖模板中創(chuàng)建一個循環(huán)，顯示“Hello”NumTimes。 將?Views/HelloWorld/Welcome.cshtml?的內(nèi)容替換為以下內(nèi)容：
@{
ViewData["Title"] = "Welcome";
}
<h2>Welcome</h2>
<ul>
@for (int i = 0; i < (int)ViewData["NumTimes"]!; i++)
{
<li>@ViewData["Message"]</li>
}
</ul>保存更改并瀏覽到以下 URL：
https://localhost:{PORT}/HelloWorld/Welcome?name=Rick&numtimes=4
數(shù)據(jù)取自 URL，并傳遞給使用?MVC 模型綁定器的控制器。 控制器將數(shù)據(jù)打包到?ViewData?字典中，并將該對象傳遞給視圖。 然后，視圖將數(shù)據(jù)作為 HTML 呈現(xiàn)給瀏覽器。
文章來源：http://www.zghlxwxcb.cn/news/detail-636869.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-636869.html
到了這里，關(guān)于ASP.NET Core MVC -- 將視圖添加到 ASP.NET Core MVC 應(yīng)用的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[回饋]ASP.NET Core MVC開發(fā)實戰(zhàn)之商城系統(tǒng)(二)](https://imgs.yssmx.com/Uploads/2024/02/600429-1.png)
![[回饋]ASP.NET Core MVC開發(fā)實戰(zhàn)之商城系統(tǒng)(一)](https://imgs.yssmx.com/Uploads/2024/02/592433-1.png)
