ASP.NET - 添加 Razor 代码

在本教程中,我们将通过 C# 和 Visual Basic 代码来使用 Razor 标记。


什么是 Razor?

  • Razor 是一种向网页添加基于服务器的代码的标记语法
  • Razor 拥有传统 ASP.NET 标记的能力,但是更易学习,更易使用
  • Razor 是一种类似 ASP 和 PHP 的服务器端标记语法
  • Razor 支持 C# 和 Visual Basic 编程语言

实例

<!DOCTYPE html>

<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1>
     <p>The time is @DateTime.Now</p>
</body>
</html>
运行实例 »

该页面包含常规的 HTML 标记,此外还包含:由 @ 标记的 Razor 代码。


C# 的主要 Razor 语法规则

  • Razor 代码块由 @{ ... } 包围
  • 行内表达式(变量和函数)以 @ 开始
  • 代码语句以分号结束
  • 变量通过 var 关键词进行声明
  • 字符串用引用来包围
  • C# 代码对大小写敏感
  • C# 文件的扩展名是 .cshtml

C# 实例

<!-- Single statement block -->
@{ var myMessage = "Hello World"; }

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

<p>The greeting is: @greetingMessage</p>
运行实例 »


VB 的主要 Razor 语法规则

  • Razor 代码块由 @Code ... End 包围
  • 行内表达式(变量和函数)以 @ 开始
  • 变量通过 Dim 关键词进行声明
  • 字符串用引用来包围
  • C# 代码对大小写不敏感
  • C# 文件的扩展名是 .vbhtml

VB 实例

<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage</p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage</p>
运行实例 »

有关 C# 和 Visual Basic 的更多信息

如果希望学习更多有关 Razor 以及 C# 和 Visual Basic 编程语言的更多知识,请访问Razor section教程