深入了解cshtml

一、CSHTML簡介

CSHTML即C# Razor語法的視圖文件，是MVC（Model-View-Controller）開發模式中的視圖層，結合了C#語法和HTML標籤。在ASP.NET Core中，我們通常使用CSHTML來創建Web應用程序的用戶界面。

與傳統的ASP.NET Web Forms相比，ASP.NET Core使用CSHTML提供了更高效且更易於維護的視圖層實現方式，同時還具有更好的擴展性和更強大的性能。

二、CSHTML語法

1、基本語法

@{
    //C#語法
}

在一個CSHTML文件中，使用「@{}」包裹起來的部分表示C#代碼片段，可以包含變數、循環、條件語句等。

2、輸出語句

@{var name = "Alice";}
歡迎 @name 光臨!

使用「@」符號和變數名，可以在HTML中輸出變數的值。

3、HTML輔助器

@Html.ActionLink("Link Text", "ActionName", "ControllerName")

ASP.NET Core中提供了一系列的HTML輔助器，用於簡化Web應用程序開發中的常見任務，如生成HTML表單、鏈接等。

三、CSHTML與Model交互

1、視圖模型

public class PersonViewModel
{
    public string Name { get; set; }
    public int Age { get; set; }
}

在MVC開發模式中，我們通常使用視圖模型在視圖和控制器之間傳遞數據。

2、傳遞數據到視圖

public IActionResult Index()
{
    var person = new PersonViewModel { Name = "Alice", Age = 25 };
    return View(person);
}

在控制器中，我們可以創建視圖模型的實例，並將其傳遞給View()方法，將數據傳遞到視圖中。

3、從視圖中訪問模型數據

@model PersonViewModel
歡迎 @Model.Name 光臨!
年齡：@Model.Age。

在CSHTML文件的開頭使用「@model」指令指定視圖使用的模型類，然後可以直接從視圖中訪問模型的屬性。

四、布局視圖

1、布局文件

@{
    Layout = "_Layout";
}
...

在MVC中，可以使用布局視圖將常見的頁面元素（如頁眉、頁腳）提取到單獨的文件中，在多個視圖頁面中共享。

在每個視圖文件中，可以通過修改@{ Layout = “_Layout” }語句來指定使用的布局文件名稱。

2、布局文件中的區塊

 @RenderSection("sidebar", required: false)
原創文章，作者：DFHJF，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/329323.html