Asp.net mvc 知多少(四)

本系列主要翻译自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan,想看英文原版的可访问http://www.dotnettricks.com/free-ebooks自行下载。该书主要分为两部分,ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书,会帮助你对ASP.NET MVC有更深层次的理解。 由于个人技术水平和英文水平也是有限的,因此错误在所难免,希望大家多多留言指正。 系列导航 Asp.net mvc 知多少(一) Asp.net mvc 知多少(二) Asp.net mvc 知多少(三) Asp.net mvc 知多少(四) Asp.net mvc 知多少(五)

本节主要讲解布局页(Layout)的使用

Q40. 什么是 ASP.NET MVC的布局页(Layouts)? Ans. Layouts(布局页)是用来使asp.net mvc中的views保持一致的外观体验。与webforms的master pages功能相似,但比其更加简单且可扩展性更强。下面是一个布局页的代码展示:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width" />
 <title>@ViewBag.Title</title>
 @Styles.Render("~/Content/css")
 @Scripts.Render("~/bundles/modernizr")
</head>
<body>
 @RenderBody()
 @Scripts.Render("~/bundles/jquery")
 @RenderSection("scripts", required: false)
</body>
</html>

可以使用layout为你的网站定义一个通用的模板。layout可以直接在view的顶部直接声明:

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

Q41. 介绍下ASP.NET MVC中Sections(节)? Ans. 通过section可以在layout中指定占用一块内容区域。可以在view中按以下方式定义section。

@section header{
<h1>Header Content</h1>
}

在layout中通过@RenderSection("header")去渲染上面定义的section。 默认来说,如果在layout中定义了需要渲染的section,那么在view中就必须实现。但可以通过以下方式,限定section是可选的。@RenderSection("header",false) 备注:View只能定义已经在layout中指定渲染的section,否则会抛出异常。

Q42. RenderBody 和 RenderPage 的作用是? Ans. RenderBody 方法是在layout页面中调用的,是用来渲染呈现子页面/视图。它类似于webform引擎中master页中的ContentPlaceHolder。一个layout页面中只能有一个 RenderBody 方法。

<body>
@RenderBody()
@RenderPage("~/Views/Shared/_Header.cshtml")
@RenderPage("~/Views/Shared/_Footer.cshtml")
@RenderSection("scripts",false)
@section scripts{
 <script src="~/Scripts/jquery-1.7.1.min.js"></script>
}
</body>

RenderPage 方法也是在layout页面中用来渲染加应用程序中的其他页面。一个layout页面中可以有多个RenderPage 方法。

@RenderPage("~/Views/Shared/_Header.cshtml");

Q43. Styles.Render 和Scripts.Render的功能是? Ans. 它们是用来捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度。Style.Render是用来呈现定义在BundleConfig.cs中捆绑的css文件。 Styles.Render为捆绑的css创建style标签。 Scripts.Render 也是用来呈现捆绑的script文件。它会为捆绑的script文件创建script标签。

public class BundleConfig
{
 public static void RegisterBundles(BundleCollection bundles)
 {
 bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
 "~/Scripts/jquery.unobtrusive*",
 "~/Scripts/jquery.validate*"));
 bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
 "~/Content/themes/base/jquery.ui.core.css",
 "~/Content/themes/base/jquery.ui.resizable.css",
 "~/Content/themes/base/jquery.ui.selectable.css",
 "~/Content/themes/base/jquery.ui.button.css",
 "~/Content/themes/base/jquery.ui.dialog.css",
 "~/Content/themes/base/jquery.ui.theme.css"));
 }

当关闭优化时Styles.Render和Scripts.Render会为CSS bundle(script bundle)中的定义的每一个css(script)生成一个style(script)标签。当开启优化时, Styles.Render 和Scripts.Render生成唯一的style和script标签,其中带有版本戳的URL代表整个捆绑的css和script。

Q44. ASP.NET MVC中如何启用捆绑优化? Ans. 使用BundleTable捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度。 通过在Global.asax.cs文件中修改BundleTable的EnableOptimizations属性来打开和关闭捆绑优化。

protected void Application_Start()
{
 //other code has been removed for clarity 
 //disable optimization
 System.Web.Optimization.BundleTable.EnableOptimizations = false;
}

Q45. 什么是ViewStart?

Ans. _ViewStart.cshml 页面是服务于具有相同布局的view(s) 。该文件代码优于同一目录下的其他view代码先执行。该文件也将递归应用于子文件夹下的view(s)。 默认, ASP.NET MVC 项目在Views文件夹下仅有一个 _ViewStart.cshtml 文件。该文件中为你mvc 应用程序指定了默认的layout。

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

因为上面这段代码会在任何view之前运行,所以可以通过override Layout 属性为view指定一个不同的layout。

Q46. 什么时候去使用 _ViewStart? Ans. 当有一系列的view具有相同的设置, 就可以使用 _ViewStart.cshtml 来放置通用的视图设置。 如果有任何视图需要修改通用的设置可以通过在view中重载通用设置指定一个新值即可。

Q47. ASP.NET MVC中有哪几种方式去修改默认的layout?

1.修改根目录下的Views文件夹的 _ViewStart文件。_ViewStart为web application定义了默认layout页面。可以通过代码根据不同的Controller加载不同的layout。

@{
 var controller =
HttpContext.Current.Request.RequestContext.RouteData.Values["Controller"].ToSt
ring();
 string layout = "";
 if (controller == "Admin")
 {
 layout = "~/Views/Shared/_AdminLayout.cshtml";
 }
 else
 {
 layout = "~/Views/Shared/_Layout.cshtml";
 }
 Layout = layout;
}

