ASP.NET MVC面试问题与答案

亦凉 2021-09-07 05:58 290阅读 0赞

## 什么是MVC (模型 视图 控制器)? ##

MVC是一个架构模式，它分离了表现与交互。它被分为三个核心部件：模型、视图、控制器。下面是每一个部件的分工：

*  视图是用户看到并与之交互的界面。
 *  模型表示业务数据，并提供数据给视图。
 *  控制器接受用户的输入并调用模型和视图去完成用户的需求。

![在这里插入图片描述][20210414143654907.png]  
图: MVC (模型、视图、控制器)

## 你能解释下MVC的完整流程吗？ ##

下面是MVC（模型、视图、控制器）架构的控制流程：

*  所有的终端用户请求被发送到控制器。
 *  控制器依赖请求去选择加载哪个模型，并把模型附加到对应的视图。
 *  附加了模型数据的最终视图做为响应发送给终端用户。

## MVC同时适用于Windows应用和Web应用吗? ##

相比Windows应用，MVC架构更适用于Web应用。对于Windows应用，MVP(Model View Presenter)架构更好一点。如果你使用WPF和Silverlight，MVVM更适合。

## 使用MVC有哪些好处? ##

MVC有两个大的好处：

*  分离了关注点。后台代码被移到单独的类文件，我们可以最大限度的重复利用代码。
 *  自动化UI测试成为可能，因为后台代码移到了.NET类。这让我们更容易做单元测试和自动化测试。

## MVC不同于三层架构？ ##

MVC是三层传统架构的演变。三层架构和MVC有一些通用的组成部分。 显示如下：

<table> 
 <thead> 
  <tr> 
   <th>功能性</th> 
   <th>三层 / 分层架构</th> 
   <th>Model view controller architecture</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>显示与交互</td> 
   <td>用户界面</td> 
   <td>视图</td> 
  </tr> 
  <tr> 
   <td>UI逻辑</td> 
   <td>用户界面</td> 
   <td>控制器</td> 
  </tr> 
  <tr> 
   <td>商业逻辑 / 验证</td> 
   <td>中间层</td> 
   <td>模型</td> 
  </tr> 
  <tr> 
   <td>请求首先发送给谁？</td> 
   <td>用户界面</td> 
   <td>控制器</td> 
  </tr> 
  <tr> 
   <td>访问数据</td> 
   <td>数据链接层</td> 
   <td>数据链接层</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][20210414143821762.png]  
图示: 三层架构

## MVC的最新版本是哪个? ##

在写这篇文章时MVC已经发行了4个版本：MVC 1 , MVC 2, MVC 3, 和 MVC 4. 所以 MVC 4是最新版本。

## 每个版本的MVC有什么不同? ##

下面的表格列出了详细的不同点。但是在面试中限于时间问题，很难去说出所有的东西。所以，我标出了所有重要区别。

<table> 
 <thead> 
  <tr> 
   <th>MVC 2</th> 
   <th>MVC 3</th> 
   <th>MVC 4</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Client-side validation</td> 
   <td>Razor</td> 
   <td>ASP.NET Web API</td> 
  </tr> 
  <tr> 
   <td>Templated Helpers Areas</td> 
   <td>Readymade project templates</td> 
   <td>Refreshed and modernized default project templates. New mobile project template.</td> 
  </tr> 
  <tr> 
   <td>Asynchronous Controllers</td> 
   <td>HTML 5 enabled templates</td> 
   <td>Many new features to support mobile apps</td> 
  </tr> 
  <tr> 
   <td>Html.ValidationSummary Helper Method</td> 
   <td>Support for Multiple View Engines, JavaScript, and AJAX</td> 
   <td>Enhanced support for asynchronous methods</td> 
  </tr> 
  <tr> 
   <td>DefaultValueAttribute in Action-Method</td> 
   <td>Model Validation Improvements</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Parameters binding</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Binary data with Model Binders</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>DataAnnotations Attributes</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Model-Validator Providers</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>New RequireHttpsAttribute Action Filter</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Templated Helpers</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Display Model-Level Errors</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

## MVC中的`HTML helpers`是什么？ ##

HTML helpers帮助你渲染视图中的HTML控件。如果在面试中你想展示HTML输入框，下面是HTML helper代码。

<%= Html.TextBox("LastName") %>

