MVC学习之Razor视图引擎语法示例

1、首先我们先创建一个MVC的项目“Razor”，用来测试Razor引擎的各种语法。

2、在Home下添加一个视图用来测试：

选择文件夹 Views->Home->添加->视图。视图名为“rezortest”的空模板。

3、创建好了之后，就可以看到我们刚创建的视图了。发现顶部就是一个用Razor引擎写的代码。

@{    ViewBag.Title = "rezortest";}

给页面的标题为“rezortest”。

我们可以看到上面的代码就是一个Razor引擎，它的核心转换字符是“at”符号@。

4、为了将页面指向我们刚才创建的视图，在Index中修改下：

return View("~/Views/Home/rezortest.cshtml"); 或者return View("rezortest");

点击运行，发现定位到了我们刚创建的视图。

5、首先我们来做一个获取代码表达式的值：

<h1>我要获取标题的字符串长度: @ViewBag.Title.Length </h1>

通过@ViewBag.Title.Length这个表达式来自动获取标题字符串的长度，显示结果如下：

6、显示计算1+2的值：

<span>1+2=@(1+2)</span>，发现存在二义性的代码都可与加“()”解决。

编程时要注意哦。来看看输出的结果吧。

7、代码块的用法：代码块中定了一个泛型的字符串。

@{     List<string> items = new List<string>();    items.Add("项目1");    items.Add("项目2");    items.Add("项目3");}

在页面中输出泛型字符串的值：用到了文本代码和标记结合

@foreach (var item in items){    <li>@item</li>}

输出结果如下，完美个完成了工作

8、当我们要显示一个邮箱地址的时候需要用到@符号，可以使用@@转义@(其实razor能识别很多常规的邮件)

@{   int qq = 123}<h1>我是邮件: ...@@qq.com </h1>

是不是上面的代码没有吧qq解析成“123”呢？

在razor中用@*

注释内容

*@注释

9、不显示经过HTML编码的消息

<span>@Html.Raw("<h1>我是h1格式的字符串</h1>")</span>

@Html.Raw(）方法来完成，看看执行结果吧。