最新的Web开发教程
 

ASP.NET网页 - 添加剃刀代码


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


什么是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代码执行确定服务器的当前时间,并显示它的所有工作。 (You can specify formatting options, or just display the default)


主要Razor语法规则为C#

  • Razor代码块被封闭在@ {...}
  • 内联表达式(variables and functions)开始与@
  • 代码语句结束与分号
  • 变量的声明与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 ...结束码
  • 内联表达式(variables and functions)开始与@
  • 变量的声明与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

如果您想了解更多关于剃须刀,以及C#和Visual Basic编程语言,去到Razor部分本教程。