perf: 全栈查询优化、前端缓存去重与页面可见性优化

后端:
- SQL count 查询统一改用 func.count() 子查询替代 query.count()
- Dashboard/Audit 等页面多次独立查询合并为单次聚合查询
- Provider summary 列表改为批量查询消除 N+1 问题
- DailyStats 逐天循环查询改为 CASE 分桶单次查询
- 使用 load_only() 减少不必要的列加载
- cache_decorator 支持嵌套属性路径解析(dotted vary_by)
- 多个管理/公共端点新增 @cache_result 缓存装饰

前端:
- cache.ts 新增 in-flight 请求复用、dedupedRequest、buildCacheKey
- 大量 API 调用添加前端缓存或去重
- 多个页面定时器在标签页隐藏时暂停、可见时恢复
- Auth 检查从 setInterval 改为 storage + visibilitychange 事件驱动
- 请求竞态防护(requestId 模式)

数据库:
- Usage 表新增 idx_usage_status_user_created 复合索引
This commit is contained in:
fawney19
2026-03-03 22:04:40 +08:00
parent 0a60492146
commit 97b0146ce9
66 changed files with 2306 additions and 657 deletions
+14 -5
View File
@@ -793,6 +793,7 @@ const apiKeyInput = ref<HTMLInputElement>()
// 用户统计
const userStats = ref<Record<string, UsageByUser>>({})
const loadingStats = ref(false)
let userStatsRequestId = 0
const searchQuery = ref('')
const filterRole = ref('all')
@@ -846,13 +847,17 @@ watch([searchQuery, filterRole, filterStatus], () => {
})
onMounted(async () => {
await usersStore.fetchUsers()
await loadUserStats()
await Promise.all([
usersStore.fetchUsers(),
loadUserStats()
])
})
async function refreshUsers() {
await usersStore.fetchUsers()
await loadUserStats()
await Promise.all([
usersStore.fetchUsers(),
loadUserStats()
])
}
function formatDate(dateString: string) {
@@ -860,9 +865,11 @@ function formatDate(dateString: string) {
}
async function loadUserStats() {
const requestId = ++userStatsRequestId
loadingStats.value = true
try {
const data = await usageApi.getUsageByUser()
if (requestId !== userStatsRequestId) return
userStats.value = data.reduce((acc: Record<string, UsageByUser>, stat: UsageByUser) => {
acc[stat.user_id] = stat
return acc
@@ -870,7 +877,9 @@ async function loadUserStats() {
} catch (err) {
log.error('加载用户统计失败:', err)
} finally {
loadingStats.value = false
if (requestId === userStatsRequestId) {
loadingStats.value = false
}
}
}