• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NETMVCRazor视图引擎

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

      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 >
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>

 

 

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
常用asp.net代码发布时间:2022-07-10
下一篇:
如何在asp.netwebform下使用rdlc发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap