Files
shensheshou/开发文档/3、原型/页面结构.md

2.5 KiB

神射手 - 页面结构

📅 从 app/ 路由提取 | 2026-01-31


一、路由树

/                           # 首页 - AI对话
├── data-ingestion/         # 数据接入
│   ├── sources/            # 数据源管理
│   ├── ai-engine/          # AI标签引擎
│   ├── cleaning/           # 清洗规则
│   ├── tasks/              # 任务调度
│   └── lineage/            # 数据血缘
├── tag-portrait/           # 标签画像
│   ├── tags/               # 标签管理
│   ├── portrait/           # 用户画像
│   └── crowd/              # 人群圈选
├── ai-agent/               # AI Agent
│   ├── channels/           # 渠道配置
│   ├── smart-tag/          # AI打标
│   ├── data-cleaning/      # AI清洗
│   ├── report/             # 智能报告
│   └── chat/               # 对话(已移除到首页)
├── data-market/            # 数据市场
│   ├── packages/           # 流量包管理
│   └── api/                # API服务
├── monitoring/             # 系统监控
│   ├── health/             # 健康检查
│   ├── alerts/             # 告警中心
│   └── business/           # 业务指标
└── overview/               # 概览(如有)

二、页面组件结构

2.1 首页 (app/page.tsx)

Layout
├── Header (神射手 用户资产数字化中台)
├── AI对话区
│   ├── 输入框
│   ├── 思考过程 (thinking)
│   └── 用户画像卡片 (UserPortrait)
├── 模块导航 (5个卡片)
└── 系统状态 (2.01B 可查询)

2.2 人群圈选 (tag-portrait/crowd)

项目列表 → 流量池列表 → 用户表格
├── 面包屑导航
├── 项目卡片 (存客宝/点了码/微博/QQ)
├── 流量池/标签列表
├── 用户表格 (分页)
└── 保存为流量包 弹窗

2.3 数据血缘 (data-ingestion/lineage)

可拖拽画布
├── 数据源节点 (Source)
├── 转换节点 (Transform)
├── 目标节点 (Target)
└── 连接线 (Connection)

三、UI规范

/* 苹果毛玻璃 */
background: from-slate-50 via-blue-50/30 to-purple-50/20
card: bg-white/80 backdrop-blur shadow-lg rounded-xl
button: bg-gradient-to-r from-blue-500 to-purple-500

四、关联文档