菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA 生成式 AI SCIPY AWS 网络安全 数据科学
     ❯   

ASP.NET Razor - C# 和 VB 代码语法


Razor 同时支持 C# (C sharp) 和 VB (Visual Basic)。


C# 的主要 Razor 语法规则

  • Razor 代码块用 @{ ... } 括起来
  • 内联表达式(变量和函数)以 @ 开头
  • 代码语句以分号结尾
  • 变量用 var 关键字声明
  • 字符串用引号括起来
  • C# 代码区分大小写
  • C# 文件具有 .cshtml 扩展名

C# 示例

<!-- 单语句块 -->
@{ var myMessage = "Hello World"; }

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

<!-- 多语句块 -->
@{
var greeting = "欢迎访问我们的网站!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " 在休斯顿今天是: " + weekDay;
}

<p>问候语是: @greetingMessage</p>
运行示例 »

VB 的主要 Razor 语法规则

  • Razor 代码块用 @Code ... End Code 括起来
  • 内联表达式(变量和函数)以 @ 开头
  • 变量用 Dim 关键字声明
  • 字符串用引号括起来
  • VB 代码不区分大小写
  • VB 文件具有 .vbhtml 扩展名

示例

<!-- 单语句块  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- 内联表达式或变量 --> 
<p>myMessage 的值是: @myMessage</p> 
 
<!-- 多语句块 --> 
@Code
dim greeting = "欢迎访问我们的网站!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " 在休斯顿今天是: " & weekDay
End Code


<p>问候语是: @greetingMessage</p>
运行示例 »


它是如何工作的?

Razor 是一种简单的编程语法,用于在网页中嵌入服务器代码。

Razor 语法基于 ASP.NET 框架,这是 Microsoft.NET 框架中专门用于创建 Web 应用程序的部分。  

Razor 语法为您提供了 ASP.NET 的所有强大功能,但使用的是简化的语法,如果您是初学者,则更容易学习;如果您是专家,则可以提高工作效率。

使用 Razor 语法的网页可以描述为包含两种内容的 HTML 页面:HTML 内容和 Razor 代码。

当服务器读取页面时,它会首先运行 Razor 代码,然后才将 HTML 页面发送到浏览器。在服务器上执行的代码可以执行浏览器中无法完成的任务,例如访问服务器数据库。服务器代码可以在发送到浏览器之前即时创建动态 HTML 内容。从浏览器的角度来看,服务器代码生成的 HTML 与静态 HTML 内容没有什么不同。

使用 Razor 语法的 ASP.NET 网页具有特殊的 .cshtml(Razor 使用 C#)或 .vbhtml(Razor 使用 VB)文件扩展名。


使用对象

服务器编码通常涉及对象。

"DateTime" 对象是一个典型的内置 ASP.NET 对象,但对象也可以是自定义的,例如网页、文本框、文件、数据库记录等。

对象可能具有它们可以执行的方法。数据库记录可能有一个“保存”方法,图像对象可能有一个“旋转”方法,电子邮件对象可能有一个“发送”方法,依此类推。

对象还具有描述其特征的属性。数据库记录可能具有 FirstName 和 LastName 属性(以及其他属性)。

ASP.NET DateTime 对象有一个 Now 属性(写为 DateTime.Now),Now 属性有一个 Day 属性(写为 DateTime.Now.Day)。下面的示例展示了如何访问 DateTime 对象的某些属性

示例

<table border="1">
<tr>
<th width="100px">名称</th>
<td width="100px">值</td>
</tr>
<tr>
<td>日</td><td>@DateTime.Now.Day</td>
</tr>
<tr>
<td>时</td><td>@DateTime.Now.Hour</td>
</tr>
<tr>
<td>分</td><td>@DateTime.Now.Minute</td>
</tr>
<tr>
<td>秒</td><td>@DateTime.Now.Second</td>
</tr>
</td>
</table>
运行示例 »

If 和 Else 条件

动态网页的一个重要特性是您可以根据条件决定要做什么。

常见的做法是使用 if ... else 语句

示例

@{
var txt = "";
if(DateTime.Now.Hour > 12)
  {txt = "晚上好";}
else
  {txt = "早上好";}
}
<html>
<body>
<p>消息是 @txt</p>
</body>
</html>
运行示例 »

读取用户输入

动态网页的另一个重要特性是您可以读取用户输入。

输入通过 Request[] 函数读取,并通过 IsPost 条件测试发布(输入)

示例

@{
var totalMessage = "";
if(IsPost)
    {
    var num1 = Request["text1"];
    var num2 = Request["text2"];
    var total = num1.AsInt() + num2.AsInt();
    totalMessage = "总计 = " + total;
    }
}

<html>
<body style="background-color: beige; font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">第一个数字:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">第二个数字:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" 添加 " /></p>
</form>
<p>@totalMessage</p>
</body>
</html>
运行示例 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持