UML图详解

1. UML概述

1.1 UML图分类

UML图
├── 结构图（静态）
│   ├── 类图
│   ├── 对象图
│   ├── 组件图
│   ├── 部署图
│   ├── 包图
│   └── 组合结构图
└── 行为图（动态）
    ├── 用例图
    ├── 活动图
    ├── 状态机图
    ├── 时序图
    ├── 通信图
    ├── 交互概览图
    └── 时间图

2. 类图

2.1 类的表示

┌──────────────────────┐
│      ClassName        │  ← 类名
├──────────────────────┤
│ - privateAttr: Type   │  ← 属性
│ # protectedAttr: Type │
│ + publicAttr: Type    │
├──────────────────────┤
│ + publicMethod(): Ret │  ← 方法
│ - privateMethod()     │
└──────────────────────┘

2.2 类间关系

关系强度：依赖 < 关联 < 聚合 < 组合 < 泛化/实现

2.3 多重性

3. 时序图

3.1 基本元素

参与者A        参与者B        参与者C
  │              │              │
  │── 请求 ────→│              │
  │              │── 调用 ────→│
  │              │              │
  │              │←─ 返回 ────│
  │←─ 响应 ────│              │
  │              │              │

3.2 组合片段

4. 活动图

4.1 基本元素

  ● (起始节点)
  │
  ▼
┌─────────┐
│  活动1   │
└────┬────┘
     │
     ◇ (决策)
    / \
   │   │
   ▼   ▼
 活动2  活动3
   │   │
   ▼   ▼
   ◇ (合并)
    \ /
     │
     ▼
  ◉ (终止节点)

4.2 泳道活动图

┌──────────┬──────────┬──────────┐
│  客户端   │  服务端   │  数据库   │
│          │          │          │
│  提交订单 │          │          │
│    │     │          │          │
│    ▼     │          │          │
│          │ 验证订单  │          │
│          │    │     │          │
│          │    ▼     │          │
│          │          │ 保存数据  │
│          │          │    │     │
│          │          │    ▼     │
│          │ 返回结果  │          │
│    │     │          │          │
│    ▼     │          │          │
│  显示确认 │          │          │
└──────────┴──────────┴──────────┘

5. 状态机图

5.1 基本元素

  ● (初始状态)
  │
  ▼
┌─────────┐  下单  ┌─────────┐  支付  ┌─────────┐
│  待下单  │──────→│  待支付  │──────→│  已支付  │
└─────────┘       └─────────┘       └─────────┘
                        │                 │
                    取消订单           发货
                        │                 │
                        ▼                 ▼
                   ┌─────────┐       ┌─────────┐
                   │  已取消  │       │  已发货  │
                   └─────────┘       └─────────┘
                                          │
                                       确认收货
                                          │
                                          ▼
                                     ┌─────────┐
                                     │  已完成  │
                                     └─────────┘

5.2 状态转换表

6. 其他UML图

6.1 组件图

展示系统的组件及其依赖关系：

┌─────────────┐     ┌─────────────┐
│  Web前端     │────→│  API网关     │
└─────────────┘     └──────┬──────┘
                           │
              ┌────────────┼────────────┐
              ▼            ▼            ▼
       ┌──────────┐ ┌──────────┐ ┌──────────┐
       │ 用户服务  │ │ 订单服务  │ │ 支付服务  │
       └──────────┘ └──────────┘ └──────────┘

6.2 部署图

展示硬件节点和软件部署：

┌──────────────┐     ┌──────────────┐
│  Web服务器    │     │  应用服务器    │
│  ┌────────┐  │     │  ┌────────┐  │
│  │ Nginx  │  │────→│  │ Node.js│  │
│  └────────┘  │     │  └────────┘  │
└──────────────┘     └──────┬───────┘
                            │
                     ┌──────┴───────┐
                     │  数据库服务器  │
                     │  ┌────────┐  │
                     │  │ MySQL  │  │
                     │  └────────┘  │
                     └──────────────┘