本系列主要翻译自《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 重定向到路由表中定义的指定路由。

Asp.net mvc 知多少(四)的更多相关文章

  1. ASP.NET MVC Model元数据(四)

    ASP.NET MVC Model元数据(四) 前言 前面的篇幅讲解了Model元数据生成的过程,并没有对Model元数据生成过程的内部和Model元数据结构的详细解释.看完本篇后将会对Model元数 ...

  2. Asp.net mvc 知多少(六)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  3. Asp.net mvc 知多少(七)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  4. Asp.net mvc 知多少(八)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问[http: ...

  5. Asp.net mvc 知多少(九)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  6. Asp.net mvc 知多少(十)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  7. Asp.net mvc 知多少(一)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  8. Asp.net mvc 知多少(五)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  9. ASP.NET MVC Model验证(四)

    ASP.NET MVC Model验证(四) 前言 本篇主要讲解ModelValidatorProvider 和ModelValidator两种类型的自定义实现,前者是Model验证提供程序,而Mod ...

随机推荐

  1. c#基础知识索引器

    代码 ]);    }} 在这里我们看到,无非是实现了一个泛型算法 等同于 Ontology List<string> lit=new List<string>(); lis. ...

  2. github设置

    ssh-key: https://help.github.com/articles/generating-ssh-keys http://segmentfault.com/q/101000000013 ...

  3. Celery 源码解析八:State 和 Result

    在前面几篇解析中,我们已经看过了 Worker 是如何运行的,Task 是如何创建的,以及怎么被路由到 Worker 中,除了这些之外,我们还对流量限制,Worker 控制和 Task/Worker ...

  4. 【Java】单词倒序输出

    如何将一段单词倒序输出?把"Hello Java Hello China"变成"China Hello Java Hello"? 看起来好像很简单,只需要把字符 ...

  5. Python 简单理解多线程

    进程,是一个或多个线程的集合,每个进程在内存中是相对独立的. 线程,是计算机最小的运算单元,每个进程至少要有一个线程,多个线程时,每个线程间之间共享内存. 分别举例常规运行和多线程运行: 0)常规运行 ...

  6. Python 动态导入模块

    动态导入模块 目录结构: zhangsandeMacBook-Air:1110 zhangsan$ tree . . ├── lib │   └── aa.py ├── test1.py lib目录下 ...

  7. 关于回调(callback)

    如果要理解回调,需要在分同步通信.异步通信的基础上了解 举个通俗的例子: 你打电话问书店老板有没有<JS>这本书,如果是同步通信机制,书店老板会说,你稍等,"我查一下" ...

  8. TFboy养成记 CNN

    1/先解释下CNN的过程: 首先对一张图片进行卷积,可以有多个卷积核,卷积过后,对每一卷积核对应一个chanel,也就是一张新的图片,图片尺寸可能会变小也可能会不变,然后对这个chanel进行一些po ...

  9. 条件随机场 Conditional Random Fields

    简介 假设你有冠西哥一天生活中的照片(这些照片是按时间排好序的),然后你很无聊的想给每张照片打标签(Tag),比如这张是冠西哥在吃饭,那张是冠西哥在睡觉,那么你该怎么做呢? 一种方法是不管这些照片的序 ...

  10. Less的Extend_Less继承

    Extend就相当于Java的继承,它允许一个选择器继承另一个选择器的样式.Extend有两种语法格式. 一种是: <selector>:extend(<parentSelector ...