如何使用ASP.NET MVC中的基本控制器创建强类型母版页

在ASP.NET MVC中，基本控制器可以通过以下步骤创建强类型母版页：

首先，确保已经安装了ASP.NET MVC框架。如果没有，请访问ASP.NET官方网站下载并安装。
创建一个新的ASP.NET MVC项目。打开Visual Studio，选择“创建新项目”，然后选择“ASP.NET Web应用程序(.NET Framework)”模板。
在“新建ASP.NET Web应用程序”对话框中，选择“MVC”模板。确保已选中“添加文件夹和核心引用”复选框，然后单击“创建”。
在项目中创建一个新的母版页。在“解决方案资源管理器”中，右键单击“Views”文件夹，然后选择“添加”>“新建文件夹”。将新文件夹命名为“Shared”。
在“Shared”文件夹中，添加一个新的Razor视图。右键单击“Shared”文件夹，选择“添加”>“新建项”，然后选择“Razor视图”模板。将新视图命名为“_Layout.cshtml”，然后单击“添加”。
在“_Layout.cshtml”文件中，添加以下代码以创建一个强类型母版页：

@model YourNamespace.ViewModels.LayoutViewModel

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>@Model.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application Name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
       <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

在“_Layout.cshtml”文件中，将“YourNamespace”替换为您的应用程序命名空间。
在“_ViewStart.cshtml”文件中，添加以下代码以使用新的母版页：

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

现在，您已经成功创建了一个强类型母版页，可以在ASP.NET MVC应用程序中使用。

相关·内容

ASP.NET Core 入门教程 7、ASP.NET Core MVC 分部视图入门

一、前言 1、本教程主要内容 ASP.NET Core MVC (Razor)分部视图简介 ASP.NET Core MVC (Razor)分部视图基础教程 ASP.NET Core MVC (Razor...)强类型分部视图教程 2、本教程环境信息软件/环境说明操作系统 Windows 10 SDK 2.1.401 ASP.NET Core 2.1.3 IDE Visual Studio Code 1.30...对于所有页面共用的部分，我们可以定义母版页（Layout）让视图继承共用的部分。当有些公共的部分我们只在某些页面用到，不需要每个页面都用到。...或者这个公共的内容需要作为模板使用多次，母版页就不适合承担这样的作用。这时候我们可以使用分部视图来实现。...h3>@Model.Title @Model.PublishTime.ToString("yyyy-MM-dd") @Model.Body 实际上就是创建强类型分部视图

2.1K2 0

.NET MVC第二章、控制器使用

.NET MVC第二章、控制器使用目录 .NET MVC第二章、控制器使用创建新控制器 添加MVC视图视图访问路由设置母版页 ---- 创建新控制器 在Controllers文件夹上点击【鼠标右键...在MVC的控制器中选择MVC5 控制器 - 空，点击【添加】输入控制器名称，一定要以【Controller】结尾，实际控制器名称是前缀的命名，这里是【Test】默认继承Controller 同时可以在...具体的母版页 _Layout.cshtml有两段特别的Razor声明 RenderBody：“body占位符”的作用。...将子页面中定义的代码块填入到_Layout.cshtml的@ RenderSection所在位置母版页一般咱们MVC就选择上下结构就够用了，如果有单独的需求，可以将菜单的选项编辑成下拉菜单，这样功能选择就肯定够用了...没有其它的必要。因为MVC做的项目一般都是提供千人以内的企业办公需求，大型项目咱们会使用ASP.NET CORE来创建，微服务在处理并发上会好很多。

8351 0

如何在 ASP.NET MVC 中集成 AngularJS（1）

