# 经纪业务架构图 - 导出说明

## 文件位置

- **draw.io 源文件**: `/root/.openclaw/workspace/docs/经纪业务架构图.drawio`
- **Markdown 文档**: `/root/.openclaw/workspace/docs/经纪业务架构图.md`

---

## 方法一：使用 draw.io 网页版导出（推荐）

### 步骤：

1. **打开 draw.io**
   - 本地部署：http://124.221.140.157:8080
   - 或在线版：https://app.diagrams.net/

2. **导入文件**
   - 点击 "打开现有图表" → "从设备上传"
   - 选择 `经纪业务架构图.drawio` 文件

3. **导出为图片**
   - 菜单栏：`文件 (File)` → `导出为 (Export as)` → `PNG/JPEG/SVG`
   - 或快捷键：`Ctrl + Shift + E`
   - 设置选项：
     - ✅ 缩放：200%（高清）
     - ✅ 透明背景（可选）
     - ✅ 无边距
   - 点击 "导出" 保存

---

## 方法二：使用命令行工具导出

### 安装 draw.io CLI：

```bash
# 下载 draw.io 桌面版（包含命令行工具）
wget https://github.com/jgraph/drawio-desktop/releases/download/v24.7.17/drawio-x86_64-24.7.17.tar.gz
tar -xzf drawio-x86_64-24.7.17.tar.gz
cd drawio

# 使用命令行导出
./drawio --export --format png --output 经纪业务架构图.png 经纪业务架构图.drawio
```

### 或使用 Docker：

```bash
# 拉取镜像
podman pull rlespinasse/drawio-cli

# 导出 PNG
podman run --rm -v /root/.openclaw/workspace/docs:/data rlespinasse/drawio-cli \
  -b /data/经纪业务架构图.drawio \
  -f png \
  -o /data/经纪业务架构图.png

# 导出 SVG（矢量格式，推荐）
podman run --rm -v /root/.openclaw/workspace/docs:/data rlespinasse/drawio-cli \
  -b /root/.openclaw/workspace/docs/经纪业务架构图.drawio \
  -f svg \
  -o /data/经纪业务架构图.svg
```

---

## 方法三：使用 VS Code 插件

1. **安装插件**: "Draw.io Integration"
2. **打开文件**: 在 VS Code 中打开 `.drawio` 文件
3. **预览**: 点击预览按钮查看
4. **导出**: 右键 → Export → 选择 PNG/SVG/PDF

---

## 导出格式建议

| 格式 | 用途 | 优点 |
|------|------|------|
| **PNG** | 文档插入、PPT | 无损压缩、支持透明 |
| **SVG** | 网页展示、印刷 | 矢量格式、无限缩放 |
| **PDF** | 正式文档 | 高质量、易打印 |
| **JPEG** | 邮件发送 | 文件小、兼容性好 |

**推荐设置：**
- 分辨率：300 DPI（印刷）或 150 DPI（屏幕）
- 缩放：200%（保证清晰度）
- 背景：白色（文档）或透明（网页）

---

## 架构图说明

### 层级结构（从上到下）：

1. **用户层** - 个人投资者、机构投资者、高净值客户、第三方平台
2. **渠道层** - 手机 APP、网上交易系统、营业部柜台、电话委托、统一接入网关
3. **业务应用层** - 开户/交易/清算/风控/客服/营销/投顾/两融系统
4. **服务层** - 用户/账户/产品/订单/消息/支付中心（中台能力）
5. **数据层** - MySQL、Redis、ES、Kafka、各类业务数据库
6. **外部系统** - 交易所、中国结算、银行存管、第三方数据源

### 颜色说明：

- 🔵 **蓝色** - 业务系统
- 🟣 **紫色** - 中台服务
- 🟢 **绿色** - 数据存储
- 🟠 **橙色** - 外部系统/消息队列
- 🔴 **红色** - 风控系统（重点标注）

---

## 快速预览

如果只是想快速查看，可以用文本编辑器打开 `.drawio` 文件，搜索 `<mxCell>` 标签可以看到所有元素定义。

或者使用在线查看器：https://app.diagrams.net/

---

**创建日期**: 2026-03-10  
**版本**: v1.0  
**维护**: 技术架构部