ASP.NET Web Pages Razor

在以下的内容中,你将了解什么是 Razor?如何添加 Razor 代码?Razor C# 与 VB 的语法规则是什么?

在本教程中,我们将使用 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>


更多关于 C# 和 Visual Basic

如果您想学习更多关于 Razor、C#、Visual Basic 编程语言,请查看本教程的 Razor 部分

相关教程

C#教程

作者:唐伯虎点蚊香,如若转载,请注明出处:https://www.web176.com/aspnet/18373.html

(0)
打赏 支付宝 支付宝 微信 微信
唐伯虎点蚊香的头像唐伯虎点蚊香
上一篇 2023年4月27日
下一篇 2023年4月27日

相关推荐

发表回复

登录后才能评论