C# 语言 Razor 页面语法详解

C 语言 Razor 页面语法详解

Razor 是一个由 Microsoft 开发的服务器端引擎，用于在 ASP.NET MVC 和 ASP.NET Core 应用程序中创建动态网页。Razor 页面结合了 HTML 和 C 代码，使得开发者能够以更简洁的方式构建动态内容。本文将围绕 C 语言在 Razor 页面中的语法进行详解，帮助开发者更好地理解和应用 Razor 页面技术。

1. Razor 页面简介

Razor 页面是一种基于文件的视图引擎，它允许开发者将 HTML 和 C 代码混合在一个文件中。这种混合模式使得页面更加灵活，同时也简化了视图和控制器之间的交互。

1.1 Razor 页面结构

Razor 页面通常包含以下部分：

- 布局（_Layout.cshtml）：定义了页面的基本结构，如标题、导航栏和页脚。
- 页面（Page.cshtml）：包含页面特有的内容，如标题、主体和脚本。
- 部分（_Partials）：定义可重用的页面片段。

1.2 Razor 页面优势

- 简洁性：将 HTML 和 C 代码混合，减少了代码量。
- 可维护性：通过布局和部分，提高了代码的可维护性。
- 灵活性：支持动态内容，可以与控制器进行交互。

2. Razor 语法基础

Razor 语法包括 HTML 标签、C 代码和 Razor 视图引擎指令。

2.1 HTML 标签

Razor 页面中的 HTML 标签与普通 HTML 文件相同，可以用来构建页面结构。

html
欢迎来到我的网站

这是一个段落。

2.2 C 代码

在 Razor 页面中，可以使用 C 代码来动态生成内容。C 代码块以 `@` 符号开始，以 `@{}` 结束。

csharp
@{
string title = "我的网站";
int count = 10;
}
@title

计数器：@count

2.3 Razor 视图引擎指令

Razor 视图引擎指令用于控制页面行为，如条件判断、循环等。

2.3.1 条件判断

使用 `@if`、`@else if` 和 `@else` 指令进行条件判断。

csharp
@if (count > 5)
{

计数器大于5

}
else if (count == 5)
{

计数器等于5

}
else
{

计数器小于5

}


2.3.2 循环

使用 `@for`、`@foreach` 和 `@while` 指令进行循环。

csharp
@for (int i = 1; i <= 5; i++)
{

循环计数：@i

}

@foreach (var item in items)
{

列表项：@item

}


3. Razor 页面与控制器交互

Razor 页面可以通过模型绑定与控制器进行交互。在页面中，可以使用 `@model` 指令来指定模型类型。

csharp
@model MyModel
欢迎，@model.Name

在控制器中，可以使用 `View()` 方法来渲染页面。

csharp
public IActionResult Index()
{
var model = new MyModel { Name = "张三" };
return View(model);
}


4. 布局和部分

布局和部分是提高代码可维护性的重要手段。

4.1 布局

布局文件通常命名为 `_Layout.cshtml`，它定义了页面的基本结构。

html

@ViewBag.Title

@RenderBody()