ASP.NET Web Pages - 添加 Razor 代码

最新推荐文章于 2022-08-17 11:16:48 发布

北.岛

最新推荐文章于 2022-08-17 11:16:48 发布

阅读量471

点赞数

分类专栏：【鹿先生 DotNet】文章标签： asp.net

【鹿先生 DotNet】专栏收录该内容

65 篇文章 0 订阅

订阅专栏

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

主要的 Razor C# 语法规则

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>

主要的 Razor VB 语法规则

Razor 代码块包含在 @Code ... End Code 中
内联表达式（变量和函数）以 @ 开头
变量使用 Dim 关键字声明
字符串用引号括起来
VB 代码不区分大小写
VB 文件的扩展名是 .vbhtml

实例

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