ASP.NET Core 布局 _Layout.cshtml

最新推荐文章于 2022-10-20 19:34:58 发布
最新推荐文章于 2022-10-20 19:34:58 发布
阅读量1.9k 收藏 3
点赞数 2
分类专栏： ASP.NET.Core 文章标签： _Layout.cshtml _ViewStart asp.net asp.net core _ViewImports
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LcVong/article/details/113341241
版权

1.在asp.net core项目上新建文件夹：Views/Shared,如下图：
在这里插入图片描述
2.在新建的Shared文件夹下新建布局文件(_Layout.cshtml):
在这里插入图片描述
在这里插入图片描述
3.开始布局：
布局文件基础代码：

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 Runoob. All rights reserved.</p>
</body>
</html>

其中使用 @RenderBody() 方法嵌入内容页，上半部分为网页标题栏，下半部分为网页底部显示栏。

4.创建视图导入文件：_ViewStart.cshtml
在这里插入图片描述
在这里插入图片描述

如果每个视图都使用当前这个布局，就将当前的布局引入视图。

5.视图导入布局：
在_ViewStart.cshtml里面添加如下代码进行绑定：指定母版名

@{
    Layout = "_Layout";
}

或者：指定母版路径

@{
    Layout = " /Views/Shared/_Layout.cshtml";
}

二者选一即可。

6.运行后的效果如下图：
在这里插入图片描述
7.引入配置文件：_ViewImports.cshtml (多个视图共享的指令在 _ViewImports.cshtml 文件中进行指定)
i.新建文件：
在这里插入图片描述
ii.添加共享使用的命名空间或者指令。

在这里插入图片描述

