ASP.NET Web Pages - 添加 Razor 代码 · W3School C# & Asp.net 教程

# 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> ``` [运行实例 ?](/try/showfile_c.php?filename=try_webpages_cs_001) 该页面中包含普通的 HTML 标记，除此之外，还添加了一个 @ 标识的 Razor 代码。 Razor 代码能够在服务器上实时地完成多有的动作，并将结果显示出来。（您可以指定格式化选项，否则只会显示默认项。） ## 主要的 Razor C# 语法规则 * 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> ``` [运行实例 ?](/try/showfile_c.php?filename=try_razor_cs_001) ## 主要的 Razor VB 语法规则 * Razor 代码块包含在 @Code ... End Code 中 * 内联表达式（变量和函数）以 @ 开头 * 变量使用 Dim 关键字声明 * 字符串用引号括起来 * VB 代码不区分大小写 * VB 文件的扩展名是 .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> ``` [运行实例 ?](/try/showfile_c.php?filename=try_razor_vb_001) ## 更多关于 C# 和 Visual Basic 如果您想学习更多关于 Razor、C#、Visual Basic 编程语言，请查看本教程的 [Razor 部分](razor-intro.html)。