使用区域组织 ASP.NET MVC 应用程序

浏览数：46 / 时间：2015年06月09日

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 解决方案时，解决方案模板包括一个充当应用程序的入口点的主视图。在本节的演练中，您将向主视图添加到链接到子区域的选项卡。您还将添加代码以显示诊断信息，包括控制器的名称、操作方法和生成当前视图的区域。

向主项目添加内容

打开主视图 (Views\Shared\Site.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>