除了使用 AngularJS 和 ASP.NET MVC，这个应用程序也将实现使用微软的 ASP.NET Web API 服务来创建 RESTful 服务。...因为我想使用 ASP.NET 的捆绑来加载所有的 AngularJS 控制器。一旦开始索引，一个 ASP.NET 捆绑中的巨大的挑战将会出现在服务器端。...基本 URL 用于在整个应用程序中，解决所有相对 URL 的问题。你可以在应用程序中设置，如下所示的母版页的 header 部分的基本 URL： <!...主页索引的 Razor 视图和 MVC 路由 ASP.NET MVC 中集成 AngularJS 的一件有趣的事情，就是应用程序实际上是如何启动和实现路由的。...我有两个选择，要么直接嵌入 NG-View 代码到母版页 _Layout.cshtml 或使用 Razor 视图将它注入到母版页。我决定简单地从索引 Razor 视图中注入标签。

7.5K6 0

一步一步创建ASP.NET MVC5程序(十)

前言朋友们，大家好，我还是Rector，写ASP.NET MVC 5系列文章 [一步一步创建ASP.NET MVC5程序Repository+Autofac+Automapper+SqlSugar...所以本文为大家分享的内容是：母版页部分视图母版页概述 ASP.NET MVC中的母版页类似于传统Webform中的.master母版页面，它可以让我们在做WEB应用程序开发时的页面布局结构更加规范化...、标准化，母版页将页面中相同的、通用的区域封装在一起。...ASP.NET MVC 5 WEB应用程序开发，我们通常使用的视图引擎为：Razor，这个视图引擎的母版页面默认位于网站目录[/Views/Shared/_Layout.cshtml]中，在具体的视图页面中...一定要记住哦~~~ 应用母版页好了，母版页提取并封装整理好了，现在我们修改首页，来使用刚才创建的母版页，首页修改后的Razor页面代码如下： home/index.cshtml @model IEnumerable

1.9K11 0

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

一、前言 1、本教程主要内容 ASP.NET Core MVC (Razor)视图母版页教程 ASP.NET Core MVC (Razor)带有Section的视图母版页教程 ASP.NET Core...二、母版页视图模板网页中往往有通用的布局，比如导航、底部等等，这些页面中共用的部分，就需要放在母版页里面。这样每个页面只用关注本页面要完成的功能/内容即可。...1、创建布局页（Layout）作为母版页在项目根目录Views文件夹中创建子目录Shared，并在Shared目录中创建母版页 _Layout.cshtml 通常公共的Razor视图文件名都以_开头...2、创建视图作为子页面创建视图并指定母版页（Layout）在/Views/Home中新建文件Index.cshtml 在页面中可以通过以下方式指定母版页指定母版页名字 @{ Layout...但是对于一些特殊的子页面可能需要重写母版页中一些内容，或者在母版页中插入自己想呈现的内容，而不是只能将子页面呈现在固定的位置。

2.8K4 0

【译】在 ASP.NET 和 ASP.NET Core 之间共享代码

让我们谈谈如何修改一个有 10 年历史的应用程序中的代码，以便它可以与 ASP.NET Core 共享。...迁移此 Web 应用的第一步是创建一个新的 ASP.NET Core Web 应用（模型-视图-控制器）项目。此模板将添加对控制器的支持，并在 Program.cs 文件中映射控制器的默认路由。...在 ASP.NET Core 中，Controller 类不使用 System.Web.Mvc，而是使用 Microsoft.AspNetCore.Mvc。...一个好的方法是创建一个部分类并将这些代码块提取到两个 Web 应用程序目标之间不同的新方法中，并使用 csproj 来控制在构建项目时包含哪些文件。...下面是一个母版页，它混合支持来自 ASP.NET 的子操作和来自 ASP.NET Core 的视图组件，这样我们就可以渲染已知购物车中有多少商品的页面部分。

4.5K2 0

【译】在 ASP.NET 和 ASP.NET Core 之间共享代码

4.9K3 0

.NET MVC第六章、@Html.Partial(string name)分布视图

视图引入Partial 母版页测试 ---- Partial视图使用HTML辅助方法 Html.Partial()可以直接引用分部视图使用Partial需要单独声明一个【视图层】 控制器 public...很多时候插入模板的方式还是使用母版页进行处理的。一般使用上下结构/上左右结构这两个类型比较多。我们可以根据具体的需求进行编辑。...在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout.cshtml）放在了共享视图文件夹中。...在这个页面中，会看到标签里有这样一条语句： @RenderBody() 其实它的作用和母版页中的服务器控件类似，当创建基于此布局页面的视图时，视图的内容会和布局页面合并...，而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签之间。

7603 0

如何在 ASP.NET MVC 中集成 AngularJS（2）

在如何在 ASP.NET MVC 中集成 AngularJS(1)中，我们介绍了 ASP.NET MVC 捆绑和压缩、应用程序版本自动刷新和工程构建等内容。...下面介绍如何在 ASP.NET MVC 中集成 AngularJS 的第二部分。...开始的时候，我在 _Layout.cshtml 母版页的顶部编写了一些服务器端代码。我所做的头两件事情就是让从程序集信息类中获取应用的序列号，从应用程序设置中获取检索的基本 URL。...下面的代码片段包含在 _layout.cshtml 母版页中，当应用程序在调试模式下，RenderFormat 会被使用。...在这第二部分讲解中，作者解决了如何在 ASP.NET MVC 中集成 AngularJS 遇到的大部分问题。

8.3K10 0

在ASP.NET MVC中如何应用多个相同类型的ValidationAttribute？

ASP.NET MVC采用System.ComponentModel.DataAnnotations提供的元数据验证机制对Model实施验证，我们可以在Model类型或者字段/属性上应用相应的ValidationAttribute...具体的验证逻辑定义在重写的IsValid方法中。...在HttpPost的Index操作中，如果验证成功我们将“验证成功”字样作为ModelError添加到ModelState中。...，ASP.NET MVC并不能按照我们希望的方对我们的输入进行验证。...ASP.NET MVC在生成包括验证特性的Model的元数据的时候，针对某个元素的所有ValidationAttribute是被维护在一个字典上的，而这个字典的值就是Attribute的TypeId属性

2K6 0

七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理

ASP.Net MVC 数据处理七天学会ASP.NET MVC (四)——用户授权认证问题七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理七天学会ASP.NET MVC...(六)——线程问题、异常处理、自定义URL 七天学会ASP.NET MVC（七）——创建单页应用目录实验22——添加页脚实验23——实现用户角色管理实验24——实现项目外观一致性实验25——...Index View 是EmployeeListViewModel的强类型View，因此Footer需要的所有数据都应该封装在EmployeeListViewModel中。 5....实验24——实现项目外观的一致性在ASP.NET能够保证外观一致性的是母版页的使用。MVC却不同于ASP.NET,在RAZOR中，母版页称为布局页面。在开始实验之前，首先来了解布局页面 1....运行总结本文主要介绍了ASP.NET MVC中页眉页脚的添加和Layout页面的使用，并实现了用户角色分配及Action Filter的使用，下一节中我们将是最难和最有趣的一篇，请持续关注吧！

4.8K8 0

ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

这个系列的第一篇建造了一个简单的电子商务产品列表/浏览网站。它讨论了MVC后面的高层次的概念，示范了如何从头创建一个新的ASP.NET MVC项目，实现和测试这个电子商务产品列表功能。...表单输入和提交场景为示范如何在ASP.NET MVC框架中处理表单输入和提交场景的一些基本原则，我们将建造一个简单的产品列表，产品生成，和产品编辑场景。...，选择“添加新项” -> “MVC 控制器”来创建这个类： ?...List.aspx", "New.aspx", 和 "Edit.aspx" 网页将居于 \Views\Products 子目录下，这些网页将基于\Views\Shared目录中的Site.Master母版页上...我们将使用下面的ProductsEditViewData对象来定义一个强类型的视图对象来代表所有这些数据： ?

5.1K7 0

ASP.NET MVC编程——错误处理与日记

ASP.NET MVC的错误处理应考虑到这几个方面：模型绑定期间发生的错误，未能路由到指定操作，针对控制器的错误处理。...使用配置文件可以帮助我们处理异常，但是不够灵活和全面；使用HandleErrorAttribute、自定义错误过滤器或重写控制器OnException方法只能解决针对控制器的错误，无法解决模型绑定期间发生的错误...注意：不论defaultRedirect和redirect都配置为指定的路径，例如上述配置中控制器error，控制器操作为error1和error2，相应地错误页为Error1.cshtml和Error2...2针对控制器的错误处理 2.1使用HandleErrorAttribute修饰控制器或操作。...Scott Allen，孙远帅/邹权译 ASP.NET MVC4 高级编程（第四版） 3.黄保翕，ASP.NET MVC4开发指南 4.蒋金楠，ASP.NET MVC4框架揭秘 5.https://www.asp.net

1.5K6 0

ASP.NET MVC5高级编程 ——（6）过滤器

可以忽略，例如：[AuthorizeAttribute]可以写成[Authorize] 开发基于Asp.Net MVC框架的Web项目，面向应用系统的软件开发人员只需要在这个HTTP框架流程管道中挂接自己的代码...看完上面的解释，可能你现在对这些过滤器的执行顺序，以及如何自定义过滤器还不明白，不要紧，下面我们会逐一介绍这几个基本的过滤器的使用，以及如何自定义过滤器。...---在Web程序的根目录的Web.config文件中配置角色管理者。 ---在适当的Action中利用Roles类型来访问自己创建的RoleProvider中的相关方法。...，包括其子类型，默认值为System.Exception 2.View:类型为string，表示此过滤器呈递的视图页面，默认值为Error 3.Master：呈递的视图页的母板页，如果不指定，视图会用其默认的母版页...总结：本文章简单总结了对过滤器的理解以及如何使用MVC框架内置基本的过滤器和如何自定义过滤器及应用。

2.2K4 0

探索ASP.NET MVC5系列之~~~2.视图篇（上）---包含XSS防御和异步分部视图的处理

但是处理数据的时候就特别麻烦了（ViewBag是弱类型的，不能点出我们需要的属性），这时候强类型就油然而生了~~~ 扩展：动态值不能作为参数传递给扩展方法（C#编译器在编译的时候为了选择正确的扩展方法肯定是需要其真正类型的...控制器： ? 视图： ? 常用命名空间可以设置在Views的web.config中，eg: ?...如果你的视图是aspx的记得过滤HTML，JS，URL哦~基本上问题都出在这 7.布局系列 1._ViewStart MVC5以前都是要手动引用”母版页“ ?...自从MVC5有了_ViewStart.cshtml，感觉整个春天都来了 ? ? 视图都不需要引用”母版页“了（默认就全部引用了_Layout） ?...如果子页面没有定义Footer的节，那么就报错了 ? 其他两种写法：子页中定义了Footer就显示子页的，没有定义就显示默认 ? ?

2.2K7 0

MVC5学习系列--Razor视图(一)

视图的作用我们初步了解一下,Razor视图是在MVC3中加入的新玩法,嗯..注意MVC1 2 都是和Webform那种蛋疼无比的写法,那么,问题来了,挖掘机技术哪家强?!(艹,什么鬼,.....视图的用法上面大概展示了视图的作用..下面我们就来用用傲娇的它视图常用的一些数据字典. ViewBag,ViewData,ViewDataDictionary,任意强类型.....嗯,这里我们暂时不提强类型的,后面讲模型的时候在来将, 下面我们看个实例,代码如下: //我们在Test控制器中,用三种方式来给视图的Data赋值.......就是母版页啦.....//这里返回部分视图 return PartialView(); } 小结这一篇详细的了解了在MVC3之后出现的Razor视图的一些基本使用方式,了解了一下他的内部情况

1.3K8 0

ExtJs一(Hello World)

前言　　本文原文链接地址 http://aehyok.com/Blog/Detail/48.html 　　来学习一下ExtJs，今天主要来了解一下ExtJs在Asp.Net Mvc3.0中的基本架构搭建...ref=extjs.org.cn 搭建ExtMVC环境 1.创建一个Asp.Net Mvc3.0的Web空项目，视图引擎选择Razor。 ?...在app目录下，再创建controller、model、store和 view这4个目录，分别用来存放项目中Ext JS的控制器、模型、Store和视图文件。...再在ExtJS目录下创建一个ux目录，用来存放Ext JS的扩展组件。管理系统将使用Ext JS是4.1.1的版本。...实现Hello World 　　1.在Controllers添加控制器HomeController,并在Index Action上直接添加视图（添加视图时记得使用布局或母版页的选项不勾）。

8942 0

ASP.NET MVC 重点教程一周年版第十一回母版页、用户自定义控件及文件上传

母版页(Master) 1.母版页是与Controller无关的，母版页只是一个View文件，而没有任何Controller与之相对应。...2.其实在ASP.NET MVC中View的aspx与母版页并不像WebForm中那样紧密关联。...例如我想更换一个aspx的母版页，只要在Action中return 时指定所要使用的Master即可: 如图我有2个Master文件，而/Views/Home/Index.aspx则为这时我们如果想要使用...View(null,"Site2"); 3: } 自定义控件 RenderPartial ASP.NET MVC中如果要自定义控件的话并不能像WebForm那样用这样来引用...MVC重典一周年版已经没有什么基础东西可以讲了，如果大家想进一步学习ASP.NET MVC，请关注Asp.net Mvc Framework 系列的随时更新

1.2K1 0

ExtJs一(Hello World)

8471 0

一步一步创建ASP.NET MVC5程序(十一)

最近Rector忙于换工作，没有太多时间来更新我们的ASP.NET MVC 5系列文章 [一步一步创建ASP.NET MVC5程序Repository+Autofac+Automapper+SqlSugar...本文知识要点本期是该系列的第十一篇，上一篇《一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](十)》我们了解了母版页和部分视图，...并使用母版页和部分视图重新组织了页面的共用区域的HTML代码，本文我们将要涉及到的内容为：通用分页的封装文章分页的实现通用分页的封装在之前两期中，我们的文章列表页面是没有分页功能的，而是使用如下方法... 让我们开始ASP.NET MVC 5 应用程序的探索之旅吧!!!...本期源码托管地址：请至首发地址《一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](十一)》查看看完教程如果觉得还不过瘾的，想“勾对

1.5K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何使用ASP.NET MVC中的基本控制器创建强类型母版页

相关·内容

ASP.NET Core 入门教程 7、ASP.NET Core MVC 分部视图入门

.NET MVC第二章、控制器使用

如何在 ASP.NET MVC 中集成 AngularJS（1）

一步一步创建ASP.NET MVC5程序(十)

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

【译】在 ASP.NET 和 ASP.NET Core 之间共享代码

【译】在 ASP.NET 和 ASP.NET Core 之间共享代码

.NET MVC第六章、@Html.Partial(string name)分布视图

如何在 ASP.NET MVC 中集成 AngularJS（2）

在ASP.NET MVC中如何应用多个相同类型的ValidationAttribute？

七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理

ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

ASP.NET MVC编程——错误处理与日记

ASP.NET MVC5高级编程 ——（6）过滤器

探索ASP.NET MVC5系列之~~~2.视图篇（上）---包含XSS防御和异步分部视图的处理

MVC5学习系列--Razor视图(一)

ExtJs一(Hello World)

ASP.NET MVC 重点教程一周年版第十一回母版页、用户自定义控件及文件上传

ExtJs一(Hello World)

一步一步创建ASP.NET MVC5程序(十一)

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