ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

1、Razor表达式

在第五部分,已经演示了视图与布局的基础,接下来,我们将熟悉如何使用Razor表达式。

在“Controller”中添加 NameAndPrice 的动作方法中:

public ActionResult NameAndPrice()
{
  return View(myProduct);
}
可以看到视图在使用 Razor 的@Model 表达式,得到要插入属性的值,如下所示:

...
The product name is @Model.Name and is costs $ @Model.Price
...

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

 

 

插入数据值

Razor 表达式能做的最简单的事就是插入数据,可以用@Model 表达式来引用视图模型对象所定义的属性方法。或使用@ViewBag表达式。为了演示,在 Controller 中添加 DemoExpression 新动作方法。按照下图:

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

 

 

点击该动作,添加强类型视图;按照下图编辑:

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

右键,在浏览器中查看。

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

设置标签属性值

到此为止,所有例子都是设置元素内容的,但同样可以时用 Razor 表达式设置元素的标签属性,DemoExpression.cshtml编辑如下:

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

 

 

 

 

 

 

右键,浏览器中查看。

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

数据一致的效果。

使用条件语句

Razor 能够处理条件语句,就是根据试图数据的值,对试图输出进行剪辑,这种技术就是 Razor 的核心功能。

对 DemoExpression.cshtml 视图进行修改如下所示:

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

 

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式

 

上一篇:Razor视图中的@:和语法


下一篇:CodeGo.net>如何扩展剃须刀页面