编程语言
首页 > 编程语言> > ASP.NET Web Pages - 添加 Razor 代码

ASP.NET Web Pages - 添加 Razor 代码

作者:互联网

在本教程中,我们将通过 C# 和 Visual Basic 代码来使用 Razor 标记。

什么是 Razor?

添加 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 语法规则

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 语法规则

实例

<!-- 单行代码块 -->
@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>

运行实例

标签:Web,myMessage,ASP,Razor,C#,代码,greeting
来源: https://www.cnblogs.com/blogweb/p/10903751.html