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

[ASP.NETMVC]Razor布局

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

整体视图模板

View模板会先找到对应的controller文件,再找此文件下的Shared文件夹。

比如项目最外层的View/Shared 目录下有一个_Layout.cshtml模板页,有这样代码:

@{
    ViewBag.Tile="我是模板页面";
}
<body>
    <h2>我是主页面的模板代码</h2>

    @*此处为模板占位符*@
    @RenderBody()

</body>

在HomeController新建一个Action方法

public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
    }

添加Index视图。

@{
Layout = "~/Views/Shared/_Layout.cshtml"; ViewBag.Title
= "某个子页面"; } <h2>hell,我是子页面</h2>

运行:

 其次,模板页还可以设置多个不同的占位符,如RenderSection渲染节点。

代码如下:

 子页面:

运行结果:

ViewStar

 使用Razor模板引擎的话,会自动生成一个_ViewStart.cshtml文件,无论你要呈现哪个视图之前,_Viewstart.cshtml中的代码总会被先执行。优先于同目录及子目录下的任何视图代码。

_ViewStart.cshtml中的代码如下,会为所有的视图都添加相同的默认的视图布局,如果某个子视图页面不想用此代码模板,可以重写Layout,或是直接不用视图模板,“Layout=null ”即可。

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

部分视图

加载部分视图有许多方法。

  • Html.Partial和Html. RenderPartial

  语法:@Html.Partial( "Page12" );  @{  Html.RenderPartiall( "Page12" ) }

  传参版本:Html.RenderPartial("usercontrolurl", model, ViewDataDictionary);@{Html.RenderPartial("BasicChart",ViewData["myData"]);}

var data = new ViewDataDictionary();
data.Add("key", "value");
Html.RenderPartial("usercontrolurl", model, data);

       区别:Partial是将视图内容直接生成一个字符串(MvcHtmlString)并返回,有个转义的过程,效率较低。

     RenderPartial方法是直接输出至当前 HttpContext,性能较好。

  • Html.Action和Html.RenderAction

  语法:@Html.Action( "Page12" );  @{  Html.RenderAction( "Page12" ) }

  传参版本:@Html.Action("视图","控制器",new { param1 = "abc", param2 = "def" }),@{  Html.RenderAction("Menu",new{ Stu=new Student{age=“12”,name=“sb”}})  }

  区别:同上

  • Html. RenderPartial和Html.RenderAction

  区别RenderPartial不需要去创建Controller的Action方法,而RenderAction需要创建Action方法,会先去调用Action方法在呈现视图。如果部分视图仅仅是Html代码,不需要重新读取新的数据,RenderPartial即可,可以传相应的molde或参数到部分视图中。或者部分视图需要通过读取数据库来重新渲染,就应该使用RenderAction

  •  Aciton方法可以通过PartialView方法以PartialViewResult形式返回局部视图
public ActionResult Menu(){
    var men=GetMenuList();
    return PartialView(men);
}

读自《ASP.NET MVC 企业级实战》


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
ASP.NETC#根据HTML页面导出PDF发布时间:2022-07-10
下一篇:
(翻译)从底层了解ASP.NET体系结构-转发布时间: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