Web Pages - 添加 Razor 代码
在本教程中,我们将使用 C# 和 Visual Basic 代码的 Razor 标记。
什么是 Razor ?
- Razor 是一种将基于服务器的代码添加到网页中的标记语法
- Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习
- Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像
- Razor 支持 C# 和 Visual Basic 编程语言
添加 Razor 代码
请记住上一章实例中的网页:
1 | <div><!DOCTYPE html><br><br> <html lang= "en" ><br> <head><br> <meta charset= "utf-8" /><br> <title>Web Pages Demo</title><br> </head><br> <body><br> <h1>Hello Web Pages</h1><br> </body><br> </html></div>
|
现在向实例中添加一些 Razor 代码:
实例
1 | <div class = "example_code notranslate" ><!DOCTYPE html><br><br> <html lang= "en" ><br> <head><br> <meta charset= "utf-8" /><br> <title>Web Pages Demo</title><br> </head><br> <body><br> <h1>Hello Web Pages</h1> <br> <p>The time is <span class = "marked" >@DateTime.Now</span></p><br> </body><br> </html></div>
|
1 2 | Hello Web Pages
The time is 9 / 21 / 2013 4 : 19 : 13 AM
|
该页面中包含普通的 HTML 标记,除此之外,还添加了一个 @ 标识的 Razor 代码。
Razor 代码能够在服务器上实时地完成多有的动作,并将结果显示出来。(您可以指定格式化选项,否则只会显示默认项。)
主要的 Razor C# 语法规则
- Razor 代码块包含在 @{ ... } 中
- 内联表达式(变量和函数)以 @ 开头
- 代码语句用分号结束
- 变量使用 var 关键字声明
- 字符串用引号括起来
- C# 代码区分大小写
- C# 文件的扩展名是 .cshtml
C# 实例
1 | <div class = "example_code notranslate" ><!-- Single statement block --><br><span class = "marked" >@{ var myMessage = "Hello World" ; }</span><br><br> <!-- Inline expression or variable --><br> <p>The value of myMessage is: <span class = "marked" >@myMessage</span></p> <br><br> <!-- Multi-statement block --><br><span class = "marked" >@{<br> var greeting = "Welcome to our site!" ;<br> var weekDay = DateTime.Now.DayOfWeek;<br> var greetingMessage = greeting + " Today is: " + weekDay;<br> }</span><br><p>The greeting is: <span class = "marked" >@greetingMessage</span></p></div>
|
1 2 | The value of myMessage is : Hello World
The greeting is : Welcome to our site! Here in Huston it is : Saturday
|
主要的 Razor VB 语法规则
- Razor 代码块包含在 @Code ... End Code 中
- 内联表达式(变量和函数)以 @ 开头
- 变量使用 Dim 关键字声明
- 字符串用引号括起来
- VB 代码不区分大小写
- VB 文件的扩展名是 .vbhtml
实例
1 | <div class = "example_code notranslate" ><!-- Single statement block --> <br><span class = "marked" >@Code dim myMessage = "Hello World" End Code</span><br><br> <!-- Inline expression or variable --> <br> <p>The value of myMessage is: <span class = "marked" >@myMessage</span></p> <br><br> <!-- Multi-statement block --> <br><span class = "marked" >@Code<br> dim greeting = "Welcome to our site!" <br> dim weekDay = DateTime.Now.DayOfWeek <br> dim greetingMessage = greeting & " Today is: " & weekDay<br> End Code</span> <br><br> <p>The greeting is: <span class = "marked" >@greetingMessage</span></p></div>
|
1 2 | The value of myMessage is : Hello World
The greeting is : Welcome to our site! Here in Huston it is : Saturday
|
更多关于 C# 和 Visual Basic
如果您想学习更多关于 Razor、C#、Visual Basic 编程语言,请查看本教程的 Razor 部分。