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(）方法来完成，看看执行结果吧。