01
仪表盘概述
什么是实时风险仪表盘 · 核心价值与适用场景 · 课程整体架构与学习路径
概念入门
02
数据源接入
常见数据源类型(API、数据库、WebSocket)· 数据采集策略与实时性保障
数据采集
03
数据清洗与预处理
数据质量检查 · 缺失值处理 · 异常值检测 · 数据标准化
ETL质量
04
风险指标设计
KPI与KRI的定义 · 风险阈值设定 · 指标聚合与计算逻辑
指标风控
05
前端技术选型
ECharts、D3.js、AntV G2对比 · React/Vue框架选择 · WebSocket实时通信
前端框架
06
仪表盘布局设计
栅格系统 · 响应式设计 · 组件化拆分 · 用户交互流程
UI/UX布局
07
实时数据可视化
折线图、柱状图、热力图 · 仪表盘组件实时更新实现
可视化ECharts
08
告警与通知机制
阈值告警 · 趋势告警 · 多渠道通知(邮件、短信、钉钉)
告警通知
09
性能优化
大数据量渲染优化 · 虚拟滚动 · Web Worker · 内存管理
性能优化
10
安全与权限
数据脱敏 · 用户认证 · 角色权限控制 · 审计日志
安全权限
11
部署与运维
Docker容器化 · CI/CD流水线 · 监控与日志收集
DevOps部署
12
实战案例一:金融风控
交易监控 · 异常检测 · 实时仪表盘
金融实战
13
实战案例二:运维监控
服务器状态 · 网络流量 · 应用性能
运维监控
14
实战案例三:业务运营
用户活跃度 · 转化率 · 收入趋势
运营BI
15
实战案例四:IoT设备
设备状态 · 传感器数据 · 告警汇总
IoT硬件
16
数据存储选型
时序数据库(InfluxDB、TimescaleDB)· Redis缓存 · 数据保留策略
存储时序
17
后端服务搭建
Node.js/Python后端 · RESTful API设计 · GraphQL接口
后端API
18
数据管道构建
Kafka消息队列 · Flink流处理 · Logstash数据采集
管道流式
19
仪表盘主题与样式
暗黑模式 · 自定义主题 · CSS变量与动态换肤
主题样式
20
国际化与多语言
i18n方案 · 语言包管理 · 日期/数字格式化
i18n多语言
21
测试策略
单元测试 · 集成测试 · 端到端测试 · 性能测试
测试质量
22
版本控制与协作
Git工作流 · 代码审查 · 文档管理
Git协作
23
用户反馈与迭代
埋点采集 · 用户行为分析 · A/B测试
分析迭代
24
可扩展性设计
插件化架构 · 微前端 · 自定义组件开发
架构扩展
25
数据导出与报表
PDF/Excel导出 · 定时报表 · 数据大屏
导出报表
26
移动端适配
H5响应式 · 小程序方案 · 移动端性能优化
移动端响应式
27
开源项目借鉴
Grafana、Superset、Metabase架构分析
开源分析
28
行业最佳实践
金融、电商、制造、医疗等行业案例
行业案例
29
未来趋势
AI辅助分析 · 数字孪生 · 低代码平台
趋势AI
30
课程总结与项目答辩
项目整合 · 演示技巧 · 面试准备
总结答辩