const GRAPHQL_ENDPOINT = 'http://localhost:8080/api/graphql'
|
|
// GraphQL请求函数
|
async function graphqlRequest(query, variables = {}) {
|
const response = await fetch(GRAPHQL_ENDPOINT, {
|
method: 'POST',
|
headers: {
|
'Content-Type': 'application/json',
|
},
|
body: JSON.stringify({
|
query,
|
variables,
|
}),
|
})
|
|
if (!response.ok) {
|
throw new Error(`HTTP error! status: ${response.status}`)
|
}
|
|
const result = await response.json()
|
|
if (result.errors) {
|
throw new Error(result.errors[0].message)
|
}
|
|
return result.data
|
}
|
|
// GraphQL 查询和变更
|
const GET_CAROUSELS = `
|
query GetCarousels($page: Int!, $size: Int!, $title: String) {
|
carousels(page: $page, size: $size, title: $title) {
|
content {
|
id
|
title
|
content
|
sortOrder
|
mediaCount
|
createTime
|
updateTime
|
}
|
totalElements
|
page
|
size
|
}
|
}
|
`
|
|
const GET_CAROUSEL = `
|
query GetCarousel($id: ID!) {
|
carousel(id: $id) {
|
id
|
title
|
content
|
sortOrder
|
mediaCount
|
createTime
|
updateTime
|
}
|
}
|
`
|
|
const GET_CAROUSEL_PLAY_LIST = `
|
query GetCarouselPlayList {
|
carouselPlayList {
|
id
|
title
|
content
|
sortOrder
|
mediaCount
|
createTime
|
updateTime
|
}
|
}
|
`
|
|
const SAVE_CAROUSEL = `
|
mutation SaveCarousel($carousel: CarouselInput!) {
|
saveCarousel(carousel: $carousel) {
|
id
|
title
|
content
|
sortOrder
|
createTime
|
updateTime
|
}
|
}
|
`
|
|
const DELETE_CAROUSEL = `
|
mutation DeleteCarousel($id: ID!) {
|
deleteCarousel(id: $id)
|
}
|
`
|
|
const UPDATE_CAROUSEL_SORT_ORDERS = `
|
mutation UpdateCarouselSortOrders($sortOrders: [CarouselSortOrderInput!]!) {
|
updateCarouselSortOrders(sortOrders: $sortOrders)
|
}
|
`
|
|
// API 函数
|
export const CarouselApi = {
|
// 分页查询轮播图
|
getCarousels: async (page = 0, size = 10, title) => {
|
const data = await graphqlRequest(GET_CAROUSELS, { page, size, title })
|
return data.carousels
|
},
|
|
// 根据ID查询轮播图
|
getCarousel: async (id) => {
|
const data = await graphqlRequest(GET_CAROUSEL, { id })
|
return data.carousel
|
},
|
|
// 获取播放列表
|
getPlayList: async () => {
|
const data = await graphqlRequest(GET_CAROUSEL_PLAY_LIST)
|
return data.carouselPlayList
|
},
|
|
// 保存轮播图
|
saveCarousel: async (carousel) => {
|
const data = await graphqlRequest(SAVE_CAROUSEL, { carousel })
|
return data.saveCarousel
|
},
|
|
// 删除轮播图
|
deleteCarousel: async (id) => {
|
const data = await graphqlRequest(DELETE_CAROUSEL, { id })
|
return data.deleteCarousel
|
},
|
|
// 批量更新排序
|
updateSortOrders: async (sortOrders) => {
|
const data = await graphqlRequest(UPDATE_CAROUSEL_SORT_ORDERS, { sortOrders })
|
return data.updateCarouselSortOrders
|
}
|
}
|
|
export default CarouselApi
|