`checkbox`的代码如下。用这种方式我们可以创建现存的所有HTML控件。

<%= Html.CheckBox("Married") %>

## “`HTML.TextBox`” 和 “`HTML.TextBoxFor`”有什么不同? ##

它们两个输出相同的HTML， “`HTML.TextBoxFor`”是强类型的，但“`HTML.TextBox`”不是。下面是一个实例，它仅仅创建了一个名字为“`CustomerCode`”的输入框。

Html.TextBox("CustomerCode")

下面的代码是用 “`Html.TextBoxFor`” 创建的HTML输入框，从对象"m"中调用了属性”`CustomerCode`“。

Html.TextBoxFor(m => m.CustomerCode)

相同的方式，我们可以用“`Html.CheckBox`” 和 “`Html.CheckBoxFor`”创建`checkbox`。

## MVC的路由选择是什么? ##

路由选择功能帮你定义一个URL规则，映射URL到控制器。

举一个例子，我们想让用户输入“`<http://localhost/View/ViewCustomer/>`”时，它转向到“`Customer`”控制器并且调用`DisplayCustomer`。这个通过`Maproute`方法来定义。代码如下：

routes.MapRoute(
    
                   "View", // Route name
    
                   "View/ViewCustomer/{id}", // URL with parameters
    
                   new {  controller = "Customer", action = "DisplayCustomer", 
    
    id = UrlParameter.Optional }); // Parameter defaults

## 在哪里写路由映射表？ ##

在 “`global.asax`” 文件。

## 我们可以映射多个URL到同一个动作吗？ ##

是的，可以。只需要添加多条不同Key名字的记录，并且指定同样的控制器和动作。

## 使用`hyperlink`生成链接，如何从一个视图链接到另一个视图? ##

使用`ActionLink`方法，如下图所示。下面的代码生成一个简单的`URL`，链接到"`Home`"控制器的`GotoHome`动作。

<%= Html.ActionLink("Home","Gotohome") %>

## 如何限制一个动作的类型为GET或POST? ##

我们可以给MVC的动作一个`HttpGet`或`HttpPost`属性去限制HTTP的类型。你可以看下面的代码段，这个`DisplayCustomer` 动作只能用`HttpGet`方式访问。如果我们尝试用Http post的方式，会看到错误信息。

[HttpGet]
    public ViewResult DisplayCustomer(int id)
    { 
        Customer objCustomer = Customers[id];
        return View("DisplayCustomer",objCustomer);
    }

## 在MVC中如何保持`Sessions`? ##

可以通过三种方式保持： `tempdata, viewdata`, 和`viewbag`。

## tempdata, viewdata, 和 viewbag之间有什么不同? ##

![在这里插入图片描述][20210414145456519.png]  
图示: `tempdata, viewdata`, 和`viewbag`之间不同点

*  `Temp data` \-在不同的控制器或动作间转换时保持数据。另外，进行页面转向时，tempdata可以保持数据。它是一个内部的Session变量。
 *  `View data` \- 可以在控制器和视图间保持数据。
 *  `View Bag` \- 它是视图数据的动态包装。使用Viewbag不需要类型转换。它使用的是内部动态关健词。

![在这里插入图片描述][20210414145555659.png]  
图示: 动态关键词

*  `Session` 变量 - 使用`Session`变量可以在任何实体间保持数据。
 *  隐藏字段和HTML控件 - 只能何持数据从UI到`Controller`。可以使用HTML控制器或隐藏字段，用HTTP方式(POST或GET)发送数据到控制器。

下表是汇总：

<table> 
 <thead> 
  <tr> 
   <th>Maintains data between</th> 
   <th>ViewData/ViewBag</th> 
   <th>TempData</th> 
   <th>Hidden fields</th> 
   <th>Session</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Controller to Controller</td> 
   <td>No</td> 
   <td>Yes</td> 
   <td>No</td> 
   <td>Yes</td> 
  </tr> 
  <tr> 
   <td>Controller to View</td> 
   <td>Yes</td> 
   <td>No</td> 
   <td>No</td> 
   <td>Yes</td> 
  </tr> 
  <tr> 
   <td>View to Controller</td> 
   <td>No</td> 
   <td>No</td> 
   <td>Yes</td> 
   <td>Yes</td> 
  </tr> 
 </tbody> 
</table>

## MVC是的局部视图是什么? ##

