002-MVC布局页

~/Views/Shared/_LayoutPage1.cshtml

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta name="viewport" content="width=device-width" />
 5     <title>@ViewBag.Title</title>
 6     @RenderSection("head", true)
 7 </head>
 8 <body>
 9     <div>
10         布局页面
11         @RenderBody()
12     </div>
13 </body>
14 </html>

~/Views/AjaxDemo/Show.cshtml

 1 @{
 2     ViewBag.Title = "Show";
 3     Layout = "~/Views/Shared/_LayoutPage1.cshtml";
 4 }
 5 @section head{
 6     <script type="text/javascript">
 7
 8     </script>
 9 }
10 @using MvcApplication1.Models
11 @model MvcApplication1.Models.UserInfo
12 <h2>Show</h2>
13 <table>
14     <tr><td>Hello,World</td></tr>
15 </table>
时间: 2024-08-28 00:40:06

002-MVC布局页的相关文章

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

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

MVC之LayOut布局页

LayOut布局页,就是相当于WebForm中母版页,实现了一个代码的共用和公共布局的作用. 布局页的使用 (1)添加新项,选择MVC布局页 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> </head>

MVC 模板页和布局

我们在以前的Asp.NET课程中已经学习过母版页了,在MVC中WebForm视图使用母版页的方法与以前基本相同. 创建一个项目MvcMasterPageDemo. 添加Home控制器,生成Index视图. 在生成视图的选框中,我们选择Aspx视图引擎,然后可以看到有"使用布局或母版页"的选项,给我们指向一个后缀为Master的文件(并不存在,所以无法完成视图添加). 现在我们自己去创建它. 找到对应的目录,添加一个母版页 我们将母版页的内容部分按视图选项卡下的名称来命名,这样就能在生成

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在布局页上使用模型(model)

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

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

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

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

MVC3/4/5/6 布局页及Razor语法

一.目录结构 二.Razor语法 代码块:@{},如:@{Html.Raw(“”);} @if(){} @switch(){} @for(){} @foreach(){} @while(){} @do{}while(){} 代码块内语句以分号结束 表达式或变量:以@开始,如:@User.Name或@(User.Name + “欢迎你”),@() 变量可以通过var来声明,且只能在代码块中,如:@{var abc=”aaa”;} 方法调用:以@开始,如:@Html.Encode(“”) 单行文本输

Mvc模板页

以前学过WEB的应该都知道母版页这个东西,在这里呢,mvc的模板页和WEB中的模板页也是一样的效果和用途. 首先:创建一个项目,控制器,生成Index视图,在生成视图的时候我们选择Razor视图引擎,然后勾选"使用布局或母版页"选项,它默认引用的_Layout.cshtml页面的布局._ViewStart.cshtml文件里已经对页面进行了配置,所有的Razor引擎页面在执行之前,都会来执行这个ViewStart页面. @{ Layout = "~/Views/Shared/