Mvc模版页制作

原创 2016年06月12日 23:41:06

   在牛腩中我们用过模版页,来布局相应的页面。那么在 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"


总结:

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

spring mvc 配置模版

首先是web.xml   view plain http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSc...

一些常用mvc模版引擎的配置

1.jsp 2.Velo

spring-mvc整合freemarker并在ftl模版中显示服务端校验的错误信息,JSR303或者JSR349

写法有多种,应该可以任意组合,最重要的是要引入spring.ftl 1.Bean里面的就不再多写了,来个简单就可以了 @NotEmpty(message="用户密码码不可为空")  或者写在get...
  • itrider
  • itrider
  • 2013年08月08日 02:08
  • 2991

MVC通道模版学习

  • 2013年03月12日 23:33
  • 130KB
  • 下载

openstack 手工制作模版 redhat6.5

openstack 手工制作模版 redhat6.5环境准备制作环境 centos7 (模版是linux 可用虚拟机,windows只可以用物理机(坑1)) 安装操作系统工具 :virtual ma...

JSP MVC模版开发

  • 2017年06月14日 09:27
  • 13.94MB
  • 下载

ACM模版库制作V1

这是小小得整理,虽然还没有弄完,但是还是有一个样子了~ 慢慢整理不用急ACM 模板库 目录 一、图论 1.Spfa (1).最短路 (2).次短路 2.强连通 (1).出入度...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Mvc模版页制作
举报原因:
原因补充:

(最多只允许输入30个字)