关闭

Mvc模版页制作

468人阅读 评论(18) 收藏 举报
分类:

   在牛腩中我们用过模版页,来布局相应的页面。那么在 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. 运行出来的一个效果

4.其他一些相关



 如上图中view文件夹中的各个页面 ,ViewStart.cshtml该页面可以理解为其他View的基类,默认的代码就以下几行,在该页面中定义了其他View

MasterPage"~/View/Shared/_Layout.cshtml";,当我们的页面没有指定Layout的时候,如果项目在全局或者在同文件中存在时,该页面的Layout会自动继承ViewStart.cshtml,如果不想使用任何母版页和布局页,那么设置Layout= null"


总结:

 看着挺麻烦,其实做起来特别简单。其实觉得人家讲的挺好的,感觉写出来味道有点不对了。想学习的看这个链接吧,特别详细。


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:93125次
    • 积分:10075
    • 等级:
    • 排名:第1702名
    • 原创:161篇
    • 转载:0篇
    • 译文:0篇
    • 评论:3108条
    博客专栏
    最新评论