Razor 视图引擎学习

Razor 视图文件扩展名为 cshtml 或者 vbhtml ， 现在主要讨论 cshtml。

@ 定义 Razor 语句

?

1 2 3 4 5

<h2> Name: @Model.Name <button class="cnblogs-toc-button" title="显示目录导航" aria-expanded="false"></button></h2> Time View Rendered: @Date.Time.ToShoarTimeString() @if (Model.Category == "Watersports") {    <p> @Model.Category <b>Splash!</b> </p> }

@: 输出单行不是以 html 标记开头的， 并且要包含 html 标记的内容

?

1 2 3

@if (Model.Category == "Watersports") {    @: Category: @Model.Category <b>Splash!</b> }

<text></text> 输出多行包含 html 标记的内容

?

1 2 3 4 5 6 7 8

@if (Model.Category == "Watersports") {    <text>    @: Category: @Model.Category <b>Splash!</b>    <pre>      Row, row, row your boat,       Gently down the stream ...    </pre>    </text> }

@model 表示使用模型对象的类型

@model Razor.Models.Product

@{} 表示代码段

?

1 2 3 4 5 6 7 8

@{    if (Model.Category == "Watersports") {       @: Category: @Model.Category <b>Splash!</b>    }    if (Model.Price > 10) {       <h5>Pricey!<button class="cnblogs-toc-button" title="显示目录导航" aria-expanded="false"></button></h5>    } }

使用布局页面

在 cshtml 文件的开头可以指定使用哪个布局页面， 例如：

?

1 2 3

@{    Layout = "~/Views/Shared/_Layout.cshtml"; }

如果不指定 Layout 属性， Razor 引擎会检查 Views 目录下面的 _ViewStart.cshtml 文件， 这个页面指定了默认的布局页面。 如果不是用布局页面， 则需要在页面的开头添加声明如下： @{ Layout = null; } 以下划线 (_) 开头的视图文件不会返回给用户， 只能在服务端 cshtml 文件中进行引用。

@RenderBody() 渲染子视图

表示在此渲染子视图， 只能出现在布局页面中， 且只能出现一次。

@RenderPage 渲染另一个页面

表示在当前位置渲染另外一个页面。

@RenderSection(name, required) 渲染一个区域

表示在当前页面渲染一个区域， 区域名称在布局页面定义， required 表示该区域是否为可选的。

@region name {} 实现一个区域的内容

与布局页面的 @RenderSection 相对应， 实现布局页面的定义的区域。