ASP.NET 教程
1. ASP.NET 教程 2. ASP.NET 3. ASP.NET Web Pages 教程 4. ASP.NET Web Pages Razor 5. ASP.NET Web Pages 布局 6. ASP.NET Web Pages 文件夹 7. ASP.NET Web Pages 全局文件 8. ASP.NET Web Pages HTML 表单 9. ASP.NET Web Pages 对象 10. ASP.NET Web Pages 文件 11. ASP.NET Web Pages 帮助器 12. ASP.NET Web Pages WebGrid 13. ASP.NET Web Pages 图表 14. ASP.NET Web Pages Email 15. ASP.NET Web Pages PHP 16. ASP.NET Web Pages – 发布 17. ASP.NET Web 的 C# 和 VB 实例 18. ASP.NET Web Pages 类参考手册 19. ASP.NET Web Pages WebSecurity 参考手册 20. ASP.NET Web Pages Database 参考手册 21. ASP.NET Web Pages WebMail 参考手册 22. ASP.NET WebPages 帮助器参考手册 23. ASP.NET Razor 标记 24. ASP.NET Razor 语法 25. ASP.NET Razor C# 变量 26. ASP.NET Razor C# 循环和数组 27. ASP.NET Razor C# 逻辑 28. ASP.NET Razor VB 变量 29. ASP.NET Razor VB 循环和数组 30. ASP.NET Razor VB 逻辑 31. ASP.NET MVC 简介 32. ASP.NET MVC Web 应用程序 33. ASP.NET MVC 文件夹 34. ASP.NET MVC 页面和布局 35. ASP.NET MVC 控制器 36. ASP.NET MVC 视图 37. ASP.NET MVC 数据库 38. ASP.NET MVC 模型 39. ASP.NET MVC 安全 40. ASP.NET MVC HTML 帮助器 41. ASP.NET MVC – 发布 42. ASP.NET MVC 参考手册 43. ASP.NET Web Forms 教程 44. ASP.NET Web 页面 45. ASP.NET 服务器控件 46. ASP.NET 事件句柄 47. ASP.NET Web 表单 48. ASP.NET ViewState 49. ASP.NET TextBox 控件 50. ASP.NET Button 控件 51. ASP.NET 数据绑定 52. ASP.NET ArrayList 53. ASP.NET Hashtable 54. ASP.NET SortedList 55. ASP.NET XML 数据绑定 56. ASP.NET Repeater 控件 57. ASP.NET DataList 控件 58. ASP.NET 数据库连接 59. ASP.NET 母版页 60. ASP.NET 导航 61. ASP.NET 实例 62. ASP.NET HTML 服务器控件 63. ASP.NET Web 服务器控件 64. ASP.NET Validation 服务器控件

ASP.NET Web Pages Razor

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>

运行实例 »


更多关于 C# 和 Visual Basic

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