.NET 中的垂直切片體系結構

在現代軟體開發中，高效地構建應用程式對於可維護性、可伸縮性和適應力至關重要。在 .NET 社群中越來越受歡迎的一種體系結構模式是 垂直切片體系結構 。

與傳統的分層架構不同，垂直切片強調將應用程式劃分為功能，而不是 UI、業務邏輯和數據存取等技術問題。

這種方法增強了凝聚力，減少了依賴性，並使其更容易獨立地處理特定功能。

什麽是垂直切片？

垂直切片是指圍繞應用程式的功能構建應用程式，每個切片代表一個完整的、獨立的功能，包含從使用者介面到資料庫的所有必要元件。每個切片包括：

1. 表示層 ：負責使用者互動，通常是 Web UI 或 API。

2. 業務邏輯層 ：包含域邏輯和業務規則。

3. 數據存取層 ：管理數據永續性和檢索。

垂直切片的好處

1. 功能獨立 性：每個功能都是獨立的，因此可以更輕松地獨立開發、測試和部署。

2. 提高凝聚力 ：功能的所有部份都位於一起，增強了理解並減輕了開發人員的認知負擔。

3. 更易於維護 ：隔離功能可最大程度地減少更改的影響，並使偵錯更簡單。

4. 增強的可延伸性 ：功能可以獨立擴充套件，最佳化資源使用。

在 .NET 中實作垂直切片

讓我們演練一個在 .NET Web API 應用程式中實作垂直切片的範例。

第 1 步：設定計畫

建立新的 ASP.NET Core Web API 計畫：

dotnet new webapi -n VerticalSlicingExample
cd VerticalSlicingExample


第 2 步：定義特征結構

按要素而不是圖層組織工程。例如，如果您的應用程式具有 和 功能，請按如下方式構建它：

VerticalSlicingExample
│
├── Features
│ ├── Orders
│ │ ├── CreateOrder
│ │ │ ├── CreateOrderCommand.cs
│ │ │ ├── CreateOrderHandler.cs
│ │ │ └── CreateOrderController.cs
│ │ └── GetOrder
│ │ ├── GetOrderQuery.cs
│ │ ├── GetOrderHandler.cs
│ │ └── GetOrderController.cs
│ └── Customers
│ ├── CreateCustomer
│ │ ├── CreateCustomerCommand.cs
│ │ ├── CreateCustomerHandler.cs
│ │ └── CreateCustomerController.cs
│ └── GetCustomer
│ ├── GetCustomerQuery.cs
│ ├── GetCustomerHandler.cs
│ └── GetCustomerController.cs
├── Program.cs
└── Startup.cs


步驟 3：實作特征切片

讓我們實作特征切片。

CreateOrderCommand.cs

public classCreateOrderCommand
{
publicstring ProductName { get; set; }
publicint Quantity { get; set; }
publicdecimal Price { get; set; }
}


CreateOrderHandler.cs

public classCreateOrderHandler
{
privatereadonlyApplicationDbContext _context;
publicCreateOrderHandler(ApplicationDbContext context)
{
_context = context;
}
publicasyncTaskHandle(CreateOrderCommand command)
{
var order = newOrder
{
ProductName = command.ProductName,
Quantity = command.Quantity,
Price = command.Price,
OrderDate = DateTime.UtcNow
};
_context.Orders.Add(order);
await _context.SaveChangesAsync();
}
}



CreateOrderController.cs

[ApiController]
[Route("api/[controller]")]
public classCreateOrderController : ControllerBase
{
privatereadonlyCreateOrderHandler _handler;
publicCreateOrderController(CreateOrderHandler handler)
{
_handler = handler;
}
[HttpPost]
publicasyncTask<IActionResult>Post(CreateOrderCommand command)
{
await _handler.Handle(command);
returnOk();
}
}


步驟 4：註冊依賴項

在 中，註冊依賴項：Startup.cs

publicvoidConfigureServices(IServiceCollection services)
{
services.AddDbContext<ApplicationDbContext>(options =>
options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
services.AddTransient<CreateOrderHandler>();
services.AddControllers();
}

步驟 5：配置資料庫上下文

ApplicationDbContext.cs

public classApplicationDbContext : DbContext
{
publicApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
: base(options)
{
}
publicDbSet<Order> Orders { get; set; }
}
public classOrder
{
publicint Id { get; set; }
publicstring ProductName { get; set; }
publicint Quantity { get; set; }
publicdecimal Price { get; set; }
publicDateTime OrderDate { get; set; }
}


使用連線字串進行更新：appsettings.json

{
"ConnectionStrings": {
"DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=VerticalSlicingDb;Trusted_Connection=True;MultipleActiveResultSets=true"
},
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*"
}


步驟 6：執行應用程式

執行應用程式並使用 Postman 等工具測試終結點。使用表示 的 JSON 正文向 發送 POST 請求。

將垂直切片與 SOA 整合

在面向服務的體系結構 （SOA） 中，每個服務都是一個獨立的單元，具有其業務邏輯和數據儲存。垂直切片透過確保每個服務（或微服務）都以功能為中心來補充 SOA。每個服務都可以公開其 API 端點，同時封裝其數據存取和業務邏輯，遵循單一責任原則。

範例：Orders Microservice

範例：客戶微服務

將垂直切片擴充套件到其他技術

垂直切片也可以套用於 Angular、React 或 Vue.js 等前端技術，其中每個功能切片都包括元件、服務和狀態管理。

此外，它可以與 Azure 或 AWS 等雲服務整合，其中每個切片都可以具有其無伺服器函式、儲存帳戶和其他資源。

範例：Angular 功能模組

使用功能模組構建 Angular 計畫：

src
│
├── app
│ ├── orders
│ │ ├── create-order
│ │ │ ├── create-order.component.ts
│ │ │ ├── create-order.service.ts
│ │ │ ├── create-order.component.html
│ │ │ └── create-order.component.css
│ │ └── get-order
│ │ ├── get-order.component.ts
│ │ ├── get-order.service.ts
│ │ ├── get-order.component.html
│ │ └── get-order.component.css
│ └── customers
│ ├── create-customer
│ │ ├── create-customer.component.ts
│ │ ├── create-customer.service.ts
│ │ ├── create-customer.component.html
│ │ └── create-customer.component.css
│ └── get-customer
│ ├── get-customer.component.ts
│ ├── get-customer.service.ts
│ ├── get-customer.component.html
│ └── get-customer.component.css


範例：Azure 函式套用

按功能構建 Azure 函式套用：

FunctionApp
│
├── Orders
│ ├── CreateOrder
│ │ ├── index.js
│ │ └── function.json
│ └── GetOrder
│ ├── index.js
│ └── function.json
└── Customers
├── CreateCustomer
│ ├── index.js
│ └── function.json
└── GetCustomer
├── index.js
└── function.json


傳統分層架構與垂直切片架構

傳統分層架構

結構 ：

凝聚力 ：

依賴關系 ：

功能開發 ：

可延伸性 ：

保養：

測試 ：

垂直切片架構

結構 ：

凝聚力 ：

依賴關系 ：

功能開發 ：

可延伸性 ：

保養：

測試 ：

總結