2.在Views文件夹的某一个View目录下新增 _ViewStart 文件。

3.在View页面的顶部修改Layout

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

4.在ActionResult中指定Layout

public ActionResult Index()
{
 RegisterModel model = new RegisterModel();
 //TO DO:
 return View("Index", "_AdminLayout", model);
}

Q48. 介绍下ASP.NET MVC项目中的App_Start文件夹? Ans. App_Start文件夹是从MVC4引入的,包含以下配置文件,比如 BundleConfig.cs, FilterConfig.cs,RouteConfig.cs,WebApiConfig.cs 。所有的设置都是在Global.asax.cs文件的Application_Start方法中被注册。

  • BundleConfig.cs - 用来为css和js文件创建和注册捆绑。默认已经包含了对jQuery, jQueryUI, jQuery validation, Modernizr, Site CSS的捆绑。
  • FIlterConfig.cs - 用来注册全局的MVC过滤器,比如error filters, actions filters 等。默认包含 HandleErrorAttribute 过滤器。
  • RouteConfig.cs - 用来注册不同的路由模式,默认仅注册一个名为Default的路由。
  • WebApiConfig.cs - 用来注册不同的WEB API 路由,也可用来设置额外的WEB API 配置选项。

Q49. ASP.NET MVC中返回/呈现一个View都有哪几种方式? Ans. 主要有以下四种方式:

  1. Return View() - 直接告诉MVC去生成指定的将要展示的视图的HTML并发送到浏览器。这个相当于ASP.NET WebForm中的 Server.Transfer() 。
  2. Return RedirectToAction() - 这是告诉MVC去跳转到指定的action而不是直接提供HTML。这种方式下,浏览器将受到跳转通知并重新发送一个指定action的新请求。这个类似与ASP.NET WebForm中的Response.Redirect() 。 而且, RedirectToAction 会根据路由表构造了一个跳转URL到指定的action/controller。RedirectToAction 会使浏览器收到302重定向状态码。
  3. Return Redirect() - - 这是告诉MVC去跳转到指定的URL而不是直接提供HTML。这种情况下,浏览器收到重定向的通知并重新发送一个指定URL的新请求。类似与ASP.NET WebForm中的Response.Redirect() 。你需要自己构造完整的URL去进行重定向。浏览器同样会收到302重定向状态码。
  4. Return RedirectToRoute() - 这是告诉MVC去路由表中查找指定的路由,然后重定向到路由中定义的controller/action。同样,这也要发起一个新的请求。

备注:

  1. Return View 不会发起一个新的请求。它只是进行视图渲染而不会更改浏览器地址栏的URL。
  2. Return RedirectToAction 发起了一个新的请求,而且浏览器地址栏的URL将被MVC生成的URL更新。
  3. Return Redirect 同样是发起了一个新的请求,且浏览器地址栏的URL将被更新。但是你需要自己指定完整的URL进行重定向
  4. 在 RedirectToAction 和 Redirect之间,最佳实践是在应用程序中的actions/controllers中进行跳转时使用 RedirectToAction。因为如果使用Redirect,一旦你更改了路由表,你就需要手动去更改那些你自己构造的URLs。
  5. RedirectToRoute 重定向到路由表中定义的指定路由。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据结构笔记

Django搭建博客(八):进阶:form与 model配合使用

在我们的后台管理页面中需要一个表单来提交和修改博客,按照上一篇讲的,我们可以这么使用:

1513
来自专栏飞扬的花生

Bootstrap学习------按钮

      Bootstrap为我们提供了按钮组的样式,博主写了几个简单的例子,以后也许用的到。 效果如下  ? 代码如下 <!DOCTYPE html> <h...

19410
来自专栏葡萄城控件技术团队

Spread for Windows Forms高级主题(4)---自定义用户交互

你可以从多方面自定义用户界面来自定义用户与Spread控件的交互方式。同时,你还可以自定义如何处理用户交互方式。 设置允许用户进行的操作 下面的列表总结了通过控...

2156
来自专栏林德熙的博客

WPF 使用 SharpDx 异步渲染 使用方法绑定渲染为什么空白等待画完异步渲染多线程渲染

本文告诉大家如何通过 SharpDx 进行异步渲染,但是因为在 WPF 是需要使用 D3DImage 画出来,所以渲染只是画出图片,最后的显示还是需要 WPF ...

4283
来自专栏Python爬虫与数据挖掘

如何利用CSS选择器抓取京东网商品信息

前几天小编分别利用Python正则表达式、BeautifulSoup选择器、Xpath选择器分别爬取了京东网商品信息,今天小编利用CSS选择器来为大家展示一下如...

1384
来自专栏owent

C++的backtrace

很多语言的log模块都有一个功能,就是在打log的时候能够追溯调用栈,有的时候对查bug能有点帮助。之前我也想过给我们的log模块加上C++的backtrace...

5503
来自专栏前端儿

前端神器之Sublime Text2/3简单明了使用总结

第一:也是最重要的,它占内存很小(就如同notepad++那般迅速打开,所以那款其实也不错~)。一般IDE比如WebStorm(它也是一款神器来着),Aptan...

1222
来自专栏开心的学习之路

02 Jmonkey3.2.0+Nifty1.4.2实现GUI

GUI选择 实现Jmonkey的GUI有三四种方式,我尝试了三种,有 Lemur tonegod nifty 最终选择了Nifty, 因为Lemur用java语...

5178
来自专栏IMWeb前端团队

Change Detection And Batch Update

本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 在传统的WEB开发中,当与用户或服务器发生交互时,需要我们手动获取数...

2487
来自专栏debugeeker的专栏

xss渗透试验(2)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

681

扫码关注云+社区

领取腾讯云代金券