ASP.NET的MVC模式中分布页和布局页的使用

最新推荐文章于 2021-09-06 17:24:29 发布
最新推荐文章于 2021-09-06 17:24:29 发布
阅读量3.4k 收藏 12
点赞数 34
分类专栏： C# 文章标签： ASP.NET MVC 分布页和布局页的使用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1439775520/article/details/106436452
版权
本文介绍了在ASP.NET MVC模式下如何使用分布页和布局页。分布页类似于小图标，可以嵌入到布局页中，布局页则充当PPT模板的角色。通过创建控制器和视图，选择合适的布局页，可以实现页面内容的快速构建和样式统一。分布页中设置了跳转链接，而布局页用于定义整体页面结构。经过操作，最终实现了预期的页面展示效果。
摘要由CSDN通过智能技术生成

大概描述一下，分布页是布局页的一部分，分布页就相当于小图标，布局页就相当于PPT模板，PPT模板可以加入一些小图标（分布页），你只需要改改内容就好,视图创建的时候要选择包含布局页的

首先，去Controllers创建两个控制器，先不要创建视图

在这里插入图片描述

然后去Views文件夹下面创建Shared文件夹，位置一定要创建对了（某次测试小编就创建错了地方了，结果弄了一个小时才找到错误，😔）

在这里插入图片描述

先创建分布页（如果这里没有的话，就去新建项里面找）
在这里插入图片描述

分布页的内容，我这里 是跳转链接，注意填写的参数

