Areas 是 ASP.NET MVC 用來將相關功能組織成一組單獨名稱空間（路由）和資料夾結構（檢視）的功能。使用 Areas 建立層次結構的路由，是通過新增另一個路由引數 area 到 Controller 和 action。

Areas 提供了一種把大型 ASP.NET Core MVC Web 應用程式分為較小的功能分組的方法。Area 是應用程式內部一個有效的 MVC 結構。在 MVC 專案中，像 Model，Controller 和 View 的邏輯元件放在不同的資料夾中，MVC 用命名約定來建立這些元件間的關係。對於大型應用，它有利於把應用分割成獨立高階功能的 Areas。例如，一個多業務單元的電子商務應用，如結賬，計費和搜尋等。每個單元都有自己的邏輯元件：檢視、控制器和模型。在這種情況下，你可以用 Areas 在同一專案中物理分割業務元件。

在 ASP.NET Core MVC 專案中 Area 被定義成有自己的一套 controller，view 和 model 的較小的功能單元。

當有下列情況時應當考慮在 MVC 專案中用 Areas：

• 你的應用程式應該從邏輯上分隔成多個高階功能元件的
• 你想要分隔你的 MVC 專案，使每一個功能 area 可以獨立工作

Area 特性：

• 一個 ASP.NET Core MVC 應用可以有任意數量的 area
• 每一個 area 都有自己的控制器、模型和檢視
• 允許把大型 MVC 專案組織成多個高階元件以便可以獨立工作
• 支援具有相同名稱的多個控制器 - 只要它們有不同的 areas

讓我們看一個例子，說明如何建立和使用 Areas。比如在一個商店應用程式裡有兩個不同分組的控制器和檢視：Products 和 Services。下一個典型的資料夾結構，使用 MVC Area 看起來像下面：

• Project name
  • Areas
    • Products
      • Controllers
        • HomeController.cs
        • ManageController.cs
      • Views
        • Home
          • Index.cshtml
        • Manage
          • Index.cshtml
    • Services
      • Controllers
        • HomeController.cs
      • Views
        • Home
          • Index.cshtml

當 MVC 嘗試在 Area 中渲染一個檢視時，預設情況下，會嘗試在下面位置中查詢：

/Areas/<Area-Name>/Views/<Controller-Name>/<Action-Name>.cshtml
/Areas/<Area-Name>/Views/Shared/<Action-Name>.cshtml
/Views/Shared/<Action-Name>.cshtml
 

這些預設的位置可以通過Microsoft.AspNetCore.Mvc.Razor.RazorViewEngineOptions 的 AreaViewLocationFormats 方法被修改。

例如，在下面的程式碼中資料夾名為 ‘Areas’，它被修改為 ‘Categories’。

services.Configure<RazorViewEngineOptions>(options =>
{
    options.AreaViewLocationFormats.Clear();
    options.AreaViewLocationFormats.Add("/Categories/{2}/Views/{1}/{0}.cshtml");
    options.AreaViewLocationFormats.Add("/Categories/{2}/Views/Shared/{0}.cshtml");
    options.AreaViewLocationFormats.Add("/Views/Shared/{0}.cshtml");
});

需要注意的是 Views 資料夾結構是唯一需要重點考慮的並且剩餘資料夾像 Controllers 和 Models 的內容並不重要。比如，根本不需要 Controllers 和 Models 資料夾。這是因為 Controllers 和 Models 的內容只是編譯成一個 .dll 的程式碼不是作為 Views 的內容直到 view 被請求。

一旦定義了資料夾層次結構，需要告訴 MVC 每一個相關的 area 的 controller。用 [Area] 特性修飾控制器名稱。

...
namespace MyStore.Areas.Products.Controllers
{
    [Area("Products")]
    public class HomeController : Controller
    {
        // GET: /Products/Home/Index
        public IActionResult Index()
        {
            return View();
        }

        // GET: /Products/Home/Create
        public IActionResult Create()
        {
            return View();
        }
    }
}

用新建立的 areas 設定一個路由的定義。Routing to Controller Actions 詳細介紹瞭如何建立路由定義, 包括使用傳統路由與特性路由。在本例中，我們會用傳統路由。想這樣做, 只需開啟 Startup.cs 檔案並通過新增下邊高亮的路由定義修改它。

...
app.UseMvc(routes =>
{
  routes.MapRoute(name: "areaRoute",
    template: "{area:exists}/{controller=Home}/{action=Index}");

  routes.MapRoute(
      name: "default",
      template: "{controller=Home}/{action=Index}");
});

瀏覽 http:///products， Products area 中 HomeController 的 Index 方法將會被呼叫。

生成連結

• 從一個基礎 controller 的 area 中的方法生成連結到同一 controller 的另一個方法。
  當前請求路徑像 /Products/Home/Create
  HtmlHelper 語法：@Html.ActionLink("Go to Product's Home Page", "Index")
  TagHelper 語法：<a asp-action="Index">Go to Product's Home Page</a>
  注意這裡不需要提供 ‘area’ 和 ‘controller’ 值因為他們在當前請求上下文中已經可用。這種值被稱作 ambient 值。

• 從一個基礎 controller 的 area 中的方法生成連結到不同 controller 的另一個方法。
  當前請求路徑像 /Products/Home/Create
  HtmlHelper 語法：@Html.ActionLink("Go to Manage Products’ Home Page", "Index", "Manage")
  TagHelper 語法：<a asp-controller="Manage" asp-action="Index">Go to Manage Products’ Home Page</a>
  注意這裡用的 ‘area’ 環境值是上面 ‘controller’ 明確指定的。

• 從一個基礎 controller 的 area 中的方法生成連結到不同 controller 和不同 area 另一個方法。
  當前請求路徑像 /Products/Home/Create
  HtmlHelper 語法：@Html.ActionLink("Go to Services’ Home Page", "Index", "Home", new { area = "Services" })
  TagHelper 語法：<a asp-area="Services" asp-controller="Home" asp-action="Index">Go to Services’ Home Page</a>
  注意這裡沒有環境值被用。

• 從一個基礎 controller 的 area 中的方法生成連結到不在一個 area 中的不同 controller 的另一個方法。
  HtmlHelper 語法：@Html.ActionLink("Go to Manage Products’ Home Page", "Index", "Home", new { area = "" })
  TagHelper 語法：<a asp-area="" asp-controller="Manage" asp-action="Index">Go to Manage Products’ Home Page</a>
  因此生成連結到非 area 的基礎 controller 方法，清空了這裡 ‘area’ 的環境值。

釋出 Areas

釋出 areas 資料夾的所有 view，在 project.json 包含一個條目在 publishOptions 的 include 節點如下：

"publishOptions": {
"include": [
  "Areas/**/*.cshtml",
  ....
  ....
]

返回目錄