ASP.NET Web Pages- 添加 Razor 代码

Web Pages 基础教程 中,我们将使用 C# 和 Visual Basic 代码的 Razor 标记

什么是 Razor ?

  • Razor 是一种将基于服务器的代码添加到网页中的标记语法

  • Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习

  • Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像

  • Razor 支持 C# 和 Visual Basic 编程语言

使用 Razor 代码

我们先看看看上一章介绍到的范例

<!DOCTYPE html>
<meta charset="utf-8"/>
<h1>Hello ASP.NET Web Pages</h1>
<p>The time is @DateTime.Now</p>

运行范例 »

该页面中包含普通的 HTML 标记,除此之外,还添加了一个 @ 标识的 Razor 代码

Razor 代码能够在服务器上实时地完成多有的动作,并将结果显示出来

C# Razor 基本语法规则

  1. Razor 代码块包含在 @{ ... } 中
  2. 内联表达式(变量和函数)以 @ 开头
  3. 代码语句用分号结束
  4. 变量使用 var 关键字声明
  5. 字符串用引号括起来
  6. C# 代码区分大小写
  7. C# 文件的扩展名是 .cshtml

范例

<!DOCTYPE html>
<meta charset="utf-8"/>
<!-- 单行代码块 -->@{ var myMessage =    "Hello World"; }
<!-- 内联表达式或变量 -->
<p>myMessage 变量的值是: @myMessage</p> 
<!-  多行代码块 -->@{
var greeting = "欢迎来到简单教程(www.twle.cn)";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " 今天是: " + weekDay;
}<p>欢迎消息: @greetingMessage</p>

运行范例 »

VB Razor 基本语法规则

  1. Razor 代码块包含在 @Code ... End Code 中
  2. 内联表达式(变量和函数)以 @ 开头
  3. 变量使用 Dim 关键字声明
  4. 字符串用引号括起来
  5. VB 代码不区分大小写
  6. VB 文件的扩展名是 .vbhtml

范例

<!DOCTYPE html>
<meta charset="utf-8"/>
<!-- 单行代码块  --> @Code dim myMessage = "Hello World" End Code

<!-- 内联表达式或变量 --> 
<p>myMessage 变量的值是: @myMessage</p> 

<!-- Multi-statement block --> @Code
dim greeting = "欢迎来到简单教程(www.twle.cn)" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " 今天是 : " & weekDay
End Code

<p>欢迎消息: @greetingMessage</p>

运行范例 »

更多关于 C# 和 Visual Basic

如果想学习更多关于 Razor、C#、Visual Basic 的知识,请移步本站的 Razor 基础教程

ASP.NET 基础教程

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.