ASP.NET Web Pages - 添加 Razor 代码

过 C# 和 Visual Basic Razor 标记。

什么是 Razor？

  • Razor 法
  • Razor 拥有传统 ASP.NET 使用
  • Razor ASP 和 PHP 标记语法
  • Razor 支持 C# 和 Visual Basic 编程语言

添加 Razor 代码

：

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Web Pages Demo</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Razor 代码：

实例

<!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 代码。

Razor

C# 的主要 Razor 语法规则

  • Razor 代码块由 @{ ... } 包围
  • 数）以 @ 开始
  • 分号结束
  • 变量通过 var 声明
  • 用来包围
  • C# 写敏感
  • C# 名是 .cshtml

C# 实例

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

<!-- 或变量 -->
<p>The value of myMessage is: @myMessage</p> 

<!--  -->
@{
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

实例

<!--  -->
@Code dim myMessage = "Hello World" End Code
 
<!-- 或变量 -->
<p>The value of myMessage is: @myMessage</p> 
 
<!--  -->
@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 部分。