<h1>这里是分布页的内容</h1
最低0.47元/天 解锁文章
南 墙
关注
专栏目录
asp.net core MVC 中视图 如何 使用 多种 布局页
q8812345qaz的博客
10-20 511
如果需要 在 指定 控制器下的所有视图 引用 布局页 如：/Home/Index 如果需要 在Home下的所有 视图 统一 使用 某一个 布局页，需要 在 Home文件夹下 添加 _ViewStart.cshtml。所有页面 默认都会 采用 默认的 _Layout.cshtml 布局页，如果需要部分或特定 视图采用 不同的 布局页 ，代码如下，在视图页面 手动添加 自定义布局页。新建一个 区分 默认 _Layout.cshtml 布局页 如：_LayoutMy.cshtml。
asp.net core MVC 如何在 单视图页面 引用指定 CSS或JS
q8812345qaz的博客
10-20 2008
单个页面中 需要 引用 特定 css或js时，如下使用，@section Scrip 这个 Script是在布局页 中 自定义的 名称。解决办法 就是 在 布局页 上方 添加 @RenderSection("Script",required:false)网页 一般 都会 采用 布局页 但是 如果 在 布局页 的 上方 添加 脚本，就会带来 问题：就是 只要 引用这个 布局页 就会 全部添加 相同的 css或js，
MVC：布局页和分部页
一只柠檬菜鸡
11-17 549
布局页 当出现两个或以上的view中含有共同盒子（布局样式）的时候，可以使用布局页（模板页）来统一管理这些样式。 布局页的文件统一放在Shared文件夹中。 view需要用到该布局页的样式的时候只需要引用它，比如： @{ Layout = "~/Views/Shared/_LayoutFront.cshtml"; } 掌握视图节的创建与使用：<br /> @section mySection{ @*视图节名称在布局页里定义，下面是实现代码*@ 我是<font color=
ASP.NET MVC 的分页
那一抹、璀璨
05-29 895
一，定义分页器类 　　在ASP.NET MVC中，分页的数据源可能是各种不同的类型，所以最好使用泛型来定义。 public class PagingHelper 　　 二，基本三要素 　　实现分页人所共知的三个基本属性: DataSource：数据源，要知道数据源共计多少条数据，会对应一个数据源的方法－Count()， PageSize：来描述每页显示的记录的条数。 Page
mvc5 html view,在ASP.NET MVC 5视图上应用布局页、分部页及_ViewStart.cshtml
weixin_34401851的博客
06-10 664
第1节：布局ASP.NET MVC 5的Razor视图中。布局有助于使应用程序中的多个视图保持一致的风格，与ASP.NET Web Forms中的母版页效果是一样的。也可以将布局页理解为公共的模板。公共模板包括一个或多个占位符，视图为这些占位符提供内容。ASP.NET MVC5布局页现在我们在Visual Studio 2019 IDE开发工具中，详细讲解一下创建布局页和使用布局页的步骤。第1步：...
ASP.Net MVC 布局页、模板页使用方法详细介绍
10-19
综上所述，ASP.NET MVC 中的布局页、模板页和节提供了强大的页面组织和复用机制，帮助开发者构建结构清晰、易于维护的 Web 应用程序。通过理解并熟练运用这些概念，可以显著提升开发效率和代码质量。
【ASP.NET编程知识】ASP.Net MVC 布局页、模板页使用方法详细介绍.docx
最新发布
05-16
ASP.NET MVC 布局页和模板页使用方法详细介绍 在 ASP.NET MVC 中，布局页和模板页是构建 web 应用程序的重要组件。布局页（Layout Page）是指在整个网站中通用的页面结构，而模板页（Template Page）则是指用于呈现...
Pro ASP.NET MVC 5 (精通ASP.NET MVC5框架) 中文+英文+配套源代码
03-18
ASP.NET MVC 5 是 Microsoft 推出的一款用于构建可伸缩、高性能的 Web 应用程序的框架，它基于模型-视图-控制器（MVC）设计模式，结合了ASP.NET Web Forms 和 ASP.NET Web API 的优势，提供了更现代的开发体验。...
MVC的页面布局
qq_42370421的博客
09-06 322
1、页面的开始 2、_Layout.cshtml 3、模板页中的css和js在Global.asax中的RegisterBundles方法中加载 4、RegisterBundles中的方法` public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
MVC的布局页，视图布局页和分布页的使用
gansilian的专栏
06-24 1756
https://www.cnblogs.com/May-day/p/6610825.html MVC的布局页，视图布局页和分布页的使用 二，布局页和视图布局页 1》使用方法一 _ViewStart.cshtml @{ Layout = "~/Views/Shared/_Layout.cshtml"; } <h2>视图布局页_ViewStart.cshtml</h2> _Layout.cshtml <!DOCTYPE html> <html> &
在MVC中调用分布页的两种调用方法
Me_Add的博客
01-24 2824
今天使用分布页，调用Action报错，学习记录一下学习笔记。 调用有两个方法。  @*方法一*@ @{Html.RenderPartial("ShowQuanGuoJiaoYu")};  @*方法二*@ @{Html.RenderAction("ShowQuanGuoJiaoYu", "Contact");} 注：调用的时候，要加上花括号，不然会报错。 方法一，调用'静态页面'，不
MVC视图之【分部视图】【布局页】初了解
WGD Blogs
07-27 9431
MVC项目中新建一个视图，会出现以下界面： 之前一直不清楚【创建为分部视图】和【使用布局页】选项的作用，今天看了一些资料，有了一点基本的了解，所以写这篇文章，当笔记来用，避免以后忘记。 -----------------------------------------------------------------------------------------------------
分部视图的使用
dxm809的博客
11-12 321
1 在Controller下面添加方法 public ActionResult Message() { ViewBag.Message = "This is a partial view."; return PartialView(); } 2 在操作方法上点右键，创建分部视图 @ViewBag.Message 3 在Index.cshtml添加一个节 @section scripts{ .
关于分部视图（Partial View）
12-25 1992
一、关于分部视图（Partial View） Partial View是可以应用在View中的，编写一次，在其他View中可以被反复使用。通常都是放在"Views——Shared"文件夹中。 1. 创建Partial View：右键"Views——Shared"文件夹添加分部视图。 2. 使用Partial View有两类helper ： Html.Partial / Html....
评论 29
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值