Mvc模版页制作

最新推荐文章于 2019-09-11 16:56:00 发布

追梦的晓米

最新推荐文章于 2019-09-11 16:56:00 发布

阅读量965

点赞数

分类专栏： ---------【.NET 版ITOO】

本文链接：https://blog.csdn.net/lzj3462144/article/details/51557667

版权

---------【.NET 版ITOO】专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在牛腩中我们用过模版页，来布局相应的页面。那么在 Mvc中，如果页想用模版，如何布局呢！其实也是非常简单，小编主要来分享一下在实践中的收获。类似于传统WebForm中的master文件。参考博客链接：http://www.cnblogs.com/insus/p/3380419.html

一.建立模版页

1.在shared文件下，右击—添加视图，命名为 Test.cshtml

2.母版页代码预览。

<span style="font-family:KaiTi_GB2312;font-size:18px;">@{
    ViewBag.Title = "Test";
}

 <!DOCTYPE html>
 <html>
 <head>
    <title>@ViewBag.Title</title>
     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
 
<body>
  @*添加所有公共的内容*@

 @*呈现子页的主要内容*@
      @RenderBody()
 </body>
</html>
</span>

2.子页面引用使用。

新建立一个新的Test1.cshtml文件，然后再Test1.cshtml 文件中添加模版页的引用。以后所有子页面使用到的话，就可以直接引用模版，写的时候，也不用写一些表头的HTML等，直接写相应的内容代码就行，特别方便。

<span style="font-family:KaiTi_GB2312;font-size:18px;">@{
    ViewBag.Title = "Test1";
    /*这里是引用的模版页*/
    Layout = "~/Views/Shared/Test.cshtml";
}

<h2>测试的第一个例子</h2>
</span>

3. 运行出来的一个效果