LcVong
关注
专栏目录
mvc设置启动页HTML,ASP.NET Core 5.0 MVC中的视图分类——布局视图、启动视图、具体视图、分部视图...
weixin_33914777的博客
06-10 631
ASP.NET Core 5.0 MVC中的视图分类——布局视图、启动视图、具体视图、分部视图创建MVC应用程序创建后的项目启动视图 _ViewStart.cshtml顾名思义，就是在View开始执行之前执行，而且是每一个View, 它的预设内容是@{Layout = "_Layout";}我们可以在这个页面，添加一些全局性的内容，比如全局变量等，然后在具体View页面使用这些变量值导入视图_Vi...
Asp.Net Core 中_ViewStart.cshtml 及_ViewImports.cshtml 的作用
weixin_55689356的博客
06-29 2020
_ViewStart.cshtml在ASP.NET MVC就存在了，而ASP.NET Core MVC则多了一个_ViewImports.cshtml，这两个都会对View有全域性的影响，重新来了解一下_ViewStart.cshtml及新多的_ViewImports.cshtml的作用。 _ViewStart.cshtml _ViewStart.cshtml顾名思义，就是在View开始执行之前执行，而且是每一个View，预设ASP.NET Core MVC专案开起来之后，就有产生一个/View
ASP.NET Core 2.0 : 四. _Layout与_ViewStart
weixin_33753845的博客
02-18 474
本章我们新建一个项目,并通过这个项目熟悉一下_Layout与_ViewStart以及它们的加载顺序. ASP.NET Core 系列目录 新建一个项目 首先, 文件-&gt;新建一个解决方案 选择.Net Core 的APP下面的ASP.NET Core Web App(MVC) Next   设置解决方案的名称(和Xcode的界面风格有点像), 输入FL.WeightManag...
MVC母版页_Layout.cshtml
weixin_34372728的博客
10-21 286
记得在asp.net时候，我们常会使用母版页MasterPage。而在MVC也有此功能，应用起来比MasterPage更加便捷。在本次练习之前，所有MVC的练习均是创建单独的网页。Insus.NET就想拿以前的练习的例子，移迁至母版页中去。在ASP.NET时，如果想把已经写好的单独一个网页放入MasterPage母版页中，凭Insus.NET的经验时，那得重新创建，然后把相关内容拷贝至新建的网页中...
Asp.Net Core 入门（五）—— 布局视图_Layout.cshtml
weixin_30920853的博客
06-24 1950
　　布局视图和我们在Asp.Net MVC一样，布局视图_Layout.cshtml使得所有视图保持一致的外观变得更加容易，因为我们只有一个要修改的布局视图文件，更改后将立即反映在整个应用程序的所有视图中。 　　在 ASP.NET Core MVC 中，有一些视图文件，如布局的视图，_ViewStart.cshtml 和_ViewImports.cshtml 等其他.cshtml 文件的文件名以...
.Net MVC 中_Layout.cshtml页面新布局（转载）
qq_33380252的博客
11-09 5040
作为一个刚刚开始学习Mvc的新人来说，从之前的winform页面到现在MVC的转变，感觉这是华丽丽的转身啊，再没有拖拽控件，转而是一种规范的格式，用Model-View-Controller三者把一个系统的构成完美呈现，你可以选择用其自带的模版来完成系统的开发，很强大，很方便。   但是对于现在越来越需要关注度的时代来说，漂亮的页面必不可少，你当然可以自己用html来完成页面的设计，但是，MVC...
Asp.Net Core-Layout布局视图
终南山守门人
10-16 3658
在本章中，我们将了解Razor布局视图。 大多数网站和Web应用程序都希望将一些页面所共有的元素放在一个公共的页面上，减少维护成本。 您通常在每个页面上都有一个顶部区域，您可以在其中显示logo和导航菜单。 您还可能有一个侧边栏，其中包含额外的链接和信息，并且可能在页面底部有一些页脚，其中包含一些内容。 应用程序的每一页都想要有这些共同的因素。 在这里，我们使用布局视图，以避
html在母版页中布局,MVC母版页_Layout.cshtml
weixin_30045135的博客
06-22 706
记得在asp.net时候，我们常会使用母版页MasterPage。而在MVC也有此功能，应用起来比MasterPage更加便捷。在本次练习之前，所有MVC的练习均是创建单独的网页。Insus.NET就想拿以前的练习的例子，移迁至母版页中去。在ASP.NET时，如果想把已经写好的单独一个网页放入MasterPage母版页中，凭Insus.NET的经验时，那得重新创建，然后把相关内容拷贝至新建的网页中...
详解ASP.NET Core 中的多语言支持（Localization）
10-19
ASP.NET Core 提供了强大的多语言支持，名为 Localization，它使得开发者能够轻松地构建支持多种语言的Web应用程序。本文将深入探讨如何在ASP.NET Core中实现这一功能。 首先，为了启用多语言支持，我们需要在 `...
浅谈ASP.NET Core 2.0 布局页面(译)
10-19
在ASP.NET Core 2.0中，布局页面通常位于`Views/Shared`目录下，以`_Layout.cshtml`命名。这个文件定义了网站的基本HTML结构，如头部、导航栏、侧边栏和页脚等，这些元素在多个页面上都是通用的。例如，在上述示例中...
Mvcpager以下各节已定义，但尚未为布局页“~/Views/Shared/_Layout.cshtml”呈现:“Scripts”。...
weixin_33913332的博客
01-21 189
网上搜索了20几分钟吧，发现这个错误相关的帖子很少，最后发现出现问题的原因是拼写错误。 注意：“Scripts”不要拼写成“Script”。 另外就是下面的这个，大家都在疯狂转的，不知道是什么时候的错误。。。至少目前对来我说木有用。。。不过特意贴下，也许对有的人有用。 解决办法如下： 1.在_Layout.cshtml布局body内，添加section，Scripts.Render和...
html layout布局,布局视图_Layout.cshtml
weixin_42105570的博客
06-23 1015
转：https://www.cnblogs.com/jesen1315/p/11041967.html布局视图和我们在Asp.Net MVC一样，布局视图_Layout.cshtml使得所有视图保持一致的外观变得更加容易，因为我们只有一个要修改的布局视图文件，更改后将立即反映在整个应用程序的所有视图中。在 ASP.NET Core MVC 中，有一些视图文件，如布局的视图，_ViewStart.c...
_Layout.cshtml中的@html.ActionLink（）的几种参数格式
学者-微风
06-23 530
一 Html.ActionLink(“linkText”,“actionName”) 该重载的第一个参数是该链接要显示的文字，第二个参数是对应的控制器的方法，默认控制器为当前页面的控制器，如果当前页面的控制器为Products，则 Html.ActionLink(“detail”,“Detail”) 则会生成<a href="/Products/Detail">all</a> 二 Html.ActionLink(“linkText”,“actionName”,“controlName
关于Shared目录下的_Layout.cshtml
好大一只鸡的专栏
04-26 1511
公用模板：可设定公用模块在设计页面时供大家调用，即在页面头部用Layout指定 其实，Html是ViewPage的中的一个对象（ViewPage是所有视图的基类），它主要的左右就是产生各种表单项 （先这么认为吧，其实它还有其他功能）， 例如Html.BeginForm就是说这里开始一个form标签，而Html.EndForm当然是form标签结束
ASP.NET Core MVC 之布局（Layout）
极客神殿
02-21 1745
1.什么是布局 布局通常包含常见的用户界面元素，例如应用头，导航或菜单元素和页脚，如图： 常见的HTML结构（例如脚本和样式表）也经常被应用程序中许多页面使用。所有这些共享元素都可以在布局中定义，然后由应用程序中使用的任何视图引用。布局减少了视图中代码的重复。 按照惯例，ASP.NET 应用程序的默认布局名为 _Layout.cshtml。 vs 项目模板在 Views/Shared 文件夹中包含此布局文件。 这个布局为应用程序中的视图定义了一个顶层模板。布局对应用程序来说不是必需的，应用程序可以定义多个
HTML输入添加数据到指定区域,将数据添加到来自MVC区域的_Layout.cshtml中的常见_Layout.cshtml...
weixin_30348133的博客
06-05 359
您可以尝试使用ViewBag。我已经做了一个快速的测试，将一个名为Items的属性添加到ViewBag中。这将从每个区域填充(通过添加自己的项目)，并从主布局添加通用项目。然后它将用于呈现主布局中的项目列表。区域1 \查看\ Shared_Layout.cshtml@{ViewBag.Title = "_Layout";Layout = "~/Views/Shared/_Layout.cshtml...
MVC后台设置Layout
awbz527872757的博客
12-14 450
1、后台设置 public ActionResult Index() { ViewBag.Layout = "~/Views/Shared/_Layout.cshtml"; return View(); } 2、前台 @{ ViewBag.Title = "TPM"; Layout = ViewBag.Layout; }
asp.net core 3.1学习笔记——启动执行顺序
ChaITSimpleLove的博客
02-05 2283
一、准备环境： 1.开发工具：Microsoft Visual Studio Professional 2019 版本 16.4.4； 2.SDK:dotnet-sdk-3.1.101-win-x64； 二、创建项目，选择WebAPI： 项目结构如下： 然后对里面每个对象方法添加对应名称的控制台输出语句，改造如下： Program.cs文件内容分别如下： using Sys...
asp.net core MVC 中视图 如何 使用 多种 布局页
最新发布
q8812345qaz的博客
10-20 525
如果需要 在 指定 控制器下的所有视图 引用 布局页 如：/Home/Index 如果需要 在Home下的所有 视图 统一 使用 某一个 布局页，需要 在 Home文件夹下 添加 _ViewStart.cshtml。所有页面 默认都会 采用 默认的 _Layout.cshtml 布局页，如果需要部分或特定 视图采用 不同的 布局页 ，代码如下，在视图页面 手动添加 自定义布局页。新建一个 区分 默认 _Layout.cshtml 布局页 如：_LayoutMy.cshtml。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LcVong

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值