Initial commit

frontend/src/utils/cache.ts

@@ -0,0 +1,120 @@
+/**
+ * 简单的内存缓存实现
+ * 用于缓存API响应，减少重复请求
+ */
+
+interface CacheItem<T> {
+  data: T
+  timestamp: number
+  ttl: number // 生存时间（毫秒）
+}
+
+class MemoryCache {
+  private cache: Map<string, CacheItem<any>> = new Map()
+  private defaultTTL = 60000 // 默认缓存60秒
+
+  /**
+   * 设置缓存
+   * @param key 缓存键
+   * @param data 缓存数据
+   * @param ttl 生存时间（毫秒）
+   */
+  set<T>(key: string, data: T, ttl: number = this.defaultTTL): void {
+    this.cache.set(key, {
+      data,
+      timestamp: Date.now(),
+      ttl
+    })
+  }
+
+  /**
+   * 获取缓存
+   * @param key 缓存键
+   * @returns 缓存数据或null
+   */
+  get<T>(key: string): T | null {
+    const item = this.cache.get(key)
+
+    if (!item) {
+      return null
+    }
+
+    // 检查是否过期
+    if (Date.now() - item.timestamp > item.ttl) {
+      this.cache.delete(key)
+      return null
+    }
+
+    return item.data as T
+  }
+
+  /**
+   * 删除缓存
+   * @param key 缓存键
+   */
+  delete(key: string): void {
+    this.cache.delete(key)
+  }
+
+  /**
+   * 清空所有缓存
+   */
+  clear(): void {
+    this.cache.clear()
+  }
+
+  /**
+   * 清理过期缓存
+   */
+  cleanup(): void {
+    const now = Date.now()
+    for (const [key, item] of this.cache.entries()) {
+      if (now - item.timestamp > item.ttl) {
+        this.cache.delete(key)
+      }
+    }
+  }
+
+  /**
+   * 获取缓存大小
+   */
+  size(): number {
+    return this.cache.size
+  }
+}
+
+// 创建全局缓存实例
+export const cache = new MemoryCache()
+
+// 每5分钟清理一次过期缓存
+setInterval(() => {
+  cache.cleanup()
+}, 5 * 60 * 1000)
+
+/**
+ * 带缓存的请求包装器
+ * @param key 缓存键
+ * @param fetcher 数据获取函数
+ * @param ttl 缓存时间（毫秒）
+ */
+export async function cachedRequest<T>(
+  key: string,
+  fetcher: () => Promise<T>,
+  ttl?: number
+): Promise<T> {
+  // 尝试从缓存获取
+  const cached = cache.get<T>(key)
+  if (cached !== null) {
+    return cached
+  }
+
+  // 缓存未命中，执行请求
+  const data = await fetcher()
+
+  // 存入缓存
+  cache.set(key, data, ttl)
+
+  return data
+}
+
+export default cache