ASP.NET Core 入门教程 6、ASP.NET Core MVC 视图布局入门

最新推荐文章于 2024-11-15 14:19:41 发布

原创

最新推荐文章于 2024-11-15 14:19:41 发布 · 637 阅读

标签

本文是一份ASP.NET Core MVC的入门教程，详细介绍了如何创建和使用母版页（Layout）视图模板，以及如何利用Section进行内容定制。教程覆盖了从创建布局页、创建子页面，到Section的定义与加载、使用示例，以及视图呈现前的全局代码设置。适合初学者学习。

VS Code 本身不提供 ASP.NET Core MVC 视图引擎（Razor）的智能感知。
幸运的是，VS Code C#扩展从 1.17.0 版本开始支持Razor视图引擎的智能感知。

所以，我们要将VS Code C#扩展升级到最新版本。

网页中往往有通用的布局，比如导航、底部等等，这些页面中共用的部分，就需要放在母版页里面。
这样每个页面只用关注本页面要完成的功能/内容即可。提高了开发效率，也降低了公共部分的维护成本。

Razor视图引擎原生提供了Layout的概念，作为视图布局的基础，可以让我们在视图中引用另外一个视图作为该视图的母版。

在项目根目录Views文件夹中创建子目录Shared，并在Shared目录中创建母版页 _Layout.cshtml

通常公共的Razor视图文件名都以_开头

<html>
    <head>
        <title>@ViewBag.Title - Ken.Tutorial</title>
    </head>