ASP.NET Web Pages - 添加 Razor 代码

ASP.NET Web Pages 是一个使用 Razor 语法的 Web 应用程序开发框架。Razor 代码是一种使用类似于 HTML 的标记语言来嵌入 C# 或 VB.NET 代码的方式。下面是关于如何在 ASP.NET Web Pages 中添加 Razor 代码的技术文档。

步骤一：创建一个 ASP.NET Web Pages 文件

在 Visual Studio 中，您可以新建一个 ASP.NET Web Pages 文件，也可以转到文件菜单并选择新建。在需要创建的项目上单击右键，然后从上下文菜单中选择“添加 ASP.NET 文件”。选择 ASP.NET Web Pages 文件类型，然后点击“添加”。

步骤二：添加 Razor 代码

在 ASP.NET Web Pages 文件中，您可以使用 Razor 语法来添加代码。您可以将代码放在 Web 页面上或在代码块中嵌入。例如，在 Web 页面上添加 Razor 代码，您可以使用 @ 符号，然后在此符号后输入 C# 或 VB.NET 代码。

<!DOCTYPE html>
<html>
<body>
    <div>
        <h1>Welcome</h1>
        <p>The time is @DateTime.Now.</p>
    </div>
</body>
</html>

注意，Razor 代码必须包含在 HTML 标记之间。

步骤三：使用 Razor 代码块

如果您要使用多行 Razor 代码，那么使用代码块是比较好的方法。代码块使用左右花括号表示语法块的开头和结尾。在代码块中，使用 @ 符号来定义 C# 或 VB.NET 代码。例如，下面的代码块将显示当前日期和时间。

<!DOCTYPE html>
<html>
<body>
    @{
        DateTime currentDate = DateTime.Now;
    }
    <div>
        <h1>Welcome</h1>
        <p>The time is @currentDate.</p>
    </div>
</body>
</html>

在上面的代码示例中，@{ … } 块包含 C# 代码，该代码将 DateTime.Now 的值赋值给变量 currentDate。

步骤四：使用 Razor 模板

Razor 模板可以重用 Razor 代码片段。模板为特定消息格式定义了样式和标记，可以共享使用。一个 Razor 模板可以包含多个 Razor 代码片段，您可以在其他文件中重用这些代码片段。在 ASP.NET Web Page 中，您可以创建一个名为 _Layout.cshtml 的文件作为主版页面，用于定义页面的通用外观和布局。要创建 Razor 模板，请创建一个具有 .cshtml 文件扩展名的文件，然后使用 Razor 代码定义样式和标记，如下所示。

<!DOCTYPE html>
<html>
<body>
    @RenderBody()
</body>
</html>

在上面的代码示例中，@RenderBody() 代码片段将用于渲染 Web 页面中的主要内容。

总结

本文介绍了如何在 ASP.NET Web Pages 中添加 Razor 代码的方法。您可以在 Web 页面上添加 Razor 代码或使用代码块来定义多行代码。您还可以使用 Razor 模板来定义样式和标记以及重用代码片段。在学习 Razor 语法后，编写现代 Web 应用程序变得容易且快捷。

ASP.NET Web Pages - 更多帮助器 ASP.NET Web Pages - 类