asp.net razor代码块 razor代码块|ASP.NET教程

本文概述

例
隐式过渡
显式定界过渡

代码块用于封装C
例// Index.cshtml

@{ Layout = null; var name = "John"; } < !DOCTYPE html> < html> < head> < meta name="viewport" content="width=device-width" /> < title>Index< /title> < /head> < body> < h2>My name is: @name < /h2> < /body> < /html>

它产生以下输出。

文章图片
隐式过渡C
在以下代码中，编写了HTML，并且HTML正确执行。
// Index.cshtml

@{ Layout = null; } < !DOCTYPE html> < html> < head> < meta name="viewport" content="width=device-width" /> < title>Index< /title> < /head> < body> @{ var name = "srcmini"; < h4>Welcome to the @name < /h4> } < /body> < /html>

它产生以下输出。

文章图片
显式定界过渡有时，当我们定义应该呈现HTML的代码块的子部分时，用Razor < text> 标签将要呈现的字符包围起来。
必须使用< text> 标签。否则，将引发编译时错误。请参阅以下代码。
// Index.cshtml

@{ Layout = null; } < !DOCTYPE html> < html> < head> < meta name="viewport" content="width=device-width" /> < title>Index< /title> < /head> < body> @for (var i = 0; i < 5; i++) { < text>i= @i < /text> < br/> } < /body> < /html>

【asp.net razor代码块】它产生以下输出。