首页 > 代码库 > Razor语法

Razor语法

使用Model对象

首先来看Index.cshtml的第一行:@model WebApplication1.Models.ProductModels

Razor语句都是以@为开头的。每个视图(View)都有自己的Model属性(通过@Model调用)。上面这句代码的意思是将本视图的Model属性的类型指向MvcApplication1.Models.ProductModels类型,这就实现了强类型。

视图中的Model属性用于存放控制器(Controller)传递过来的model实例对象(本示例中ProductController通过“return View(myProduct)”传递给Index视图),下面的代码演示了如何调用该model对象:

@model WebApplication1.Models.ProductModels@{    ViewBag.Title = "Index"; }<h2>Index Product</h2>@* Model对象 *@<h2>@Model.Name</h2><h2>@Model.Description</h2>

注意,第一行代码用于声名Model属性类型用的是@model <Model类型名>(小写m),而调用控制器传递过来的Model对象用的是@Model.<属性名>(大写M)。调试运行:

技术分享

使用表达式

今天是: @DateTime.Now.ToString("yyyy-MM-dd")现在是北京时间: @DateTime.Now.ToShortTimeString()

技术分享

这种使用对象的简单表达式(@DateTime.Now.ToShortTimeString()和@Model.Name),在这我们不防称之为对象表达式。

除了对象表达式,还可以是其他任意的有返回值的表达式,如条件表达式。如下面代码所示:

@(DateTime.Now.Hour < 22 ? "还早,再写一会吧!" : "该睡觉咯!")

技术分享

注意,一般使用非对象表达式时都需要用小括号括起来。

使用代码块

和表达式的使用方式一样,Razor语法中也可以使用由{}括起来的单个C#过程控制代码块(如if、switch、for等)。使用方式如下:

@if (Model.Price > 5M){    string test = "买不起!";    <p>@Model.Name <b>太贵了!</b> @test </p>}

技术分享

由{}括起来的代码块内可以写任何C#代码,也可以使用任何HTML标签。但需注意的是,当控制语句内只有一句代码时不能像写C#后台代码一样省略大括号。

@{    int num1 = 10;    int num2 = 5;    int sum = num1 + num2;    @(num1+num2);}

@(code)可以使用@sum输出结果,也可以输出一个像上述表达式的运算结果。

用Razor和html代码混合编写

在Razor中写html代码和html代码中写Razor语句都是可以的;

  1. 在作用域内如果是以html标签开始则视为文本输出;
  2. 如果要输出@,则使用@@;
  3. 如果要输出非html标签和非Razor语句的代码,则用@:,他的作用是相当于在处于html下面编写一样了,如在@:后面可以加上@就是表示Razor语句的变量;如: 

    @{    var str = "abc";    ////下面会输出:this is a mail:dxl0321@qq.com, this is var: abc,this is mail@str,this is @;    @: this is a mail:dxl0321@qq.com, this is var: @str, this is mail@str,this is @@;    //下面输出abc    @str}

     

  4. 使用@:标签在代码块中输出一行不带html标签的文本非常方便,但如果需要在代码块中输出续或不连续的多行纯文本,则使用text标签较为方便,如下代码所示:

    @{    <text>    名称:<b>@Model.Name</b><br />    分类:<b>@Model.Description</b><br />    价钱:<b>@Model.Price</b><br />    <pre>        测试行一: <a>aaaa</a>        测试行二: @@ fda@aaa    </pre>    </text>}运行结果:   

     

使用ViewBag与ViewData

上面讲了通过Model对象来从Controller传递数据到View。和Model对象一样,ViewBag对象也可以用来从Controller传递数据到View。

ViewData 是一个字典型的(Dictionary),通过key值读取对应的value;ViewBag是动态类型,作用和ViewData一样,都是用来存储信息,有一些不同的是ViewData是object类型,ViewBag是dynamic类型。

public class ProductController : Controller    {        // GET: Product        public ActionResult Index()        {            ViewBag.TestString = "ViewBag这是一行测试文字!";            ViewData["MessageViewData"] = "ViewData 测试文字。";            return View();          }    }

ViewBag在View中的使用方式是和Model一样,如下:

ViewBag的使用:@ViewBag.TestStringViewData的使用: @ViewData["MessageViewData"]

而dynamic型与object型的区别则是在使用时它会自动根据数据类型转换,而object型则需要我们自己去强制转换。

在Controller中:

public ActionResult Index()        {            string[] items = new string[] { "one", "two", "three" };            ViewBag.Items = items;// viewbag是一个新的dynamic关键字的封装器             ViewData["Items"] = items;            return View();          }

在View中:

@{    <ul>        @foreach (dynamic p in ViewBag.Items)        {            <li>The item is: @p</li>        }		@foreach (string a in (string[])ViewData["Items"])		{		    <li>The item is: @a</li>		}    </ul>}

Razor语法