局部视图是一个可重复调用的视图（和用户控件一样），它可以嵌入到视图里面。例如：你的站点页面有统一的菜单、头部、尾部，如下图所示：  
![在这里插入图片描述][20210414145655583.png]  
Figure: MVC中的局部视图

如果你想在所有页面重用菜单、头部和尾部。可以创建局部视图，然后在主视图中调用它们。

## 如何创建和调用局部视图? ##

点击"Create partial view"复选框去添加局部视图。  
![在这里插入图片描述][20210414145804349.png]  
图示: 创建局部视图

局部视图创建好后，在主视图中使用 `Html.RenderPartial`调用。如下代码：

## MVC中如何做输入验证? ##

早期的MVC版本中使用数据注释来做验证。除了注释还可以利用数据模型的属性标签。例如，下面的实例代码中`Customer`类有一个属性`customercode`。

这个`CustomerCode`属性标注了一个`Required`数据。如果不提供`CustomerCode`数据，它将不能通过验证。

public class Customer
    { 
    
        [Required(ErrorMessage="Customer code is required")]
    
        public string CustomerCode
        { 
            set;
            get;
        } 
    }

为了显示验证错误提示我们需要使用`ValidateMessageFor`方法，它属于`Html helper`类。

<% using (Html.BeginForm("PostCustomer", "Home", FormMethod.Post))
    
    {  %>
    
    <%=Html.TextBoxFor(m => m.CustomerCode)%>
    
    <%=Html.ValidationMessageFor(m => m.CustomerCode)%>
    
    <input type="submit" value="Submit customer data" />
    
    <%}%>

在`controller`中，使用`ModelState.IsValid`属性检查数据是否正确。

public ActionResult PostCustomer(Customer obj)
    { 
        if (ModelState.IsValid)
        { 
            obj.Save();
            return View("Thanks");
        }
        else
        { 
            return View("Customer");
        }
    }

下面是一个显示错误信息的实例。  
![在这里插入图片描述][20210414150346686.png]  
图示: MVC中的验证

## 可以一次显示所有的错误信息吗？ ##

可以。使用Html helper类中的`ValidationSummary`方法。

<%= Html.ValidationSummary() %>

MVC中还有哪些注释属性用来验证？

如果你要去检查字符的长度，你可以使用 `StringLength`.

[StringLength(160)]
    public string FirstName {  get; set; }

如果你想使用注册表达式，你可以使用 `RegularExpression` 。

[RegularExpression(@"[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}")]public string Email {  get; set; }

如果你想检查数字是否在一个范围内，你可以使用 `Range` 。

[Range(10,25)]public int Age {  get; set; }

有时你想比较两个字段的值，我们可以使用 `Compare`。

public string Password {  get; set; }[Compare("Password")]public string ConfirmPass {  get; set; }

如果你想拿到错误详情，你可以使用 `Errors` 集合。

var ErrMessage = ModelState["Email"].Errors[0].ErrorMessage;

如果你已经创建好模型对象，你可以在`Contronller`中调用 `TryUpdateModel` 去检查它是否正确。

TryUpdateModel(NewCustomer);

如果你想在`Controller`中添加错误信息，你可以使用 `AddModelError` 函数。

ModelState.AddModelError("FirstName", "This is my server-side error.");

## 如何启用客户端验证？ ##

有两个步骤：第一引用必须的jQuery文件。

第二步去调用 `EnableClientValidation` 方法。

<% Html.EnableClientValidation(); %>

## 什么是MVC中的Razor? ##

它是一个轻量级的视图引擎。MVC最初只有一个ASPX的视图类型，直到MVC3才引进了Razor 。

## 已经有了ASPX，为什么还要Razor? ##

相比ASPX，Razor是一个干净的、轻量级的和语法更简单。例如，ASPX去显示时间：

<%=DateTime.Now%>

在Razor中，只需要一行：

@DateTime.Now

## Razor or ASPX，哪个更好? ##

Razor更好，因为它是轻量级的，并且语法简单。

## 在MVC中如何做授权和认证？ ##

在MVC中你可以使用Windows或Forms认证。

## 在MVC中如何去执行Windows认证？ ##

你需要修改`web.config`文件，并设置验证模式为Windows。

然后在`controller`或`action`中，你可以使用 `Authorize` 属性，指定哪个用户可以访问这个`controller`或`action`。下面的代码设置到只有指定的用户可以访问它。

[Authorize(Users= @"WIN-3LI600MWLQN\Administrator")]
    public class StartController : Controller
    { 
        //
        // GET: /Start/
        [Authorize(Users = @"WIN-3LI600MWLQN\Administrator")]
        public ActionResult Index()
        { 
            return View("MyView");
        }
    }

## 在MVC中如何用表单认证？ ##

表单认证和ASP.NET的表单验证一样。第一步是设置认证模式为`Forms`。`loginUrl`是指向到`controller`，而不是一个页面。

我们也需要创建一个`controller`，去验证用户。如果验证通过，需要设置`cookies`值。

public ActionResult Login()
    { 
        if ((Request.Form["txtUserName"] == "Shiv") && (Request.Form["txtPassword"] == "Shiv@123"))
        { 
            FormsAuthentication.SetAuthCookie("Shiv",true);
            return View("About");
        }
        else
        { 
            return View("Index");
        }
    }

其它需要验证的`action`都需要加一个 `Authorize` 属性，如果用户没权限将转向到登陆页面。

[Authorize]
    PublicActionResult Default()
    { 
    return View();
    }
    
    [Authorize]
    publicActionResult About()
    { 
    return View();
    }

## 在MVC中如何执行AJAX? ##

MVC中有两种方式可以执行AJAX：

*  AJAX libraries
 *  jQuery

下面是一个简单的实例，它使用“AJAX”帮助执行AJAX。在下面的代码中，你可以使用`Ajax.BeginForm`创建了一个表单。这个表单调用了一个`getCustomer`方法。

如果你想做在hyperlink点击上做Ajax调用，你可以使用 `Ajax.ActionLink` 函数，如下图所示。  
![在这里插入图片描述][20210414151430574.png]  
图示: 在MVC中执行AJAX

如果你想创建一个AJAX异步hyperlink，它调用`controller`中的`GetDate`方法，代码如下。一旦`controller`作出回应，这个数据会显示在id为`DateDiv`的DIV中。

下面是`Controller`代码。你可以看到`GetDate`有延迟10秒。

public class Default1Controller : Controller
    { 
       public string GetDate()
       { 
           Thread.Sleep(10000);
           return DateTime.Now.ToString();
       }
    }

在MVC中做Ajax调用的第二种方式是使用jQuery。下面的代码你可以看到我们做了一个AJAX POST到`/MyAjax/getCustomer`。它使用`$.post`。所有的逻辑代码放在`GetData`函数中，你可以通过一个按钮或者是链接点击事件去调用它。

function GetData() 
    { 
        var url = "/MyAjax/getCustomer";
        $.post(url, function (data) 
        { 
            $("#txtCustomerCode").val(data.CustomerCode);
            $("#txtCustomerName").val(data.CustomerName);
        }
        )
    }

## 在AJAX中有几种事件可以跟踪？ ##

![在这里插入图片描述][20210414151753956.png]  
图示: AJAX中的事件跟踪

## `ActionResult` 和 `ViewResult`有什么不同? ##

*  `ActionResult` 是一个抽象类，`ViewResult`衍生于 `ActionResult` 类。 `ActionResult`有几种衍生类，例如： `ViewResult`，```JsonResult``，``FileStreamResult```， 等等。
 *  `ActionResult`可以用来开发多态和动态动象。所以如果你动态运行不同类型的视图，`ActionResult`是最好的选择。例如下面的代码，你可以看见我们有一个`DynamicView`。基于标记（`IsHtmlView`），它会返回`ViewResult`或 `JsonResult`。

public ActionResult DynamicView()
    
      { 
      
         if (IsHtmlView)
      
           return View(); // returns simple ViewResult
      
         else
    
           return Json(); // returns JsonResult view
      }

## MVC有多少种不同类型的结果类型？ ##

注意： 很难去记住所有的12种类型。但是一些重要的你可以记住，例如：`ActionResult`， `ViewResult`，和 `JsonResult`。详情如下:

MVC中的12种结果类型，最主要的是`ActionResult`类，它是一个基础类，它有11个子类型，如下：

1.  `ViewResult` \- 给响应流渲染指定的视图
2.  `PartialViewResult` \- 给响应流渲染指定的局部视图
3.  `EmptyResult` \- 返回空的响应结果。
4.  `RedirectResult` \- 执行一个HTTP转向到指定的URL。
5.  `RedirectToRouteResult` \- 执行一个HTTP转向到一个URL，这个URL由基于路由数据的路由引擎来决定
6.  `JsonResult` \- 序列化一个ViewData对像到JSON格式。
7.  `JavaScriptResult` \- 返回一段Javascript代码，它可以在客户端执行。
8.  `ContentResult` \- 写内容到响应流，不需要视图支持。
9.  `FileContentResult` \- 返回一个文件到客户端。
10. `FileStreamResult` \- 返回一个文件到客户端，它提供的是流。
11. `FilePathResult` \- 返回一个文件到客户端。

## MVC中的`ActionFilters`是什么？ ##

`ActionFilters`帮助你在MVC action执行中或执行后，执行一些逻辑。  
![在这里插入图片描述][20210414152446178.png]  
图示: MVC中的`ActionFilters`。

Action filters通常用在下面的场景中：

1.  在`action`发生前，执行POST logic before the action happens.
2.  取消一个当前的执行。
3.  检查返回值。
4.  给`action`提供特殊的数据。

你有两种方式创建`action filters`：

*  内联`action filter`.
 *  创建一个 `ActionFilter` 属性.

创建内联`action filter`，我们需要执行`IActionFilter` 接口。`IActionFilter`接口有两个方法： `OnActionExecuted` 和 `OnActionExecuting`。在这两个方法中我们可以执行预处理逻辑或取消逻辑。

public class Default1Controller : Controller , IActionFilter
    { 
        public ActionResult Index(Customer obj)
        { 
            return View(obj);
        }
    
        void IActionFilter.OnActionExecuted(ActionExecutedContext filterContext)
        { 
            Trace.WriteLine("Action Executed");
        }
    
        void IActionFilter.OnActionExecuting(ActionExecutingContext filterContext)
        { 
            Trace.WriteLine("Action is executing");
        }
    }

内联Action filter的问题是不能跨`Controler`。我们可以转换内联action filter到action filter属性。创建action filter属性，我们需要继承`ActionFilterAttribute`和执行`IActionFilter` 接口，代码如下：

public class MyActionAttribute : ActionFilterAttribute , IActionFilter
    { 
        void IActionFilter.OnActionExecuted(ActionExecutedContext filterContext)
        { 
            Trace.WriteLine("Action Executed");
        }
    
        void IActionFilter.OnActionExecuting(ActionExecutingContext filterContext)
        { 
          Trace.WriteLine("Action executing");
        }
    }

之后我们可以在`controller`上使用这个属性。你可以看下面的代码：

[MyActionAttribute]
    
    public class Default1Controller : Controller 
    { 
        public ActionResult Index(Customer obj)
        { 
            return View(obj);
        }
    }

## MVC中可以创建自定义视图引擎吗？ ##

可以，在MVC中我们可以创建自己的自定义视图引擎。创建自己的自定义视图引擎需要跟随下面三步：

我们将创建一个自定义视图引擎，在视图里用户可以输入一个命令，比如“`<DateTime>`”，它会显示当前的日期和时间。

步骤1：我们需要创建一个类去执行`IView`接口。我们应该在这个类的`render`函数中写一些逻辑，指明如何渲染视图。示例代码如下：

public class MyCustomView : IView
    { 
        private string _FolderPath; // Define where our views are stored
        public string FolderPath
        { 
            get {  return _FolderPath; }
            set {  _FolderPath = value; }
        }
    
        public void Render(ViewContext viewContext, System.IO.TextWriter writer)
        { 
           // Parsing logic <dateTime>
            // read the view file
            string strFileData = File.ReadAllText(_FolderPath);
            // we need to and replace <datetime> datetime.now value
            string strFinal = strFileData.Replace("<DateTime>", DateTime.Now.ToString());
            // this replaced data has to sent for display
            writer.Write(strFinal); 
        }
    }

步聚2： 我们需要创建一个类，它继承`VirtualPathProviderViewEngine` ，并且我们需要提供一个文件夹路径和视图文件扩展名。例如，`Razor`是“`cshtml`”，`aspx`是“`.aspx`”。示例代码如下：

public class MyViewEngineProvider : VirtualPathProviderViewEngine
    { 
        // We will create the object of Mycustome view
        public MyViewEngineProvider() // constructor
        { 
            // Define the location of the View file
            this.ViewLocationFormats = new string[] {  "~/Views/{1}/{0}.myview", 
              "~/Views/Shared/{0}.myview" }; //location and extension of our views
        }
        protected override IView CreateView(
          ControllerContext controllerContext, string viewPath, string masterPath)
        { 
            var physicalpath = controllerContext.HttpContext.Server.MapPath(viewPath);
            MyCustomView obj = new MyCustomView(); // Custom view engine class
            obj.FolderPath = physicalpath; // set the path where the views will be stored
            return obj; // returned this view paresing
            // logic so that it can be registered in the view engine collection
        }
        protected override IView CreatePartialView(ControllerContext controllerContext, string partialPath)
        { 
            var physicalpath = controllerContext.HttpContext.Server.MapPath(partialPath);
            MyCustomView obj = new MyCustomView(); // Custom view engine class
            obj.FolderPath = physicalpath; // set the path where the views will be stored
            return obj;
            // returned this view paresing logic
            // so that it can be registered in the view engine collection
        }
    }

步骤 3： 我们需要注册自定义视图到视图集合。注册自定义视图引擎最适合的地方是`global.aspx`文件中的`ViewEngines`集合。代码如下：

protected void Application_Start()
    { 
        // Step3 :- register this object in the view engine collection
        ViewEngines.Engines.Add(new MyViewEngineProvider());
        …..
    }

下面是一个实例，在自定义视图的顶部中写了一个定义好的命令。  
![在这里插入图片描述][20210414160402634.png]  
图示: MVC中的自定义视图引擎

当你调用视图，你应该能看见下面的输出：  
![20210414160435176.png][]

## 在MVC中如何返回JSON格式的结果？ ##

在MVC中，我们有`JsonResult` 类可以返回JSON格式数据。下面是一个简单的例子，它使用`JsonResult`返回`Customer`对象的JSON格式。

public JsonResult getCustomer()
    { 
        Customer obj = new Customer();
        obj.CustomerCode = "1001";
        obj.CustomerName = "Shiv";
        return Json(obj,JsonRequestBehavior.AllowGet);
    }

下面是上面代码的JSON输出：  
![在这里插入图片描述][20210414160623209.png]

## 什么是WebAPI? ##

HTTP是最常用的协议。过去的很多年，浏览器是我们使用HTTP方式公开数据的首选客户端。但是日新月异，客户端发展到多种形式。我们需要使用HTTP方式传递数据给不同的客户端，例如：移动手机、Javascript，Windows应用等等。

WebAPI是一个通过HTTP方式公开数据的技术，它跟随REST规则。

## WCF SOAP 也做同样的事情，它与WebAPI也有什么区别？ ##

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th>SOAP</th> 
   <th>WEB API</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><strong>大小</strong></td> 
   <td>重量级，因为它使用复杂的WSDL结构。</td> 
   <td>轻量级，只有需要的信息被传递。</td> 
  </tr> 
  <tr> 
   <td>协议</td> 
   <td>协议无关</td> 
   <td>只支持HTTP协议</td> 
  </tr> 
  <tr> 
   <td>格式</td> 
   <td>解析SOAP信息，客户端需要理解WSDL格式。写自定义代码去解析WSDL是非常重要的任务。如果客户端足够聪明去创建一个代理对象，比如在.net中添加引用，那么SOAP是最简单的方式。</td> 
   <td>WebAPI的输出是简单的字符串、JSON、简单XML格式等。所以，写解析逻辑非常简单。</td> 
  </tr> 
  <tr> 
   <td>规则</td> 
   <td>SOAP跟随<code>WS-*</code> 规定</td> 
   <td><code>WebAPI</code>跟随REST规定。(Please refer to REST in WCF chapter.)</td> 
  </tr> 
 </tbody> 
</table>

## 关于Web API, 你可以看我的另一篇翻译：[ASP.NET Web API详解][ASP.NET Web API] ##

## 在MVC中我们如何识别是PSOT还是GET调用？ ##

在控制器中识别POST或GET，我们可以使用 `Request.HttpMethod` ，代码如下所示：

public ActionResult SomeAction()
    { 
        if (Request.HttpMethod == "POST")
        { 
            return View("SomePage");
        }
        else
        { 
            return View("SomeOtherPage");
        }
    }

## 什么是MVC中的打包也压缩? ##

