MVC 模式可将应用程序的模型（数据）逻辑与其呈现逻辑和业务逻辑分离。 在 ASP.NET MVC 中，这种逻辑分离还在项目结构中以物理方式实现，在该项目结构中，控制器和视图保存在使用命名约定定义关系的文件夹中。 此结构可满足大多数 Web 应用程序的需求。
但是，一些应用程序可能具有大量控制器，而每个控制器又可能与若干个视图关联。 对于这些类型的应用程序，默认的 ASP.NET MVC 项目结构可能不实用。
为了满足大型项目的需要，ASP.NET MVC 允许您将 Web 应用程序划分为较小单元（也称为“区域”）。 通过使用区域，可以将大型 MVC Web 应用程序分成较小的功能分组。 区域实际上是应用程序内部的一个 MVC 结构。 一个应用程序可能包含若干个 MVC 结构（区域）。
例如，一个大型电子商务应用程序可能分为若干个区域，这些区域表示店面、产品检查、用户帐户管理和采购系统。 每个区域表示整个应用程序的一个独立功能。
本演练演示如何在 ASP.NET MVC 应用程序中实现区域。 本演练创建一个具有以下区域的博客网站的功能框架：
-
主。 这是 Web 应用程序的入口点。 此区域包括登录页面和登录功能。
-
博客。 此区域用于显示博客文章并搜索存档。
-
面板。 此区域用于创建和编辑博客文章。
为了使本课程简单起见，这些区域不包含用于执行博客的实际任务的逻辑。
创建应用程序结构
若要开始，您将创建一个 ASP.NET MVC 项目，并为两个子区域（博客和面板）添加文件夹结构。
创建应用程序结构
-
在 Visual Studio 中，在“文件”菜单上，单击“新建项目”。
-
在“项目类型”窗口中，展开“Visual Basic”节点或“Visual C#”节点，然后选择“Web”节点。
-
在“模板”窗口中，选择“ASP.NET MVC 2 Web 应用程序”。
-
将项目命名为“MvcAreasApplication”，设置项目位置，然后选择“创建解决方案的目录”复选框。
-
单击“确定”。
-
在“解决方案资源管理器”中，右击项目名称，单击“添加”，然后单击“区域”。
-
在“区域名称”中键入 Blog，然后单击“添加”。
将“区域”文件夹添加到项目。 “区域”文件夹包含一个文件夹结构，其中允许每个子区域具有自己的模型、视图和控制器。
-
在“解决方案资源管理器”中，右击项目名称，单击“添加”，然后单击“区域”。
-
在“区域名称”中输入 Dashboard，然后单击“添加”。
完成此操作后，“区域”文件夹将包含两个子文件夹（“Blog”和“Dashboard”）。
注册区域路由
为项目添加区域时，将在 AreaRegistration 文件中定义区域的路由。 该路由会基于请求 URL 将请求发送到相应的区域。 若要注册区域的路由，请在 Global.asax 文件中添加到可自动在 AreaRegistration 文件中查找区域路由的代码。
注册区域路由
-
在“解决方案资源管理器”中，打开项目的 Global.asax 文件。
-
在 Application_Start 方法中插入以下代码：
AreaRegistration.RegisterAllAreas();
此代码为每个子区域调用路由注册方法。
在区域之间进行连接
在 ASP.NET MVC 区域应用程序中，可以按照在任何 MVC 应用程序中的做法来在一个区域内进行链接。 例如，可以调用 ActionLink 方法，或者可以调用采用控制器或操作名称的任何其他例程（例如 RedirectToAction 方法）。
但是，若要生成到不同区域的链接，您必须用这些方法的 routeValues 参数显式传递目标区域名称。 例如，下面的标记演示了与 BlogController 类的ShowBlog 操作方法的链接。 此调用不会标识特定的区域。
<%= Html.ActionLink("Show Blog", "ShowBlog", "Blog") %>
在 Blog 区域中的任何地方，此链接都会按照预期方式发挥作用。 但是，如果将上述链接添加到 Dashboard 区域内的视图中，则该链接将失败。 这是因为 ASP.NET MVC 框架在 Dashboard 区域中将无法找到 BlogController 类。
下面的示例演示了如何创建一个链接，该链接标识用 routeValues 参数传递的匿名对象中的区域。 此处显示的示例只作说明之用。 不要将该文件添加到项目中。
<%= Html.ActionLink("Show Blog", "ShowBlog", "Blog", new { area = "blog" }, null) %>
Razor视图语法：
<p> @Html.ActionLink("Blog首页", "BlogIndex", "Blog") </p> <p> @*连接到指定区域的controller*@ @Html.ActionLink("Blog首页带参数", "BlogIndex", "Blog", new { number = 100 }, null) </p> <p> @*连接到指定区域的controller下的action*@ @Html.ActionLink("Blog展示页面", "Show", "BlogIndex", new { area = "Blog" }, null) </p>
 注意 |
|---|
|
最后的 null 参数（在 Visual Basic 中为 Nothing）是必需的，这只是因为具有 routeValues 参数的 ActionLink 方法重载也具有 htmlAttributes 参数。 但是，若只是为了能在区域之间进行链接，则无需此参数。 |
向主项目添加内容
当您为本演练创建 Visual Studio 解决方案时，解决方案模板包括一个充当应用程序的入口点的主视图。 在本节的演练中，您将向主视图添加到链接到子区域的选项卡。 您还将添加代码以显示诊断信息，包括控制器的名称、操作方法和生成当前视图的区域。
向主项目添加内容
-
打开主视图 (ViewsSharedSite.Master)。
-
紧接在 <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 元素之后插入以下代码。
<p> Controller: <%= ViewContext.RouteData.Values["controller"] %><br /> Action: <%= ViewContext.RouteData.Values["action"] %><br /> Area: <%= ViewContext.RouteData.DataTokens["area"] %> </p>
此代码将向视图添加诊断信息。
-
在相同文件中，找到 <ul id="menu"> 元素，然后用以下代码替换整个元素：
<ul id="menu"> <li><%= Html.ActionLink("Home", "Index", "Home", new { area = "" }, null)%></li> <li><%= Html.ActionLink("Blog", "ShowRecent", "Blog", new { area = "blog" }, null)%></li> <li><%= Html.ActionLink("Dashboard", "AddPost", "Dashboard", new { area = "dashboard" }, null)%></li> <li><%= Html.ActionLink("About", "About", "Home", new { area = "" }, null)%></li> </ul>
此代码将添加跨区域进行链接的选项卡。