ASP.NET Web Pages：Razor

时间 2019-11-18

标签 asp.net asp web pages razor 栏目 ASP 繁體版

原文原文链接

ylbtech-.Net-ASP.NET Web Pages：Razor

1.返回顶部

一、

ASP.NET Web Pages - 添加 Razor 代码

在本教程中，咱们将使用 C# 和 Visual Basic 代码的 Razor 标记。php

什么是 Razor ？

Razor 是一种将基于服务器的代码添加到网页中的标记语法
Razor 具备传统 ASP.NET 标记的功能，但更容易使用而且更容易学习
Razor 是一种服务器端标记语法，与 ASP 和 PHP 很像
Razor 支持 C# 和 Visual Basic 编程语言

添加 Razor 代码

请记住上一章实例中的网页：html

<!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 代码：web

实例

<!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 代码。express

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 部分。服务器

二、

2.返回顶部

一、

http://www.runoob.com/aspnet/webpages-razor.html

二、

3.返回顶部

11.返回顶部

做者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归做者和博客园共有，欢迎转载，但未经做者赞成必须保留此段声明，且在文章页面明显位置给出原文链接，不然保留追究法律责任的权利。