MVC之LayOut布局页

LayOut布局页,就是相当于WebForm中母版页,实现了一个代码的共用和公共布局的作用。

布局页的使用

(1)添加新项,选择MVC布局页

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>    <span>标头</span>
    <div>
        @RenderBody()
    </div>    <span>结尾</span>
</body>
</html>

其中的关键字条就是@RenderBody(),默认只有一个,此时所有使用该布局页的View,所有的内容全部位于RenderBody的位置,若想要在其他位置挖坑,方便后面的继承的子页来填,使用 @RenderSection("firstKeng", false);

2.添加新的View,使用该布局页

@{
    ViewBag.Title = "View1";
    Layout = "~/Views/LayOutDemo.cshtml";
}
@section firstKeng{
        <script >
            function Hello()
            {
                alert("Hello");
            }
        </script>
    }
<h2>View1</h2>
我的内容将会全部存放在RenderBody的位置。

在使用自定义挖的坑@RenderSection的时候,需要在子页面中@section firstKeng

时间: 2024-10-08 20:04:24

MVC之LayOut布局页的相关文章

MVC系列-4.布局页

分部视图和布局页的使用 1.创建分部视图 1)右击“~/Views/Shared”文件夹,选择添加->视图. 输入View 名称”Footer”,选择复选框“Create as a partial view”,点击添加按钮. 注意:View中的Shared 共享文件夹是为每个控制器都可用的文件夹,不是某个特定的控制器所属. 2)打开Footer.cshtml,输入以下HTML 代码. <div > <nav class="navbar navbar-default&quo

Jsp Layout 布局页

本文章仅用于知识记录 /WEB-INF/tags/layout.tag 1 <%@ tag language="java" pageEncoding="UTF-8" body-content="empty"%> 2 <%@ attribute name="file" type="java.lang.String" required="true" %> 3 <

MVC学习系列5--Layout布局页和RenderSection的使用

我们开发网站项目的时候,都会遇到这样的问题:就是页面怎么统一风格,有一致的外观,在之前ASP.NET的时代,我们有两种选择,一个是使用MasterPage页,一个是手动,自己在每个页面写CSS样式,但这样代码量太大了..不可取,那么到了ASP.NET MVC时代,有什么技术可以统一页面风格呢???有,那就是Layout布局视图.下面就开始学习吧. 1. 首先使用空模板,新建一个MVC Web项目: 新建完成之后,初始化状态是: 2.接着在根目录[LayoutMVC这里是]下,新建一个文件夹[Co

MVC教程八:母版页(布局页)视图

一.母版页介绍和使用 母版页的扩展名为".cshtml",也叫做视图布局页,它相当于网页的模板.在其他网页中,只要引用了母版页,母版页的页面内容就可以自动显示出来,设计者可以修改引用的母版页中预留的部分,其他部分保持不变,这样就可以使多个页面的风格保持一致,给网页设计带来了很大的方便. 1.创建母版页视图的要点 (1).在Views的子文件夹Shared文件夹里面添加. (2).以"_"前缀作为开头. (3).以"Layout.cshtml"作为

ASP.Net MVC 布局页 模板页 使用方法详细说明

一.Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间. @RenderPage从名称可以猜出来这个方法是要呈现一个页面.比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:@RenderPage(“~/

MVC的布局页,视图布局页和分布页的使用

一,结构如下图 二,布局页和视图布局页 1>使用方法一 _ViewStart.cshtml @{ Layout = "~/Views/Shared/_Layout.cshtml"; } <h2>视图布局页_ViewStart.cshtml</h2> _Layout.cshtml <!DOCTYPE html> <html> <head> <meta name="viewport" content

ASP.NET MVC在布局页上使用模型(model)

看到这标题有点怪,一般情况之下,我们很容易在视图与部分视图中使用模型(model),但是如果想在布局页_Layout.cshtml页中使用模型(model),按照普通方式也许没有达到预期的效果,在实现时有些情况需要注意的. 下面先按原先我们的设计,在控控制器创建三个视图操作(Action): 创建一个布局页_May15.cshtml,然后上面的三个视图均引用此布局页. 现在我们根据控制器的Action分别创建三个视图,Index.cshtml: PageA.cshtml: PageB.cshtm

MVC系列学习(七)-模板页

1.新建一个MVC项目,选择基本 2.查看文件 看到VS为我们生成了一些东西 布局页面,Layout 指定了模板页 3.开始实例 首先控制器中的代码如下: 视图中代码如下: 1.在/Views/_ViewStart.cshtml[如果/Views下有中有该 子视图,运行时都先加载它先则它的优先级高与其他视图] 2.在/Views/Shared/_Layout.cshtml[模板页或布局页,如果视图中没设置Layout=null的话,都默认调用布局页] 3.在/Views/Home/_ViewSt

ASP.NET MVC3 系列教程 – 新的Layout布局系统

原文地址:http://www.cnblogs.com/highend/archive/2011/04/18/asp_net_mvc3_layout.html I:回忆MVC2当中MasterPage那些事 code: <!------------Begin--------------> <!-- Master文件 --> <%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPa