ASP.NET 网页- 添加 Razor 代码简介

73次阅读

共计 1534 个字符，预计需要花费 4 分钟才能阅读完成。

导读	ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。Razor 是一种将基于服务器的代码添加到网页中的标记语法。

ASP.NET 网页 - 添加 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>