ASP.NET MVC笔记之 母版页

      为什么使用母版页？为了整个站点样式统一，任何WEB应用程序都应该使用母版页。MVC框架中，有新的方式为母版页传递数据。
       一个WEB应用程序可以包含多个母版页，母版页用于定义页面布局，它与普通页面的最大区别是多了<asp:ContentPlaceHolder>标签，用于为子页面内容占位。当你创建视图内容页面（即普通页面）时，可以选择使用哪个母版页。内容页面中会添加<asp:Content> 标签来对应母版页中的<asp:ContentPlaceHolder>。在内容页面中，并不抱括<html>或者<head>这些标签。你必须把想要显示的内容放在<asp:Content>标签的范围内，否则预览页面时会报错。但是你并不用把所有<asp:ContentPlaceHolder>都用掉。
[1]修改内容页面
当你使用母版页时，默认会使用母版页的页面标题，如果想要自定义标题的话有两种方式：
（1）使用在页面源文件顶部的<%@ page %> 标签，如<%@ page title="Super Great Website" />
（2）有时你不仅需要修改标题，甚至需要修改meta标签里的内容，那么你在设计母版页时将可以将Title、Meta标签都包括在<asp:ContentPlaceHolder>标签内部，当视图页面需要覆盖这些内容时，你就可以用<asp:Content>标签来重新定义你的Title和Meta.
如一个母版页中这样定义：

Code

那么在视图页面中你就可以用Content 覆盖ContentPlaceHolder 里的部份：


Code

[2]传递数据
（1）简单的方式

     使用ViewData将要显示的数据传递给母版页，ViewData是一个Dictionary结构，母版页与内容页面共用ViewData,只要通ViewData[key]的方式，就可以设置或获取对应的Value。你可以在母版页中迭代ViewData中的列表用来显示数据。但是这样做会有一个问题：你必须在所有使用了这个母版页的View对应的Action中为ViewData赋值，否则页面显示就会报“未将对像引用到对像实例”异常，为了解决这个问题，你不得不在所有Action中添加相同的代码，为母版页中的ViewData赋值，然而这样会导致你的程序的可维护性、适应性大打折扣。
（2）较好的解决方案

      为了解决重复代码的问题，实现一次性为母版页赋值，可以定义一个抽像类实现ViewData赋值，而其它Contrller则继承这个抽像类。比如定义这样一个抽像类：

 

Code

      这个类的构造函数中实现了查询数据，并赋值给ViewData。这个["categories"] 就是key，是母版页中使用到的。同时这个类继承了Controller。那么其它地方的Contrller就可以继承这个抽像类了：

public class MoviesController : ApplicationController

     当界面显示时，由于MoviesController 继承自ApplicationController，所以会调用ApplicationController的构造函数以实现数据查询，这样数据就显示在母版页上了。

posted @   Johnhormy  阅读(3715)  评论(1)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示