Compare commits
2 Commits
8a0792500e
...
5dd0bc19e4
| Author | SHA1 | Date | |
|---|---|---|---|
| 5dd0bc19e4 | |||
| 48b6a5f4aa |
31
admin/.eslintrc.json
Normal file
31
admin/.eslintrc.json
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"env": {
|
||||||
|
"browser": true,
|
||||||
|
"es2020": true
|
||||||
|
},
|
||||||
|
"extends": [
|
||||||
|
"eslint:recommended"
|
||||||
|
],
|
||||||
|
"ignorePatterns": [
|
||||||
|
"dist",
|
||||||
|
"node_modules",
|
||||||
|
"*.config.*"
|
||||||
|
],
|
||||||
|
"parser": "@typescript-eslint/parser",
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": "latest",
|
||||||
|
"sourceType": "module",
|
||||||
|
"ecmaFeatures": {
|
||||||
|
"jsx": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"plugins": ["@typescript-eslint"],
|
||||||
|
"rules": {
|
||||||
|
"no-unused-vars": "off",
|
||||||
|
"@typescript-eslint/no-unused-vars": [
|
||||||
|
"error",
|
||||||
|
{ "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }
|
||||||
|
],
|
||||||
|
"no-console": "warn"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,3 +1,4 @@
|
|||||||
|
import React from "react"
|
||||||
import { cn } from "@/lib/utils"
|
import { cn } from "@/lib/utils"
|
||||||
|
|
||||||
function Skeleton({
|
function Skeleton({
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import { useState, useCallback, useRef, useEffect } from 'react'
|
import React, { useState, useCallback, useRef, useEffect } from 'react'
|
||||||
import { useNavigate } from 'react-router-dom'
|
import { useNavigate } from 'react-router-dom'
|
||||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
||||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||||
|
|||||||
@ -55,7 +55,7 @@ func (l *UploadAvatarLogic) UploadAvatar(req *types.UploadAvatarRequest, r *http
|
|||||||
// 4. 获取上传的文件
|
// 4. 获取上传的文件
|
||||||
uploadedFile, header, err := r.FormFile("avatar")
|
uploadedFile, header, err := r.FormFile("avatar")
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, errorx.New(errorx.ParamError, "获取上传文件失败: " + err.Error())
|
return nil, errorx.New(errorx.ParamError, "获取上传文件失败: "+err.Error())
|
||||||
}
|
}
|
||||||
defer uploadedFile.Close()
|
defer uploadedFile.Close()
|
||||||
|
|
||||||
@ -93,7 +93,7 @@ func (l *UploadAvatarLogic) UploadAvatar(req *types.UploadAvatarRequest, r *http
|
|||||||
|
|
||||||
// 8. 确保头像目录存在
|
// 8. 确保头像目录存在
|
||||||
if err := os.MkdirAll(avatarDir, 0755); err != nil {
|
if err := os.MkdirAll(avatarDir, 0755); err != nil {
|
||||||
return nil, errorx.New(errorx.ServerError, "创建头像目录失败: " + err.Error())
|
return nil, errorx.New(errorx.ServerError, "创建头像目录失败: "+err.Error())
|
||||||
}
|
}
|
||||||
|
|
||||||
avatarPath := filepath.Join(avatarDir, filename)
|
avatarPath := filepath.Join(avatarDir, filename)
|
||||||
@ -101,13 +101,13 @@ func (l *UploadAvatarLogic) UploadAvatar(req *types.UploadAvatarRequest, r *http
|
|||||||
// 9. 保存原始头像文件
|
// 9. 保存原始头像文件
|
||||||
destFile, err := os.Create(avatarPath)
|
destFile, err := os.Create(avatarPath)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, errorx.New(errorx.ServerError, "创建头像文件失败: " + err.Error())
|
return nil, errorx.New(errorx.ServerError, "创建头像文件失败: "+err.Error())
|
||||||
}
|
}
|
||||||
defer destFile.Close()
|
defer destFile.Close()
|
||||||
|
|
||||||
_, err = io.Copy(destFile, uploadedFile)
|
_, err = io.Copy(destFile, uploadedFile)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, errorx.New(errorx.ServerError, "保存头像文件失败: " + err.Error())
|
return nil, errorx.New(errorx.ServerError, "保存头像文件失败: "+err.Error())
|
||||||
}
|
}
|
||||||
|
|
||||||
// 10. 生成压缩版本的头像 (150x150像素)
|
// 10. 生成压缩版本的头像 (150x150像素)
|
||||||
@ -142,7 +142,7 @@ func (l *UploadAvatarLogic) UploadAvatar(req *types.UploadAvatarRequest, r *http
|
|||||||
if avatarPath != compressedPath {
|
if avatarPath != compressedPath {
|
||||||
os.Remove(compressedPath)
|
os.Remove(compressedPath)
|
||||||
}
|
}
|
||||||
return nil, errorx.New(errorx.ServerError, "更新用户头像失败: " + err.Error())
|
return nil, errorx.New(errorx.ServerError, "更新用户头像失败: "+err.Error())
|
||||||
}
|
}
|
||||||
|
|
||||||
return &types.UploadAvatarResponse{
|
return &types.UploadAvatarResponse{
|
||||||
|
|||||||
@ -3,8 +3,8 @@ package model
|
|||||||
import (
|
import (
|
||||||
"context"
|
"context"
|
||||||
"fmt"
|
"fmt"
|
||||||
"strings"
|
|
||||||
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
||||||
|
"strings"
|
||||||
)
|
)
|
||||||
|
|
||||||
var _ CategoryModel = (*customCategoryModel)(nil)
|
var _ CategoryModel = (*customCategoryModel)(nil)
|
||||||
|
|||||||
@ -3,8 +3,8 @@ package model
|
|||||||
import (
|
import (
|
||||||
"context"
|
"context"
|
||||||
"fmt"
|
"fmt"
|
||||||
"strings"
|
|
||||||
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
||||||
|
"strings"
|
||||||
)
|
)
|
||||||
|
|
||||||
var _ PhotoModel = (*customPhotoModel)(nil)
|
var _ PhotoModel = (*customPhotoModel)(nil)
|
||||||
|
|||||||
@ -3,8 +3,8 @@ package model
|
|||||||
import (
|
import (
|
||||||
"context"
|
"context"
|
||||||
"fmt"
|
"fmt"
|
||||||
"strings"
|
|
||||||
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
||||||
|
"strings"
|
||||||
)
|
)
|
||||||
|
|
||||||
var _ UserModel = (*customUserModel)(nil)
|
var _ UserModel = (*customUserModel)(nil)
|
||||||
|
|||||||
@ -2,12 +2,12 @@ package svc
|
|||||||
|
|
||||||
import (
|
import (
|
||||||
"fmt"
|
"fmt"
|
||||||
|
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
||||||
"gorm.io/gorm"
|
"gorm.io/gorm"
|
||||||
"photography-backend/internal/config"
|
"photography-backend/internal/config"
|
||||||
"photography-backend/internal/middleware"
|
"photography-backend/internal/middleware"
|
||||||
"photography-backend/internal/model"
|
"photography-backend/internal/model"
|
||||||
"photography-backend/pkg/utils/database"
|
"photography-backend/pkg/utils/database"
|
||||||
"github.com/zeromicro/go-zero/core/stores/sqlx"
|
|
||||||
)
|
)
|
||||||
|
|
||||||
type ServiceContext struct {
|
type ServiceContext struct {
|
||||||
|
|||||||
@ -247,7 +247,7 @@ func (suite *IntegrationTestSuite) testCategoryManagement() {
|
|||||||
err := json.Unmarshal(resp.Body, &createResp)
|
err := json.Unmarshal(resp.Body, &createResp)
|
||||||
suite.Require().NoError(err)
|
suite.Require().NoError(err)
|
||||||
|
|
||||||
newCategoryID := createResp.Data.ID
|
newCategoryID := createResp.Data.Id
|
||||||
|
|
||||||
// 测试获取分类列表
|
// 测试获取分类列表
|
||||||
resp = suite.makeRequest("GET", "/api/v1/categories", nil, suite.authToken)
|
resp = suite.makeRequest("GET", "/api/v1/categories", nil, suite.authToken)
|
||||||
@ -257,7 +257,7 @@ func (suite *IntegrationTestSuite) testCategoryManagement() {
|
|||||||
err = json.Unmarshal(resp.Body, &listResp)
|
err = json.Unmarshal(resp.Body, &listResp)
|
||||||
suite.Require().NoError(err)
|
suite.Require().NoError(err)
|
||||||
|
|
||||||
suite.GreaterOrEqual(len(listResp.Data), 2)
|
suite.GreaterOrEqual(len(listResp.Data.Categories), 2)
|
||||||
|
|
||||||
// 测试更新分类
|
// 测试更新分类
|
||||||
updateData := map[string]interface{}{
|
updateData := map[string]interface{}{
|
||||||
@ -276,7 +276,7 @@ func (suite *IntegrationTestSuite) testCategoryManagement() {
|
|||||||
// testPhotoManagement 照片管理测试
|
// testPhotoManagement 照片管理测试
|
||||||
func (suite *IntegrationTestSuite) testPhotoManagement() {
|
func (suite *IntegrationTestSuite) testPhotoManagement() {
|
||||||
// 测试创建照片记录(简化版,不包含实际文件上传)
|
// 测试创建照片记录(简化版,不包含实际文件上传)
|
||||||
photoData := map[string]interface{}{
|
_ = map[string]interface{}{
|
||||||
"title": "测试照片",
|
"title": "测试照片",
|
||||||
"description": "这是一个测试照片",
|
"description": "这是一个测试照片",
|
||||||
"file_path": "/uploads/test.jpg",
|
"file_path": "/uploads/test.jpg",
|
||||||
@ -306,7 +306,7 @@ func (suite *IntegrationTestSuite) testPhotoManagement() {
|
|||||||
err = json.Unmarshal(resp.Body, &listResp)
|
err = json.Unmarshal(resp.Body, &listResp)
|
||||||
suite.Require().NoError(err)
|
suite.Require().NoError(err)
|
||||||
|
|
||||||
suite.GreaterOrEqual(len(listResp.Data), 1)
|
suite.GreaterOrEqual(len(listResp.Data.Photos), 1)
|
||||||
|
|
||||||
// 测试获取照片详情
|
// 测试获取照片详情
|
||||||
resp = suite.makeRequest("GET", fmt.Sprintf("/api/v1/photos/%d", suite.photoID), nil, suite.authToken)
|
resp = suite.makeRequest("GET", fmt.Sprintf("/api/v1/photos/%d", suite.photoID), nil, suite.authToken)
|
||||||
|
|||||||
@ -87,7 +87,7 @@ func (tc *TestContext) Login(t *testing.T) {
|
|||||||
err = json.Unmarshal(respBody, &resp)
|
err = json.Unmarshal(respBody, &resp)
|
||||||
require.NoError(t, err)
|
require.NoError(t, err)
|
||||||
|
|
||||||
tc.authToken = resp.Token
|
tc.authToken = resp.Data.Token
|
||||||
}
|
}
|
||||||
|
|
||||||
// PostJSON 发送 POST JSON 请求
|
// PostJSON 发送 POST JSON 请求
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
"use client"
|
"use client"
|
||||||
|
|
||||||
import { useState, useEffect } from 'react'
|
import { useState, useEffect, useCallback } from 'react'
|
||||||
import { Badge } from './ui/badge'
|
import { Badge } from './ui/badge'
|
||||||
import { Button } from './ui/button'
|
import { Button } from './ui/button'
|
||||||
import { Alert, AlertDescription } from './ui/alert'
|
import { Alert, AlertDescription } from './ui/alert'
|
||||||
@ -21,7 +21,7 @@ export function ApiStatus() {
|
|||||||
}
|
}
|
||||||
}, [useRealApi])
|
}, [useRealApi])
|
||||||
|
|
||||||
const checkApiStatus = async () => {
|
const checkApiStatus = useCallback(async () => {
|
||||||
setIsLoading(true)
|
setIsLoading(true)
|
||||||
try {
|
try {
|
||||||
if (useRealApi) {
|
if (useRealApi) {
|
||||||
@ -38,14 +38,14 @@ export function ApiStatus() {
|
|||||||
} finally {
|
} finally {
|
||||||
setIsLoading(false)
|
setIsLoading(false)
|
||||||
}
|
}
|
||||||
}
|
}, [useRealApi])
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
checkApiStatus()
|
checkApiStatus()
|
||||||
// 每30秒检查一次API状态
|
// 每30秒检查一次API状态
|
||||||
const interval = setInterval(checkApiStatus, 30000)
|
const interval = setInterval(checkApiStatus, 30000)
|
||||||
return () => clearInterval(interval)
|
return () => clearInterval(interval)
|
||||||
}, [useRealApi])
|
}, [useRealApi, checkApiStatus])
|
||||||
|
|
||||||
const toggleApiMode = () => {
|
const toggleApiMode = () => {
|
||||||
const newMode = !useRealApi
|
const newMode = !useRealApi
|
||||||
|
|||||||
@ -33,7 +33,7 @@ interface CategoryPageProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function CategoryPage({ photos, onCategorySelect, onPhotosView }: CategoryPageProps) {
|
export function CategoryPage({ photos, onCategorySelect, onPhotosView }: CategoryPageProps) {
|
||||||
const { data: dynamicCategories = [] } = useCategories()
|
const { data: _dynamicCategories = [] } = useCategories()
|
||||||
const [searchQuery, setSearchQuery] = useState("")
|
const [searchQuery, setSearchQuery] = useState("")
|
||||||
const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid')
|
const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid')
|
||||||
|
|
||||||
@ -273,7 +273,7 @@ export function CategoryPage({ photos, onCategorySelect, onPhotosView }: Categor
|
|||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<div className="flex -space-x-2">
|
<div className="flex -space-x-2">
|
||||||
{getCategoryPreviewImages(category.photos).slice(0, 3).map((photo, idx) => (
|
{getCategoryPreviewImages(category.photos).slice(0, 3).map((photo, _idx) => (
|
||||||
<div
|
<div
|
||||||
key={photo.id}
|
key={photo.id}
|
||||||
className="w-12 h-12 rounded-lg border-2 border-white overflow-hidden"
|
className="w-12 h-12 rounded-lg border-2 border-white overflow-hidden"
|
||||||
|
|||||||
@ -35,7 +35,7 @@ export function FilterBar({
|
|||||||
const [showAdvanced, setShowAdvanced] = useState(false)
|
const [showAdvanced, setShowAdvanced] = useState(false)
|
||||||
|
|
||||||
// 静态分类作为备选
|
// 静态分类作为备选
|
||||||
const staticCategories = [
|
const _staticCategories = [
|
||||||
{ id: "all", name: "全部作品" },
|
{ id: "all", name: "全部作品" },
|
||||||
{ id: "urban", name: "城市风光" },
|
{ id: "urban", name: "城市风光" },
|
||||||
{ id: "nature", name: "自然风景" },
|
{ id: "nature", name: "自然风景" },
|
||||||
@ -191,7 +191,7 @@ export function FilterBar({
|
|||||||
|
|
||||||
{searchText.trim() && (
|
{searchText.trim() && (
|
||||||
<Badge variant="outline" className="gap-1">
|
<Badge variant="outline" className="gap-1">
|
||||||
搜索: "{searchText.trim()}"
|
搜索: “{searchText.trim()}”
|
||||||
<X
|
<X
|
||||||
className="h-3 w-3 cursor-pointer"
|
className="h-3 w-3 cursor-pointer"
|
||||||
onClick={handleClearSearch}
|
onClick={handleClearSearch}
|
||||||
|
|||||||
@ -18,7 +18,6 @@ import {
|
|||||||
Tag,
|
Tag,
|
||||||
TrendingUp,
|
TrendingUp,
|
||||||
Hash,
|
Hash,
|
||||||
Filter,
|
|
||||||
ArrowRight,
|
ArrowRight,
|
||||||
Camera,
|
Camera,
|
||||||
Sparkles
|
Sparkles
|
||||||
@ -95,7 +94,7 @@ export function TagCloud({ photos, onTagSelect, onPhotosView }: TagCloudProps) {
|
|||||||
|
|
||||||
// 过滤和排序标签
|
// 过滤和排序标签
|
||||||
const filteredTags = useMemo(() => {
|
const filteredTags = useMemo(() => {
|
||||||
let filtered = tagStats.filter(tag =>
|
const filtered = tagStats.filter(tag =>
|
||||||
tag.count >= minCount &&
|
tag.count >= minCount &&
|
||||||
(searchQuery.trim() === '' || tag.name.toLowerCase().includes(searchQuery.toLowerCase()))
|
(searchQuery.trim() === '' || tag.name.toLowerCase().includes(searchQuery.toLowerCase()))
|
||||||
)
|
)
|
||||||
@ -237,7 +236,7 @@ export function TagCloud({ photos, onTagSelect, onPhotosView }: TagCloudProps) {
|
|||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<select
|
<select
|
||||||
value={sortBy}
|
value={sortBy}
|
||||||
onChange={(e) => setSortBy(e.target.value as any)}
|
onChange={(e) => setSortBy(e.target.value as 'popularity' | 'alphabetical' | 'recent')}
|
||||||
className="px-3 py-2 border border-gray-300 rounded-md text-sm"
|
className="px-3 py-2 border border-gray-300 rounded-md text-sm"
|
||||||
>
|
>
|
||||||
<option value="popularity">按热度</option>
|
<option value="popularity">按热度</option>
|
||||||
@ -324,7 +323,7 @@ export function TagCloud({ photos, onTagSelect, onPhotosView }: TagCloudProps) {
|
|||||||
|
|
||||||
{/* 最近照片预览 */}
|
{/* 最近照片预览 */}
|
||||||
<div className="flex -space-x-2 mt-3">
|
<div className="flex -space-x-2 mt-3">
|
||||||
{tag.recentPhotos.slice(0, 3).map((photo, idx) => (
|
{tag.recentPhotos.slice(0, 3).map((photo, _idx) => (
|
||||||
<div
|
<div
|
||||||
key={photo.id}
|
key={photo.id}
|
||||||
className="w-8 h-8 rounded-full border-2 border-white overflow-hidden"
|
className="w-8 h-8 rounded-full border-2 border-white overflow-hidden"
|
||||||
|
|||||||
@ -15,10 +15,13 @@ const api = axios.create({
|
|||||||
api.interceptors.request.use(
|
api.interceptors.request.use(
|
||||||
(config) => {
|
(config) => {
|
||||||
// 可以在这里添加token等认证信息
|
// 可以在这里添加token等认证信息
|
||||||
|
// 检查是否在浏览器环境中
|
||||||
|
if (typeof window !== 'undefined') {
|
||||||
const token = localStorage.getItem('token')
|
const token = localStorage.getItem('token')
|
||||||
if (token) {
|
if (token) {
|
||||||
config.headers.Authorization = `Bearer ${token}`
|
config.headers.Authorization = `Bearer ${token}`
|
||||||
}
|
}
|
||||||
|
}
|
||||||
return config
|
return config
|
||||||
},
|
},
|
||||||
(error) => {
|
(error) => {
|
||||||
@ -42,10 +45,12 @@ api.interceptors.response.use(
|
|||||||
},
|
},
|
||||||
(error) => {
|
(error) => {
|
||||||
if (error.response?.status === 401) {
|
if (error.response?.status === 401) {
|
||||||
// 处理未授权
|
// 处理未授权 - 仅在浏览器环境中执行
|
||||||
|
if (typeof window !== 'undefined') {
|
||||||
localStorage.removeItem('token')
|
localStorage.removeItem('token')
|
||||||
window.location.href = '/login'
|
window.location.href = '/login'
|
||||||
}
|
}
|
||||||
|
}
|
||||||
return Promise.reject(error)
|
return Promise.reject(error)
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|||||||
@ -8,7 +8,7 @@ class CategoryService {
|
|||||||
// 获取所有分类
|
// 获取所有分类
|
||||||
async getAllCategories(): Promise<Category[]> {
|
async getAllCategories(): Promise<Category[]> {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
const response: any = await api.get('/categories?page=1&page_size=100')
|
const response: { categories: Category[] } = await api.get('/categories?page=1&page_size=100')
|
||||||
return response?.categories || []
|
return response?.categories || []
|
||||||
} else {
|
} else {
|
||||||
// Mock API 返回字符串数组,需要转换
|
// Mock API 返回字符串数组,需要转换
|
||||||
|
|||||||
@ -58,27 +58,54 @@ export const queryKeys = {
|
|||||||
categories: ['categories'] as const,
|
categories: ['categories'] as const,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 后端照片数据结构
|
||||||
|
interface BackendPhoto {
|
||||||
|
id: number
|
||||||
|
title?: string
|
||||||
|
description?: string
|
||||||
|
src?: string
|
||||||
|
url?: string
|
||||||
|
image_path?: string
|
||||||
|
file_path?: string
|
||||||
|
thumbnail_path?: string
|
||||||
|
category?: string
|
||||||
|
category_id?: number
|
||||||
|
user_id?: number
|
||||||
|
tags?: string[]
|
||||||
|
date?: string
|
||||||
|
created_at?: number
|
||||||
|
updated_at?: number
|
||||||
|
exif?: {
|
||||||
|
camera?: string
|
||||||
|
lens?: string
|
||||||
|
settings?: string
|
||||||
|
location?: string
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 数据转换工具
|
// 数据转换工具
|
||||||
const transformPhoto = async (backendPhoto: any): Promise<Photo> => {
|
const transformPhoto = async (backendPhoto: BackendPhoto): Promise<Photo> => {
|
||||||
// 如果使用Mock API,直接返回
|
// 如果使用Mock API,直接返回
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API !== 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API !== 'true') {
|
||||||
return {
|
return {
|
||||||
...backendPhoto,
|
id: backendPhoto.id,
|
||||||
|
title: backendPhoto.title || '无标题',
|
||||||
|
description: backendPhoto.description || '',
|
||||||
src: backendPhoto.src || '/placeholder.jpg',
|
src: backendPhoto.src || '/placeholder.jpg',
|
||||||
category: backendPhoto.category || 'general',
|
category: backendPhoto.category || 'general',
|
||||||
tags: backendPhoto.tags || [],
|
tags: backendPhoto.tags || [],
|
||||||
date: backendPhoto.date || new Date().toISOString().split('T')[0],
|
date: backendPhoto.date || new Date().toISOString().split('T')[0],
|
||||||
exif: backendPhoto.exif || {
|
exif: {
|
||||||
camera: '未知',
|
camera: backendPhoto.exif?.camera || '未知',
|
||||||
lens: '未知',
|
lens: backendPhoto.exif?.lens || '未知',
|
||||||
settings: '未知',
|
settings: backendPhoto.exif?.settings || '未知',
|
||||||
location: '未知'
|
location: backendPhoto.exif?.location || '未知'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取分类名称
|
// 获取分类名称
|
||||||
const categoryName = await categoryService.getCategoryName(backendPhoto.category_id)
|
const categoryName = await categoryService.getCategoryName(backendPhoto.category_id || 1)
|
||||||
|
|
||||||
// 转换后端API数据格式
|
// 转换后端API数据格式
|
||||||
return {
|
return {
|
||||||
@ -88,7 +115,7 @@ const transformPhoto = async (backendPhoto: any): Promise<Photo> => {
|
|||||||
src: backendPhoto.file_path ? `http://localhost:8080${backendPhoto.file_path}` : '/placeholder.jpg',
|
src: backendPhoto.file_path ? `http://localhost:8080${backendPhoto.file_path}` : '/placeholder.jpg',
|
||||||
category: categoryName,
|
category: categoryName,
|
||||||
tags: [], // 后端暂无标签系统,使用空数组
|
tags: [], // 后端暂无标签系统,使用空数组
|
||||||
date: new Date(backendPhoto.created_at * 1000).toISOString().split('T')[0],
|
date: new Date((backendPhoto.created_at || Date.now() / 1000) * 1000).toISOString().split('T')[0],
|
||||||
exif: {
|
exif: {
|
||||||
camera: '未知',
|
camera: '未知',
|
||||||
lens: '未知',
|
lens: '未知',
|
||||||
@ -105,11 +132,11 @@ const transformPhoto = async (backendPhoto: any): Promise<Photo> => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const transformCategory = (backendCategory: any): string => {
|
const _transformCategory = (backendCategory: Category | string): string => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API !== 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API !== 'true') {
|
||||||
return backendCategory
|
return typeof backendCategory === 'string' ? backendCategory : backendCategory.name
|
||||||
}
|
}
|
||||||
return backendCategory.name
|
return typeof backendCategory === 'string' ? backendCategory : backendCategory.name
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取所有照片
|
// 获取所有照片
|
||||||
@ -119,13 +146,13 @@ export const usePhotos = () => {
|
|||||||
queryFn: async (): Promise<Photo[]> => {
|
queryFn: async (): Promise<Photo[]> => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
// 使用真实API,带分页参数
|
// 使用真实API,带分页参数
|
||||||
const response: any = await api.get('/photos?page=1&page_size=100')
|
const response: { photos: BackendPhoto[] } = await api.get('/photos?page=1&page_size=100')
|
||||||
const photos = response?.photos || []
|
const photos = response?.photos || []
|
||||||
// 并发处理所有照片的转换
|
// 并发处理所有照片的转换
|
||||||
return Promise.all(photos.map(transformPhoto))
|
return Promise.all(photos.map(transformPhoto))
|
||||||
} else {
|
} else {
|
||||||
// 使用Mock API
|
// 使用Mock API
|
||||||
const photos: any[] = await api.get('/photos')
|
const photos: BackendPhoto[] = await api.get('/photos')
|
||||||
return Promise.all(photos.map(transformPhoto))
|
return Promise.all(photos.map(transformPhoto))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -139,7 +166,7 @@ export const usePhotosPaginated = (page: number = 1, pageSize: number = 12) => {
|
|||||||
queryKey: [...queryKeys.photos, 'paginated', page, pageSize],
|
queryKey: [...queryKeys.photos, 'paginated', page, pageSize],
|
||||||
queryFn: async (): Promise<{ photos: Photo[], total: number, hasMore: boolean }> => {
|
queryFn: async (): Promise<{ photos: Photo[], total: number, hasMore: boolean }> => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
const response: any = await api.get(`/photos?page=${page}&page_size=${pageSize}`)
|
const response: { photos: BackendPhoto[], total: number } = await api.get(`/photos?page=${page}&page_size=${pageSize}`)
|
||||||
const photos = response?.photos || []
|
const photos = response?.photos || []
|
||||||
const total = response?.total || 0
|
const total = response?.total || 0
|
||||||
const transformedPhotos = await Promise.all(photos.map(transformPhoto))
|
const transformedPhotos = await Promise.all(photos.map(transformPhoto))
|
||||||
@ -150,7 +177,7 @@ export const usePhotosPaginated = (page: number = 1, pageSize: number = 12) => {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 使用Mock API - 模拟分页
|
// 使用Mock API - 模拟分页
|
||||||
const allPhotos: any[] = await api.get('/photos')
|
const allPhotos: BackendPhoto[] = await api.get('/photos')
|
||||||
const startIndex = (page - 1) * pageSize
|
const startIndex = (page - 1) * pageSize
|
||||||
const endIndex = startIndex + pageSize
|
const endIndex = startIndex + pageSize
|
||||||
const paginatedPhotos = allPhotos.slice(startIndex, endIndex)
|
const paginatedPhotos = allPhotos.slice(startIndex, endIndex)
|
||||||
@ -167,17 +194,17 @@ export const usePhotosPaginated = (page: number = 1, pageSize: number = 12) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 无限滚动照片查询
|
// 无限滚动照片查询
|
||||||
export const useInfinitePhotos = (pageSize: number = 12) => {
|
export const useInfinitePhotos = (_pageSize: number = 12) => {
|
||||||
return useQuery({
|
return useQuery({
|
||||||
queryKey: [...queryKeys.photos, 'infinite'],
|
queryKey: [...queryKeys.photos, 'infinite'],
|
||||||
queryFn: async (): Promise<Photo[]> => {
|
queryFn: async (): Promise<Photo[]> => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
// 获取所有照片用于前端分页
|
// 获取所有照片用于前端分页
|
||||||
const response: any = await api.get('/photos?page=1&page_size=200')
|
const response: { photos: BackendPhoto[] } = await api.get('/photos?page=1&page_size=200')
|
||||||
const photos = response?.photos || []
|
const photos = response?.photos || []
|
||||||
return Promise.all(photos.map(transformPhoto))
|
return Promise.all(photos.map(transformPhoto))
|
||||||
} else {
|
} else {
|
||||||
const photos: any[] = await api.get('/photos')
|
const photos: BackendPhoto[] = await api.get('/photos')
|
||||||
return Promise.all(photos.map(transformPhoto))
|
return Promise.all(photos.map(transformPhoto))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -191,7 +218,7 @@ export const usePhoto = (id: number) => {
|
|||||||
queryKey: queryKeys.photo(id),
|
queryKey: queryKeys.photo(id),
|
||||||
queryFn: async (): Promise<Photo> => {
|
queryFn: async (): Promise<Photo> => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
const response = await api.get(`/photos/${id}`)
|
const response: BackendPhoto = await api.get(`/photos/${id}`)
|
||||||
return await transformPhoto(response)
|
return await transformPhoto(response)
|
||||||
} else {
|
} else {
|
||||||
return api.get(`/photos/${id}`)
|
return api.get(`/photos/${id}`)
|
||||||
@ -207,7 +234,7 @@ export const useCategories = () => {
|
|||||||
queryKey: queryKeys.categories,
|
queryKey: queryKeys.categories,
|
||||||
queryFn: async (): Promise<string[]> => {
|
queryFn: async (): Promise<string[]> => {
|
||||||
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
if (process.env.NEXT_PUBLIC_USE_REAL_API === 'true') {
|
||||||
const response: any = await api.get('/categories?page=1&page_size=100')
|
const response: { categories: Category[] } = await api.get('/categories?page=1&page_size=100')
|
||||||
const categories = response?.categories || []
|
const categories = response?.categories || []
|
||||||
return categories.map((cat: Category) => cat.name)
|
return categories.map((cat: Category) => cat.name)
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
Reference in New Issue
Block a user