ASP.NET Web Pages - 添加 Razor 代码

水深无声 2024-03-26 13:24 9阅读 0赞

在本教程中，我们将使用 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 代码能够在服务器上实时地完成多有的动作，并将结果显示出来。（您可以指定格式化选项，否则只会显示默认项。）

--------------------

### 主要的 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>

--------------------

### 主要的 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>