打包与压缩帮助我们减少一个页面的请求时间，从而提高页面执行性能。

## 打包如何搞高性能？ ##

我们的项目总是需要CSS和脚本文件。打包帮助你合并多个Javascript和css文件到单个文件，从而最小化多个请求到一个请求。

例如，包含下面的web请求到一个页。这个页面要求两个Javascript文件，Javascript1.js和Javascript2.js。 当请求这个页面时，它要做三次请求：

*  一个是`Index`页面.
 *  两个请求是为了两个JavaScript文件：Javascript1.js 和Javascript2.js.

如果页面中有大量的javascript文件，这样会降低性能。如果我们可以合并所有的JS文件到一个文件，只请求一个，这将加增加性能。如下图所示：  
![在这里插入图片描述][20210414161149906.png]  
![在这里插入图片描述][20210414161208560.png]

## MVC中如何执行打包？ ##

打开`App_Start`文件夹中的`BundleConfig.cs`  
![在这里插入图片描述][2021041416123420.png]  
在`BundleConfig.cs`中，添加你想打包的JS文件路径到打包集合。如下所示：

bundles.Add(new ScriptBundle("~/Scripts/MyScripts").Include("~/Scripts/*.js"));

下面是 `BundleConfig.cs` 文件的代码：

public  class BundleConfig
    { 
        public static void RegisterBundles(BundleCollection bundles)
        { 
            bundles.Add(new ScriptBundle("~/Scripts/MyScripts").Include("~/Scripts/*.js"));
            BundleTable.EnableOptimizations = true;
        }
    }

一旦你合并了脚本到一个文件，你可以使用下面的代码去调用它：

<%= Scripts.Render("~/Scripts/MyScripts")  %>

你将看到脚本请求被合并到一个：  
![在这里插入图片描述][20210414161356554.png]

## 在debug模式下如何测试打包功能？ ##

如果你在`debug`模式下，你需要在`bundleconfig.cs`中设置`EnableOptimizations`为`true`，否则你不会看到打包效果。

BundleTable.EnableOptimizations = true;

## 解释压缩，它是如何执行的？ ##

压缩功能通过移除空格、注释等减少了脚本与CSS文件的大小。例如下面的代码：

// This is test
    var x = 0;
    x = x + 1;
    x = x * 2;

执行压缩后的Javascript代码如下所示。

var x=0;x=x+1;x=x*2;

## 如何执行压缩？ ##

当你执行打包时，压缩会自动执行。它的执行步骤与打包一样。

[20210414143654907.png]: /images/20210626/173b85c0eccc4d5283b1eae29184e0d4.png
[20210414143821762.png]: /images/20210626/e631072281b34be08634288b65d8d73b.png
[20210414145456519.png]: /images/20210626/ea4738ed75ca4ddf9c27ce842279f721.png
[20210414145555659.png]: /images/20210626/117daa36433a4292b1dd3b00e9c5430b.png
[20210414145655583.png]: /images/20210626/b5639301b0bb40c0a1dc1f2018b66ffd.png
[20210414145804349.png]: /images/20210626/18d0a986c8ac4e66a52dddaf8576a039.png
[20210414150346686.png]: /images/20210626/003243ce6461452f82f2a4b1a4293135.png
[20210414151430574.png]: /images/20210626/3c358f40b0ef4373b95a1869b9cef60e.png
[20210414151753956.png]: /images/20210626/b1c034bb849246c3b77da3656a6932a6.png
[20210414152446178.png]: /images/20210626/a8a59ccc96784dbf94330f456fe71e29.png
[20210414160402634.png]: /images/20210626/ec0f15d0e5b2429087d0a002e914d258.png
[20210414160435176.png]: /images/20210626/b9fdd2ad60394aa0b75dde8f64bf5713.png
[20210414160623209.png]: /images/20210626/11a3912efa2c4759bd3b5236b0683b60.png
[ASP.NET Web API]: http://blog.csdn.net/passport768594/article/details/19753475
[20210414161149906.png]: /images/20210626/74c0e9fc3ac640e7b6ea16da24ce6bf0.png
[20210414161208560.png]: /images/20210626/e988553ad4904f8483089044891b93af.png
[2021041416123420.png]: /images/20210626/adc4f69d93764020926619fe9b36628d.png
[20210414161356554.png]: /images/20210626/267b3328869f4bc497558381a628561a.png