002_Razor简介

Posted 2020-07-18

关于 Razor：

         Razor 语句以 @ 字符开始。在使用 Razor 声明视图模型对象的类型时要使用小写字母，如在本例文件 Index.cshtml 文件中 @model 以小写的 m 开头，但要注意，在

         访问被声明的视图模型对象的类型时要以大写字母的形式开头，如 @Model.Name 的形式（以大写的 M 开头，“ Name ”为被声明的视图模型对象的类型：Product 中的一

         个属性）。

 

         Razor 代码块的书写方式是以 @{开始，以 } 结束的表达形式，在该代码块中可以允许用户填写 C# 代码语句。

         如本例文件 Index.cshtml 文件中的：

          @{

                   //将 Layout 设置成 null 则说明该视图是自包含的，并且会渲染返回给客户端所需要的所有内容。

                   Layout = null;

           }

 

布局

         布局：布局是特殊形式的视图。它是对试图进行支持的文件，在 Views 文件夹中以下划线“_”开头的形式命名，这也可以表明该文件是不会被渲染的视图文件。布局中的

         任何元素都会被运用于使用此布局的任何视图，因此，布局是基本模板。

        

         但这会有一个问题，就是我们需要为在每一个要使用该布局的视图中进行指定。这就会在我们需要重命名布局文件的时候去查找所有引用该布局的每一个视图并进行修改。

         要想解决这个问题，我们可以使用视图起始文件。在使用视图起始文件的时候无需以任何方式指定要使用的视图起始文件。如果，我们不想使用视图起始文件中的定义，

         可以直接在视图文件中进行其自身的定义，而且，这一定义将拥有更改的优先级（这使得视图中的定义会覆盖视图起始文件中的定义）。

 

使用 Razor 表达式设置元素标签属性值

  我们可以通过 Razor 表达式来设置元素标签的属性的值。下面举例自定义标签和checkbox 的 checked 标签属性：

1、  自定义标签属性（以 data 为例）：

data 标签属性的一般其形式为：data-为前缀，在自定义标签属性中，这是一种普遍的非正规的方式，但现在已经成为 HTML5 正规标准的一部分。

一般代码形式为：data-***="@###" ，其中 *** 可以是其他自定义内容，这里使用视图包给出简单示例，如：data-discount="@ViewBag.ApplyDiscount"。

Razor 在渲染时，对于True或False 这样的布尔值会对应的转换为布尔型的视图包值，儿值为 null 的属性，则会被渲染成空字符串。如 HomeController 中 DemoExpression 方法的ViewBag.ExpressShip = true、ViewBag.ApplyDiscount
= false和ViewBag.Supplier = null 分别会被渲染成 data-discount="False"、data-express="True"和data-supplier=""（HTML 的源码中可以看到，其在视图代码中的形式如： DemoExpression.cshtml 中的 data-discount="@ViewBag.ApplyDiscount" data-express="@ViewBag.ExpressShip" data-supplier="@ViewBag.Supplier"）。

2、  控件的标签属性（以 checkbox 的 checked 标签属性为例）：

<input type="checkbox" checked="@***" />

在这个例子中，Razor 会自动的识别 False、null或空字符串，并不对其进行渲染，如在视图代码中的形式：

Discount:<input type="checkbox" checked="@ViewBag.ApplyDiscount" />

Express:<input type="checkbox" checked="@ViewBag.ExpressShip" />

Supplier:<input type="checkbox" checked="@ViewBag.Supplier" />

将会被转换为 HTML 源码中下面的形式：

           Discount:<input type="checkbox" />

Express:<input type="checkbox" checked="checked" />

Supplier:<input type="checkbox" />

 

使用条件语句

可以通过在 C# 的条件关键字前使用 @ 字符来开始一个条件语句，这样就可以使用标准的 C# 代码表达要实现的条件逻辑。

在 Razor 代码块的内部只要通过定义 HTML 以及 Razor 表达式，就可以将 HTML 元素和数据值插入大视图输出，而不需要将元素或表达式放在引号内或以特殊的方式来表示。（如：<b>Low Stock (@ViewBag.ProductCount)</b>、@ViewBag.ProductCount）但是，如果想将为包含在 HTML 元素中的文字文本插入到视图，则需要使用 Razor 的一个辅助工具，并以它作为该行的前缀（如：@:Out of Stock）。

@:字符会阻止 Razor 将此行解释为一条 C# 语句。

条件语句除了视图 DemoExpression.cshtml 中演示的switch 形式，还可以使用 if 语句实现同样的效果，具体可参考该视图文件中的书写。