以清晰性進行架構設計：UML 構建模塊的全面案例研究

@startuml
' 啟用類別、用例與組件的混合使用
allowmixing
' 結構性事物範例
class Customer {
  +String email
  +String name
  +register()
}
interface IPaymentGateway {
  +authorize(amount: double): boolean
  +capture(transactionId: String): void
}
class OrderProcessingWorkflow <collaboration>
usecase "結帳" as UC_Checkout
class InventorySyncService <active> {
  +runPollingThread()
  +updateStock()
}
component PaymentModule
node CloudServer_AWS
@enduml

@startuml
' 互動（訊息交換）
角色 購買者
參與者 購物車
參與者 付款引擎
購買者 -> 購物車 : addProduct("書籍")
購物車 -> 付款引擎 : validateCart()
付款引擎 --> 購物車 : cartValid = true
@enduml

@startuml
' 允許在同一畫布上混合使用類別與組件
allowmixing
package "核心電商" {
  class 訂單
  class 發票
}
package "使用者管理" {
  class 客戶
  class 管理員使用者
}
package "外部整合" {
  component [Stripe 連接器]
  component [FedEx API]
}
@enduml

@startuml
class 訂單 {
  +雙精度 totalAmount
  +字串 status
}
note right of 訂單
  商業規則：totalAmount 必須包含稅金與運費，才能在狀態轉換至「處理中」之前。
end note
@enduml

@startuml
' ShopSphere 中的關係類型
class 購物車
class 支付服務
interface IPaymentProcessor
class 信用卡處理器
class PayPal 處理器

' 1. 依賴關係（虛線）
購物車 ..> 支付服務 : <<使用>>

' 2. 關聯與聚合（實線搭配菱形）
客戶 "1" *-- "0..*" 訂單 : 下單 >

' 3. 實作（虛線 + 空心箭頭）
信用卡處理器 ..|> IPaymentProcessor

' 4. 一般化（實線 + 空心箭頭）
PayPal 處理器 --|> 信用卡處理器 : 繼承設定
@enduml

@startuml
class Customer {
  +String email 
}

class Order {
  +Date orderDate 
}

interface IPayment {
  +process() 
}

class CreditCard
CreditCard ..|> IPayment

Customer "1" --> "0..*" Order
@enduml

@startuml
object "[email protected]" as c1
object "Order #1024" as o1
c1 --> o1 : places >
@enduml

@startuml
component [WebApp]
component [OrderService]
component [DB]
[WebApp] --> [OrderService]
[OrderService] --> [DB]
@enduml

@startuml
node "LoadBalancer" {
  node "AppServer_01" {
    component [WebApp]
  }
}
node "DatabaseCluster" {
  component [PostgreSQL]
}
[WebApp] --> [PostgreSQL]
@enduml

@startuml
left to right direction
actor Customer
actor Admin
usecase "瀏覽目錄" as UC1
usecase "管理庫存" as UC2
Customer --> UC1
Admin --> UC2
@enduml

@startuml
角色 使用者
參與者 購物車
參與者 API
使用者 -> 購物車 : selectItem()
購物車 -> API : checkStock()
API --> 購物車 : stockAvailable
購物車 --> 使用者 : confirmAdd()
@enduml

@startuml
物件 使用者
物件 購物車
物件 API
使用者 -> 購物車 : 1: selectItem()
購物車 -> API : 2: checkStock()
API --> 購物車 : 3: returnResult()
@enduml

@startuml
[*] --> 開啟
開啟 -> 關閉 : checkout()
關閉 --> 出貨 : paymentCleared()
出貨 --> 送達
送達 --> [*]
@enduml

@startuml
開始
:接收訂單;
分叉
  :處理付款;
再次分叉
  :分配庫存;
結束分叉
:產生發票;
停止
@enduml