Compare commits

...

2 Commits

Author SHA1 Message Date
wonder 2a7ffee154 style: simplify sequence diagrams and adjust diagram scales in xinfra deck
Deploy Slides / build-and-deploy (push) Successful in 3m54s
2026-07-17 19:22:33 +08:00
wonder 57c8824119 docs: split user stories into text and diagram slides 2026-07-17 19:10:18 +08:00
+82 -70
View File
@@ -203,7 +203,19 @@ layout: center
# 用户故事 — 资源查看
<div class="mt-4">
<div class="mt-8 space-y-6 text-lg">
**场景**:运维人员登录 XINFRA 后,直接看到全量资源分布、业务线归属、节点状态和容量概览,不需要在多个 CMDB 和云平台之间来回切换。
**链路**:业务 SRE 登录 XINFRA → 选择业务线 → 平台同步 CMDB / 云平台 / RKE2 数据 → 展示全量资源大盘
</div>
---
# 用户故事 — 资源查看 · 交互图
<div class="mt-4" style="transform: scale(1.0); transform-origin: top left; height: 50vh;">
```mermaid
sequenceDiagram
@@ -222,63 +234,57 @@ sequenceDiagram
</div>
<div class="mt-4 p-4 bg-blue-50 rounded-lg text-sm text-blue-800">
---
> **场景**:运维人员登录 XINFRA 后,直接看到全量资源分布、业务线归属、节点状态和容量概览,不需要在多个 CMDB 和云平台之间来回切换。
# 用户故事 — 业务交付
<div class="mt-8 space-y-6 text-lg">
**场景**:业务 SRE 在 XINFRA 中进入"业务交付",选择对应业务线后跳转到 Wayne、CloudDM、Apollo 或 Superset 完成实际操作,平台保留入口、上下文和审计。
**链路**:业务 SRE 登录 → 进入业务交付 → 选择业务线 → 展示子系统入口 → SSO 跳转至目标系统 → 记录审计日志
</div>
---
# 用户故事 — 业务交付
# 用户故事 — 业务交付 · 交互图
<div class="mt-4">
<div class="mt-4" style="transform: scale(0.7); transform-origin: top left; height: 80vh;">
```mermaid
sequenceDiagram
actor SRE as 业务 SRE
participant XINFRA as XINFRA 业务交付
participant Wayne as Wayne
participant CloudDM as CloudDM
participant Apollo as Apollo
participant XINFRA as XINFRA
participant Sub as 子系统<br/>Wayne/CloudDM/Apollo/Superset
SRE->>XINFRA: 进入业务交付,选择业务线
XINFRA-->>SRE: 展示可用子系统入口
alt 容器部署
SRE->>XINFRA: 点击 Wayne 卡片
XINFRA->>Wayne: SSO 跳转 + 上下文传递
Wayne-->>SRE: 免登录进入 Wayne
else 数据库变更
SRE->>XINFRA: 点击 CloudDM 卡片
XINFRA->>CloudDM: SSO 跳转 + 上下文传递
CloudDM-->>SRE: 免登录进入 CloudDM
else 配置管理
SRE->>XINFRA: 点击 Apollo 卡片
XINFRA->>Apollo: SSO 跳转 + 上下文传递
Apollo-->>SRE: 免登录进入 Apollo
else 日志分析
SRE->>XINFRA: 点击 Superset 卡片
XINFRA->>Superset: SSO 跳转 + 上下文传递
Superset-->>SRE: 免登录进入 Superset
end
XINFRA-->>SRE: 展示子系统入口卡片
SRE->>XINFRA: 点击目标子系统卡片
XINFRA->>Sub: SSO 跳转 + 上下文传递
Sub-->>SRE: 免登录进入子系统
XINFRA->>XINFRA: 记录跳转审计日志
```
</div>
<div class="mt-2 text-sm text-gray-400">
> **场景**:业务 SRE 在 XINFRA 中进入"业务交付",选择对应业务线后跳转到 Wayne、CloudDM、Apollo 或 Superset 完成实际操作,平台保留入口、上下文和审计。
</div>
---
# 用户故事 — 基础服务交付
<div class="mt-4">
<div class="mt-8 space-y-6 text-lg">
**场景**:运维人员在 XINFRA 中提交 MySQL、Redis 等基础服务交付任务,平台调用 Ansible 控制中心执行标准化部署,并在任务中心查看日志和结果。
**链路**:运维人员登录 → 选择服务卡片 → 填写业务线和规格 → 提交任务 → Ansible 执行部署 → 自动注册至子系统 → 部署完成通知
</div>
---
# 用户故事 — 基础服务交付 · 交互图
<div class="mt-4" style="transform: scale(0.9); transform-origin: top left;">
```mermaid
sequenceDiagram
@@ -301,51 +307,57 @@ sequenceDiagram
</div>
<div class="mt-2 text-sm text-gray-400">
> **场景**:运维人员在 XINFRA 中提交 MySQL、Redis 等基础服务交付任务,平台调用 Ansible 控制中心执行标准化部署,并在任务中心查看日志和结果。
</div>
---
# 用户故事 — 数据库审核
<div class="mt-4">
<div class="mt-8 space-y-6 text-lg">
```mermaid
sequenceDiagram
actor Dev as 开发/运维
participant XINFRA as XINFRA 审核入口
participant CloudDM as CloudDM
participant DB as 目标数据库
**场景**:开发或运维提交 SQL 工单后,审核人可以在 XINFRA 中完成审批、查看执行记录和审计信息,减少线下沟通和手工操作。
Dev->>XINFRA: 提交 SQL 工单
XINFRA->>CloudDM: 转发工单至 CloudDM
CloudDM-->>XINFRA: 返回审核状态
actor Reviewer as 审核人
Reviewer->>XINFRA: 查看待审核工单
XINFRA->>CloudDM: 获取工单详情
Reviewer->>XINFRA: 审批通过
XINFRA->>CloudDM: 执行变更
CloudDM->>DB: Sidecar 代理执行 SQL
CloudDM-->>XINFRA: 返回执行结果
XINFRA->>XINFRA: 记录审计日志
XINFRA-->>Dev: 通知执行完成
```
</div>
<div class="mt-2 text-sm text-gray-400">
> **场景**:开发或运维提交 SQL 工单后,审核人可以在 XINFRA 中完成审批、查看执行记录和审计信息,减少线下沟通和手工操作。
**链路**:开发/运维提交 SQL 工单 → 转发至 CloudDM → 审核人审批 → 执行变更 → Sidecar 代理执行 SQL → 审计记录 → 通知完成
</div>
---
# 用户故事 — 业务线切换场景
# 用户故事 — 数据库审核 · 交互图
<div class="mt-4" style="transform: scale(0.9); transform-origin: top left;">
```mermaid
sequenceDiagram
actor Dev as 开发/运维
participant XINFRA as XINFRA
participant CloudDM as CloudDM
participant DB as 目标数据库
Dev->>XINFRA: 提交 SQL 工单
XINFRA->>CloudDM: 转发至 CloudDM 审核
actor Reviewer as 审核人
Reviewer->>CloudDM: 审批通过
CloudDM->>DB: 执行 SQL
CloudDM-->>XINFRA: 返回执行结果
XINFRA-->>Dev: 通知完成
```
</div>
---
# 用户故事 — 业务线切换
<div class="mt-8 space-y-6 text-lg">
**场景**:XINFRA 以业务线作为核心隔离维度,不同角色登录后默认看到自己负责的业务线数据,支持一键切换。系统运维可查看全局,业务 SRE 聚焦本业务线,只读用户仅能查看授权范围。
**角色**:系统运维(全局视角)、业务 SRE(本业务线)、跨业务线运维(按需切换)、只读用户(受限查看)
</div>
---
# 用户故事 — 业务线切换 · 交互图
<div class="grid grid-cols-2 gap-6 mt-4 text-sm">
<div>