ASP.NET MVC Razor视图引擎

      Razor是asp.net MVC3的新扩展的内容，也是默认的视图引擎

      代码表达式

      Razor的核心转化字符是@，用来从标记到代码的转换（提出这个的肯定是个微博控，这样也简洁的不能在简洁了）

       例如

@{
    
    string name = "zhangwei";
}

<h2>@name</h2>

Razor的代码块可以自动的在标记和代码中转换,比如自动的识别<li></li>,而用{}可以包含一个代码块

<ul>
 @foreach(var a in str)
 {
    <li>@a</li> 
 }
</ul>

 

解决二义性

    加入上面我想输出的是zhangwei.xxiu，代码就变成了

@{
    
    string name = "zhangwei";
}

<h2>@name.xxiu</h2>

 

很显然这里后面的.xxiu会被当作name的一个属性，于是需要一个括号来解决二义性

@{
    
    string name = "zhangwei";
}

<h2>@(name).xxiu</h2>

 

用双@号来解决如电子邮件 微博等需要输出@的内容

<p>xxiu@@gmail.com</p>
<a href="http://weibo.com/tlaozhang">@@张巍-程序员</a>

 

Html编码

Razor表达式使用了HTML 编码 

例如

@{
  string massage="<script>alert('hello zhangwei')</script>";
}
<h2>@massage</h2>

如果正常输入的话将会弹出一个对话框，但事实上页面被处理成这样了 ：

<h2>&lt;script&gt;alert(&#39;hello zhangwei&#39;)&lt;/script&gt;</h2>

如果需要输出弹出对话框的类，可以试用Html.Raw

<h2>@Html.Raw( massage)</h2>

注释试用

@*要注释的内容*@

Razor布局

我们看模版文件_ViewStart.cshtml里只有下面一句话，Layout表示引用页面布局的路径 ，他是指一个默认的布局，我们可以根据需求修改这个路径  

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

 

在_layout.cs.html中有下面一段代码，关键在于@RenderBody() 用来占位主要内容的位置 ，这个和以前webFrom里的模版中留给页面的空间很相似。

  <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>

 

 

边看边敲代码边记笔记的效率还是很高的，未完待续！