fix: remove config

.github/workflows/deploy-staging.yml

@@ -12,7 +12,6 @@ jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     environment: Deploy
-    if: ${{ !github.event.repository.fork }}  # 只有非 fork 才执行
 
     steps:
       - uses: actions/checkout@v4

backend/src/main/java/com/openisle/config/CachingConfig.java

@@ -46,8 +46,6 @@ public class CachingConfig {
     public static final String LIMIT_CACHE_NAME="openisle_limit";
     // 用户访问统计
     public static final String VISIT_CACHE_NAME="openisle_visit";
-    // 文章缓存
-    public static final String POST_CACHE_NAME="openisle_posts";
 
     /**
      * 自定义Redis的序列化器
@@ -67,10 +65,7 @@ public class CachingConfig {
         // Hibernate6Module 可以自动处理懒加载代理对象。
         // Tag对象的creator是FetchType.LAZY
         objectMapper.registerModule(new Hibernate6Module()
-                .disable(Hibernate6Module.Feature.USE_TRANSIENT_ANNOTATION)
+                .disable(Hibernate6Module.Feature.USE_TRANSIENT_ANNOTATION));
-                // 将 Hibernate 特有的集合类型转换为标准 Java 集合类型
-                // 避免序列化时出现 org.hibernate.collection.spi.PersistentSet 这样的类型信息
-                .configure(Hibernate6Module.Feature.REPLACE_PERSISTENT_COLLECTIONS, true));
         // service的时候带上类型信息
         // 启用类型信息，避免 LinkedHashMap 问题
         objectMapper.activateDefaultTyping(

backend/src/main/java/com/openisle/controller/CommentController.java

@@ -1,14 +1,13 @@
 package com.openisle.controller;
 
-import com.openisle.dto.PostChangeLogDto;
-import com.openisle.dto.TimelineItemDto;
-import com.openisle.mapper.PostChangeLogMapper;
 import com.openisle.model.Comment;
 import com.openisle.dto.CommentDto;
 import com.openisle.dto.CommentRequest;
 import com.openisle.mapper.CommentMapper;
-import com.openisle.model.CommentSort;
+import com.openisle.service.CaptchaService;
-import com.openisle.service.*;
+import com.openisle.service.CommentService;
+import com.openisle.service.LevelService;
+import com.openisle.service.PointService;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Value;
@@ -22,8 +21,6 @@ import io.swagger.v3.oas.annotations.media.Schema;
 import io.swagger.v3.oas.annotations.responses.ApiResponse;
 import io.swagger.v3.oas.annotations.security.SecurityRequirement;
 
-import java.util.ArrayList;
-import java.util.Comparator;
 import java.util.List;
 import java.util.stream.Collectors;
 
@@ -37,8 +34,6 @@ public class CommentController {
     private final CaptchaService captchaService;
     private final CommentMapper commentMapper;
     private final PointService pointService;
-    private final PostChangeLogService changeLogService;
-    private final PostChangeLogMapper postChangeLogMapper;
 
     @Value("${app.captcha.enabled:false}")
     private boolean captchaEnabled;
@@ -90,43 +85,15 @@ public class CommentController {
     @GetMapping("/posts/{postId}/comments")
     @Operation(summary = "List comments", description = "List comments for a post")
     @ApiResponse(responseCode = "200", description = "Comments",
-            content = @Content(array = @ArraySchema(schema = @Schema(implementation = TimelineItemDto.class))))
+            content = @Content(array = @ArraySchema(schema = @Schema(implementation = CommentDto.class))))
-    public List<TimelineItemDto<?>> listComments(@PathVariable Long postId,
+    public List<CommentDto> listComments(@PathVariable Long postId,
-                                         @RequestParam(value = "sort", required = false, defaultValue = "OLDEST") CommentSort sort) {
+                                         @RequestParam(value = "sort", required = false, defaultValue = "OLDEST") com.openisle.model.CommentSort sort) {
         log.debug("listComments called for post {} with sort {}", postId, sort);
-        List<CommentDto> commentDtoList = commentService.getCommentsForPost(postId, sort).stream()
+        List<CommentDto> list = commentService.getCommentsForPost(postId, sort).stream()
                 .map(commentMapper::toDtoWithReplies)
                 .collect(Collectors.toList());
-        List<PostChangeLogDto> postChangeLogDtoList = changeLogService.listLogs(postId).stream()
+        log.debug("listComments returning {} comments", list.size());
-                .map(postChangeLogMapper::toDto)
+        return list;
-                .collect(Collectors.toList());
-        List<TimelineItemDto<?>> itemDtoList = new ArrayList<>();
-
-        itemDtoList.addAll(commentDtoList.stream()
-                .map(c -> new TimelineItemDto<>(
-                        c.getId(),
-                        "comment",
-                        c.getCreatedAt(),
-                        c // payload 是 CommentDto
-                ))
-                .toList());
-
-        itemDtoList.addAll(postChangeLogDtoList.stream()
-                .map(l -> new TimelineItemDto<>(
-                        l.getId(),
-                        "log",
-                        l.getTime(), // 注意字段名不一样
-                        l // payload 是 PostChangeLogDto
-                ))
-                .toList());
-        // 排序
-        Comparator<TimelineItemDto<?>> comparator = Comparator.comparing(TimelineItemDto::getCreatedAt);
-        if (CommentSort.NEWEST.equals(sort)) {
-            comparator = comparator.reversed();
-        }
-        itemDtoList.sort(comparator);
-        log.debug("listComments returning {} comments", itemDtoList.size());
-        return itemDtoList;
     }
 
     @DeleteMapping("/comments/{id}")

backend/src/main/java/com/openisle/controller/PostController.java

@@ -27,8 +27,6 @@ import java.util.stream.Collectors;
 @RequiredArgsConstructor
 public class PostController {
     private final PostService postService;
-    private final CategoryService categoryService;
-    private final TagService tagService;
     private final LevelService levelService;
     private final CaptchaService captchaService;
     private final DraftService draftService;
@@ -149,16 +147,33 @@ public class PostController {
                                    @RequestParam(value = "page", required = false) Integer page,
                                    @RequestParam(value = "pageSize", required = false) Integer pageSize,
                                    Authentication auth) {
-
+        List<Long> ids = categoryIds;
-        List<Long> ids = categoryService.getSearchCategoryIds(categoryIds, categoryId);
+        if (categoryId != null) {
-        List<Long> tids = tagService.getSearchTagIds(tagIds, tagId);
+            ids = java.util.List.of(categoryId);
+        }
+        List<Long> tids = tagIds;
+        if (tagId != null) {
+            tids = java.util.List.of(tagId);
+        }
 // 只需要在请求的一开始统计一次
 //        if (auth != null) {
 //            userVisitService.recordVisit(auth.getName());
 //        }
 
-        return postService.defaultListPosts(ids,tids,page, pageSize).stream()
+        boolean hasCategories = ids != null && !ids.isEmpty();
-                .map(postMapper::toSummaryDto).collect(Collectors.toList());
+        boolean hasTags = tids != null && !tids.isEmpty();
+
+        if (hasCategories && hasTags) {
+            return postService.listPostsByCategoriesAndTags(ids, tids, page, pageSize)
+                    .stream().map(postMapper::toSummaryDto).collect(Collectors.toList());
+        }
+        if (hasTags) {
+            return postService.listPostsByTags(tids, page, pageSize)
+                .stream().map(postMapper::toSummaryDto).collect(Collectors.toList());
+        }
+
+        return postService.listPostsByCategories(ids, page, pageSize)
+                .stream().map(postMapper::toSummaryDto).collect(Collectors.toList());
     }
 
     @GetMapping("/ranking")
@@ -172,9 +187,14 @@ public class PostController {
                                       @RequestParam(value = "page", required = false) Integer page,
                                       @RequestParam(value = "pageSize", required = false) Integer pageSize,
                                       Authentication auth) {
-
+        List<Long> ids = categoryIds;
-        List<Long> ids = categoryService.getSearchCategoryIds(categoryIds, categoryId);
+        if (categoryId != null) {
-        List<Long> tids = tagService.getSearchTagIds(tagIds, tagId);
+            ids = java.util.List.of(categoryId);
+        }
+        List<Long> tids = tagIds;
+        if (tagId != null) {
+            tids = java.util.List.of(tagId);
+        }
 // 只需要在请求的一开始统计一次
 //        if (auth != null) {
 //            userVisitService.recordVisit(auth.getName());
@@ -195,16 +215,21 @@ public class PostController {
                                           @RequestParam(value = "page", required = false) Integer page,
                                           @RequestParam(value = "pageSize", required = false) Integer pageSize,
                                           Authentication auth) {
-
+        List<Long> ids = categoryIds;
-        List<Long> ids = categoryService.getSearchCategoryIds(categoryIds, categoryId);
+        if (categoryId != null) {
-        List<Long> tids = tagService.getSearchTagIds(tagIds, tagId);
+            ids = java.util.List.of(categoryId);
+        }
+        List<Long> tids = tagIds;
+        if (tagId != null) {
+            tids = java.util.List.of(tagId);
+        }
 // 只需要在请求的一开始统计一次
 //        if (auth != null) {
 //            userVisitService.recordVisit(auth.getName());
 //        }
 
-        List<Post> posts = postService.listPostsByLatestReply(ids, tids, page, pageSize);
+        return postService.listPostsByLatestReply(ids, tids, page, pageSize)
-        return posts.stream().map(postMapper::toSummaryDto).collect(Collectors.toList());
+                .stream().map(postMapper::toSummaryDto).collect(Collectors.toList());
     }
 
     @GetMapping("/featured")
@@ -218,9 +243,14 @@ public class PostController {
                                        @RequestParam(value = "page", required = false) Integer page,
                                        @RequestParam(value = "pageSize", required = false) Integer pageSize,
                                        Authentication auth) {
-
+        List<Long> ids = categoryIds;
-        List<Long> ids = categoryService.getSearchCategoryIds(categoryIds, categoryId);
+        if (categoryId != null) {
-        List<Long> tids = tagService.getSearchTagIds(tagIds, tagId);
+            ids = java.util.List.of(categoryId);
+        }
+        List<Long> tids = tagIds;
+        if (tagId != null) {
+            tids = java.util.List.of(tagId);
+        }
 // 只需要在请求的一开始统计一次
 //        if (auth != null) {
 //            userVisitService.recordVisit(auth.getName());

backend/src/main/java/com/openisle/dto/TimelineItemDto.java

@@ -1,20 +0,0 @@
-package com.openisle.dto;
-
-import lombok.*;
-
-import java.time.LocalDateTime;
-
-/**
- * comment and change_log Dto
- */
-@Getter
-@Setter
-@AllArgsConstructor
-@NoArgsConstructor
-public class TimelineItemDto<T> {
-
-    private Long id;
-    private String kind; // "comment" | "log"
-    private LocalDateTime createdAt;
-    private T payload; // 泛型，具体类型由外部决定
-}

backend/src/main/java/com/openisle/mapper/PostMapper.java

@@ -96,6 +96,8 @@ public class PostMapper {
             l.setPointCost(lp.getPointCost());
             l.setStartTime(lp.getStartTime());
             l.setEndTime(lp.getEndTime());
+            l.setParticipants(lp.getParticipants().stream().map(userMapper::toAuthorDto).collect(Collectors.toList()));
+            l.setWinners(lp.getWinners().stream().map(userMapper::toAuthorDto).collect(Collectors.toList()));
             dto.setLottery(l);
         }
 
@@ -104,6 +106,7 @@ public class PostMapper {
             p.setOptions(pp.getOptions());
             p.setVotes(pp.getVotes());
             p.setEndTime(pp.getEndTime());
+            p.setParticipants(pp.getParticipants().stream().map(userMapper::toAuthorDto).collect(Collectors.toList()));
             Map<Integer, List<AuthorDto>> optionParticipants = pollVoteRepository.findByPostId(pp.getId()).stream()
                     .collect(Collectors.groupingBy(PollVote::getOptionIndex,
                             Collectors.mapping(v -> userMapper.toAuthorDto(v.getUser()), Collectors.toList())));

backend/src/main/java/com/openisle/model/Post.java

@@ -39,19 +39,19 @@ public class Post {
             columnDefinition = "DATETIME(6) DEFAULT CURRENT_TIMESTAMP(6)")
     private LocalDateTime createdAt;
 
-    @ManyToOne(optional = false, fetch = FetchType.EAGER)
+    @ManyToOne(optional = false, fetch = FetchType.LAZY)
     @JoinColumn(name = "author_id")
     private User author;
 
-    @ManyToOne(optional = false, fetch = FetchType.EAGER)
+    @ManyToOne(optional = false, fetch = FetchType.LAZY)
     @JoinColumn(name = "category_id")
     private Category category;
 
-    @ManyToMany(fetch = FetchType.EAGER)
+    @ManyToMany(fetch = FetchType.LAZY)
     @JoinTable(name = "post_tags",
             joinColumns = @JoinColumn(name = "post_id"),
             inverseJoinColumns = @JoinColumn(name = "tag_id"))
-    private Set<Tag> tags = new HashSet<>();
+    private java.util.Set<Tag> tags = new java.util.HashSet<>();
 
     @Column(nullable = false)
     private long views = 0;

backend/src/main/java/com/openisle/scheduler/UserVisitScheduler.java

@@ -27,12 +27,12 @@ public class UserVisitScheduler {
     private final UserRepository userRepository;
     private final UserVisitRepository userVisitRepository;
 
-    @Scheduled(cron = "0 5 0 * * ?") // 每天 00:05 执行
+    @Scheduled(cron = "0 5 0 * * ?")// 每天 00:05 执行
     public void persistDailyVisits(){
         LocalDate yesterday = LocalDate.now().minusDays(1);
-        String key = CachingConfig.VISIT_CACHE_NAME + ":" + yesterday;
+        String key = CachingConfig.VISIT_CACHE_NAME+":"+ yesterday;
         Set<String> usernames = redisTemplate.opsForSet().members(key);
-        if (!CollectionUtils.isEmpty(usernames)) {
+        if(!CollectionUtils.isEmpty(usernames)){
             for(String username: usernames){
                 User user = userRepository.findByUsername(username).orElse(null);
                 if(user != null){

backend/src/main/java/com/openisle/service/CategoryService.java

@@ -62,18 +62,4 @@ public class CategoryService {
     public List<Category> listCategories() {
         return categoryRepository.findAll();
     }
-
-    /**
-     * 获取检索用的分类Id列表
-     * @param categoryIds
-     * @param categoryId
-     * @return
-     */
-    public List<Long> getSearchCategoryIds(List<Long> categoryIds, Long categoryId){
-        List<Long> ids = categoryIds;
-        if (categoryId != null) {
-            ids = List.of(categoryId);
-        }
-        return ids;
-    }
 }

backend/src/main/java/com/openisle/service/CommentService.java

@@ -1,6 +1,5 @@
 package com.openisle.service;
 
-import com.openisle.config.CachingConfig;
 import com.openisle.model.Comment;
 import com.openisle.model.Post;
 import com.openisle.model.User;
@@ -21,8 +20,6 @@ import com.openisle.model.Role;
 import com.openisle.exception.RateLimitException;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
-import org.springframework.cache.annotation.CacheEvict;
-import org.springframework.cache.annotation.Cacheable;
 import org.springframework.stereotype.Service;
 
 import java.util.List;
@@ -50,10 +47,6 @@ public class CommentService {
     private final PointService pointService;
     private final ImageUploader imageUploader;
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     @Transactional
     public Comment addComment(String username, Long postId, String content) {
         log.debug("addComment called by user {} for post {}", username, postId);
@@ -102,10 +95,6 @@ public class CommentService {
         return commentRepository.findLastCommentTimeOfUserByUserId(userId);
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     @Transactional
     public Comment addReply(String username, Long parentId, String content) {
         log.debug("addReply called by user {} for parent comment {}", username, parentId);
@@ -239,10 +228,6 @@ public class CommentService {
         return count;
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     @Transactional
     public void deleteComment(String username, Long id) {
         log.debug("deleteComment called by user {} for comment {}", username, id);
@@ -258,10 +243,6 @@ public class CommentService {
         log.debug("deleteComment completed for comment {}", id);
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     @Transactional
     public void deleteCommentCascade(Comment comment) {
         log.debug("deleteCommentCascade called for comment {}", comment.getId());

backend/src/main/java/com/openisle/service/PostService.java

@@ -1,8 +1,17 @@
 package com.openisle.service;
 
 import com.openisle.config.CachingConfig;
-import com.openisle.mapper.PostMapper;
+import com.openisle.model.Post;
-import com.openisle.model.*;
+import com.openisle.model.PostStatus;
+import com.openisle.model.PostType;
+import com.openisle.model.PublishMode;
+import com.openisle.model.User;
+import com.openisle.model.Category;
+import com.openisle.model.Comment;
+import com.openisle.model.NotificationType;
+import com.openisle.model.LotteryPost;
+import com.openisle.model.PollPost;
+import com.openisle.model.PollVote;
 import com.openisle.repository.PostRepository;
 import com.openisle.repository.LotteryPostRepository;
 import com.openisle.repository.PollPostRepository;
@@ -17,12 +26,11 @@ import com.openisle.repository.ReactionRepository;
 import com.openisle.repository.PostSubscriptionRepository;
 import com.openisle.repository.NotificationRepository;
 import com.openisle.repository.PollVoteRepository;
+import com.openisle.model.Role;
 import com.openisle.exception.RateLimitException;
 import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Value;
-import org.springframework.cache.annotation.CacheEvict;
-import org.springframework.cache.annotation.Cacheable;
 import org.springframework.context.ApplicationContext;
 import org.springframework.data.redis.core.RedisTemplate;
 import org.springframework.stereotype.Service;
@@ -44,8 +52,6 @@ import java.time.LocalDateTime;
 import java.util.concurrent.ConcurrentHashMap;
 import java.util.concurrent.ConcurrentMap;
 import java.util.concurrent.ScheduledFuture;
-import java.util.stream.Collectors;
-
 import org.springframework.boot.context.event.ApplicationReadyEvent;
 import org.springframework.context.event.EventListener;
 
@@ -189,14 +195,12 @@ public class PostService {
         pointService.awardForFeatured(saved.getAuthor().getUsername(), saved.getId());
         return saved;
     }
-    @CacheEvict(
+
-            value = CachingConfig.POST_CACHE_NAME, allEntries = true
-    )
     public Post createPost(String username,
                            Long categoryId,
                            String title,
                            String content,
-                           List<Long> tagIds,
+                           java.util.List<Long> tagIds,
                            PostType type,
                            String prizeDescription,
                            String prizeIcon,
@@ -507,10 +511,6 @@ public class PostService {
         return listPostsByLatestReply(null, null, page, pageSize);
     }
 
-    @Cacheable(
-            value = CachingConfig.POST_CACHE_NAME,
-            key = "new org.springframework.cache.interceptor.SimpleKey('latest_reply', #categoryIds, #tagIds, #page, #pageSize)"
-    )
     public List<Post> listPostsByLatestReply(java.util.List<Long> categoryIds,
                                              java.util.List<Long> tagIds,
                                              Integer page,
@@ -538,9 +538,9 @@ public class PostService {
                 posts = postRepository.findByCategoryInAndStatusOrderByCreatedAtDesc(categories, PostStatus.PUBLISHED);
             }
         } else {
-            List<Tag> tags = tagRepository.findAllById(tagIds);
+            java.util.List<com.openisle.model.Tag> tags = tagRepository.findAllById(tagIds);
             if (tags.isEmpty()) {
-                return new ArrayList<>();
+                return java.util.List.of();
             }
             posts = postRepository.findByAllTagsOrderByCreatedAtDesc(tags, PostStatus.PUBLISHED, tags.size());
         }
@@ -638,43 +638,11 @@ public class PostService {
         return paginate(sortByPinnedAndCreated(posts), page, pageSize);
     }
 
-    /**
-     * 默认的文章列表
-     * @param ids
-     * @param tids
-     * @param page
-     * @param pageSize
-     * @return
-     */
-    @Cacheable(
-            value = CachingConfig.POST_CACHE_NAME,
-            key = "new org.springframework.cache.interceptor.SimpleKey('default', #ids, #tids, #page, #pageSize)"
-    )
-    public List<Post> defaultListPosts(List<Long> ids, List<Long> tids, Integer page, Integer pageSize){
-        boolean hasCategories = !CollectionUtils.isEmpty(ids);
-        boolean hasTags = !CollectionUtils.isEmpty(tids);
-
-        if (hasCategories && hasTags) {
-            return listPostsByCategoriesAndTags(ids, tids, page, pageSize)
-                    .stream().collect(Collectors.toList());
-        }
-        if (hasTags) {
-            return listPostsByTags(tids, page, pageSize)
-                    .stream().collect(Collectors.toList());
-        }
-
-        return listPostsByCategories(ids, page, pageSize)
-                .stream().collect(Collectors.toList());
-    }
 
     public List<Post> listPendingPosts() {
         return postRepository.findByStatus(PostStatus.PENDING);
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     public Post approvePost(Long id) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -711,10 +679,6 @@ public class PostService {
         return post;
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     public Post pinPost(Long id, String username) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -727,10 +691,6 @@ public class PostService {
         return saved;
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     public Post unpinPost(Long id, String username) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -743,10 +703,6 @@ public class PostService {
         return saved;
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     public Post closePost(Long id, String username) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -762,10 +718,6 @@ public class PostService {
         return saved;
     }
 
-    @CacheEvict(
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
     public Post reopenPost(Long id, String username) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -781,11 +733,7 @@ public class PostService {
         return saved;
     }
 
-    @CacheEvict(
+    @org.springframework.transaction.annotation.Transactional
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
-    @Transactional
     public Post updatePost(Long id,
                            String username,
                            Long categoryId,
@@ -838,11 +786,7 @@ public class PostService {
         return updated;
     }
 
-    @CacheEvict(
+    @org.springframework.transaction.annotation.Transactional
-            value = CachingConfig.POST_CACHE_NAME,
-            allEntries = true
-    )
-    @Transactional
     public void deletePost(Long id, String username) {
         Post post = postRepository.findById(id)
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("Post not found"));
@@ -935,17 +879,15 @@ public class PostService {
                 .toList();
     }
 
-    private List<Post> paginate(List<Post> posts, Integer page, Integer pageSize) {
+    private java.util.List<Post> paginate(java.util.List<Post> posts, Integer page, Integer pageSize) {
         if (page == null || pageSize == null) {
             return posts;
         }
         int from = page * pageSize;
         if (from >= posts.size()) {
-            return new ArrayList<>();
+            return java.util.List.of();
         }
         int to = Math.min(from + pageSize, posts.size());
-        // 这里必须将list包装为arrayList类型，否则序列化会有问题
+        return posts.subList(from, to);
-        // list.sublist返回的是内部类
-        return new ArrayList<>(posts.subList(from, to));
     }
 }

backend/src/main/java/com/openisle/service/TagService.java

@@ -120,18 +120,4 @@ public class TagService {
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("User not found"));
         return tagRepository.findByCreator(user);
     }
-
-    /**
-     * 获取检索用的标签Id列表
-     * @param tagIds
-     * @param tagId
-     * @return
-     */
-    public List<Long> getSearchTagIds(List<Long> tagIds, Long tagId){
-        List<Long> ids = tagIds;
-        if (tagId != null) {
-            ids = List.of(tagId);
-        }
-        return ids;
-    }
 }

backend/src/main/java/com/openisle/service/UserVisitService.java

@@ -49,9 +49,9 @@ public class UserVisitService {
                 .orElseThrow(() -> new com.openisle.exception.NotFoundException("User not found"));
 
         // 如果缓存存在就返回
-        String key1 = CachingConfig.VISIT_CACHE_NAME + ":" +LocalDate.now() + ":count:" + username;
+        String key1 = CachingConfig.VISIT_CACHE_NAME + ":"+LocalDate.now()+":count:"+username;
         Integer cached = (Integer) redisTemplate.opsForValue().get(key1);
-        if (cached != null){
+        if(cached != null){
             return cached.longValue();
         }
 

frontend_nuxt/assets/global.css

@@ -2,8 +2,6 @@
   --primary-color-hover: rgb(9, 95, 105);
   --primary-color: rgb(10, 110, 120);
   --primary-color-disabled: rgba(93, 152, 156, 0.5);
-  --secondary-color:rgb(255, 255, 255);
-  --secondary-color-hover:rgba(165, 255, 255, 0.447);
   --new-post-icon-color: rgba(10, 111, 120, 0.598);
   --header-height: 60px;
   --header-background-color: white;
@@ -358,7 +356,7 @@ body {
   }
 
   .d2h-file-name {
-    font-size: 14px !important;
+    font-size: 12px !important;
   }
 
   .d2h-file-header {
@@ -373,14 +371,14 @@ body {
     padding-left: 10px !important;
   }
 
-  /* .d2h-diff-table {
+  .d2h-diff-table {
     font-size: 6px !important;
   }
 
   .d2h-code-line ins {
     height: 100%;
     font-size: 13px !important;
-  } */
+  }
 
   /* .d2h-code-line {
     height: 12px;

frontend_nuxt/components/ArticleCategory.vue

@@ -35,7 +35,6 @@ const isImageIcon = (icon) => {
   display: flex;
   flex-direction: row;
   gap: 10px;
-  min-height: 25px;
 }
 
 .article-info-item {
@@ -64,9 +63,5 @@ const isImageIcon = (icon) => {
   .article-info-item {
     font-size: 10px;
   }
-
-  .article-category-container {
-    min-height: 20px;
-  }
 }
 </style>

frontend_nuxt/components/ArticleTags.vue

@@ -44,7 +44,6 @@ const isImageIcon = (icon) => {
   display: flex;
   flex-direction: row;
   gap: 10px;
-  min-height: 25px;
 }
 
 .article-info-item {
@@ -73,9 +72,5 @@ const isImageIcon = (icon) => {
   .article-info-item {
     font-size: 10px;
   }
-
-  .article-tags-container {
-    min-height: 20px;
-  }
 }
 </style>

frontend_nuxt/components/CommentItem.vue

@@ -342,7 +342,7 @@ const copyCommentLink = () => {
 
 const handleContentClick = (e) => {
   handleMarkdownClick(e)
-  if (e.target.tagName === 'IMG' && !e.target.classList.contains('emoji')) {
+  if (e.target.tagName === 'IMG') {
     const container = e.target.parentNode
     const imgs = [...container.querySelectorAll('img')].map((i) => i.src)
     lightboxImgs.value = imgs

frontend_nuxt/components/MessageEditor.vue

@@ -5,10 +5,7 @@
     </div>
     <div class="message-bottom-container">
       <div class="message-submit" :class="{ disabled: isDisabled }" @click="submit">
-        <template v-if="!loading">
+        <template v-if="!loading"> 发送 </template>
-          发送
-          <span class="shortcut-icon" v-if="!isMobile"> {{ isMac ? '⌘' : 'Ctrl' }} ⏎ </span>
-        </template>
         <template v-else> <loading-four /> 发送中... </template>
       </div>
     </div>
@@ -24,8 +21,6 @@ import {
   getEditorTheme as getEditorThemeUtil,
   getPreviewTheme as getPreviewThemeUtil,
 } from '~/utils/vditor'
-import { useIsMobile } from '~/utils/screen'
-import { isMac } from '~/utils/device'
 import '~/assets/global.css'
 
 export default {
@@ -49,7 +44,6 @@ export default {
     const vditorInstance = ref(null)
     const text = ref('')
     const editorId = ref(props.editorId)
-    const isMobile = useIsMobile()
     if (!editorId.value) {
       editorId.value = 'editor-' + useId()
     }
@@ -90,28 +84,6 @@ export default {
           applyTheme()
         },
       })
-
-      // 不是手机的情况下不添加快捷键
-      if (!isMobile.value) {
-        // 添加快捷键监听 (Ctrl+Enter 或 Cmd+Enter)
-        const handleKeydown = (e) => {
-          if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
-            e.preventDefault()
-            submit()
-          }
-        }
-
-        const el = document.getElementById(editorId.value)
-        if (el) {
-          el.addEventListener('keydown', handleKeydown)
-        }
-
-        onUnmounted(() => {
-          if (el) {
-            el.removeEventListener('keydown', handleKeydown)
-          }
-        })
-      }
     })
 
     onUnmounted(() => {
@@ -149,7 +121,7 @@ export default {
       },
     )
 
-    return { submit, isDisabled, editorId, isMac, isMobile }
+    return { submit, isDisabled, editorId }
   },
 }
 </script>
@@ -196,17 +168,4 @@ export default {
 .message-submit:not(.disabled):hover {
   background-color: var(--primary-color-hover);
 }
-
-/** 评论按钮快捷键样式 */
-.shortcut-icon {
-  padding: 2px 6px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 1.2;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-.comment-submit.disabled .shortcut-icon {
-  background-color: rgba(0, 0, 0, 0);
-}
 </style>

frontend_nuxt/config/uploadConfig.js

@@ -1,15 +1,22 @@
 /**
- * 文件上传配置
+ * 文件上传配置 - 简化版
+ * 专注于 WebCodecs + MP4Box.js 视频压缩，支持 Chrome/Safari
  */
 
+// 声明全局变量以避免 TypeScript 错误
+/* global useRuntimeConfig */
+
 export const UPLOAD_CONFIG = {
-  // 视频文件配置
   VIDEO: {
-    // 文件大小限制 (字节)
+    MAX_SIZE: 20 * 1024 * 1024, // 20mb
-    MAX_SIZE: 20 * 1024 * 1024,
+    TARGET_SIZE: 5 * 1024 * 1024, // 5mb
 
     // 支持的输入格式
     SUPPORTED_FORMATS: ['mp4', 'webm', 'avi', 'mov', 'wmv', 'flv', 'mkv', 'm4v', 'ogv'],
+
+    // 输出格式 - MP4 (兼容性最好)
+    OUTPUT_FORMAT: 'mp4',
+    OUTPUT_CODEC: 'h264',
   },
 
   // 图片文件配置

frontend_nuxt/nuxt.config.ts

@@ -1,5 +1,4 @@
 import { defineNuxtConfig } from 'nuxt/config'
-
 export default defineNuxtConfig({
   devServer: {
     host: '0.0.0.0',
@@ -97,7 +96,26 @@ export default defineNuxtConfig({
     },
   },
   vite: {
-    optimizeDeps: {},
+    build: {
-    build: {},
+      // increase warning limit and split large libraries into separate chunks
+      // chunkSizeWarningLimit: 1024,
+      // rollupOptions: {
+      //   output: {
+      //     manualChunks(id) {
+      //       if (id.includes('node_modules')) {
+      //         if (id.includes('vditor')) {
+      //           return 'vditor'
+      //         }
+      //         if (id.includes('echarts')) {
+      //           return 'echarts'
+      //         }
+      //         if (id.includes('highlight.js')) {
+      //           return 'highlight'
+      //         }
+      //       }
+      //     },
+      //   },
+      // },
+    },
   },
 })

frontend_nuxt/package.json

@@ -25,6 +25,7 @@
     "ldrs": "^1.0.0",
     "markdown-it": "^14.1.0",
     "mermaid": "^10.9.4",
+    "mp4box": "^2.1.1",
     "nanoid": "^5.1.5",
     "nprogress": "^0.2.0",
     "nuxt": "latest",

frontend_nuxt/pages/index.vue

@@ -594,6 +594,13 @@ const sanitizeDescription = (text) => stripMarkdown(text)
   margin-bottom: 10px;
 }
 
+.article-tags-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+}
+
 .article-tag-item {
   display: flex;
   flex-direction: row;

frontend_nuxt/pages/message-box/[id].vue

@@ -20,7 +20,7 @@
       </div>
     </div>
 
-    <div class="messages-list" ref="messagesListEl">
+    <div class="messages-list" ref="messagesListEl" @click="handleContentClick">
       <div v-if="loading" class="loading-container">
         <l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
       </div>
@@ -50,11 +50,7 @@
               <div class="reply-content" v-html="renderMarkdown(item.replyTo.content)"></div>
             </div>
             <div class="message-content">
-              <div
+              <div class="info-content-text" v-html="renderMarkdown(item.content)"></div>
-                class="info-content-text"
-                v-html="renderMarkdown(item.content)"
-                @click="handleContentClick"
-              ></div>
             </div>
             <ReactionsGroup
               :model-value="item.reactions"
@@ -467,7 +463,7 @@ function minimize() {
 
 function handleContentClick(e) {
   handleMarkdownClick(e)
-  if (e.target.tagName === 'IMG' && !e.target.classList.contains('emoji')) {
+  if (e.target.tagName === 'IMG') {
     const container = e.target.parentNode
     const imgs = [...container.querySelectorAll('img')].map((i) => i.src)
     lightboxImgs.value = imgs

frontend_nuxt/pages/posts/[id]/index.vue

@@ -320,7 +320,6 @@ const mapComment = (
   level = 0,
 ) => ({
   id: c.id,
-  kind: 'comment',
   userName: c.author.username,
   medal: c.author.displayMedal,
   userId: c.author.id,
@@ -375,7 +374,6 @@ const changeLogIcon = (l) => {
 
 const mapChangeLog = (l) => ({
   id: l.id,
-  kind: 'log',
   username: l.username,
   userAvatar: l.userAvatar,
   type: l.type,
@@ -436,7 +434,7 @@ const removeCommentFromList = (id, list) => {
 
 const handleContentClick = (e) => {
   handleMarkdownClick(e)
-  if (e.target.tagName === 'IMG' && !e.target.classList.contains('emoji')) {
+  if (e.target.tagName === 'IMG') {
     const container = e.target.parentNode
     const imgs = [...container.querySelectorAll('img')].map((i) => i.src)
     lightboxImgs.value = imgs
@@ -447,7 +445,7 @@ const handleContentClick = (e) => {
 
 const onCommentDeleted = (id) => {
   removeCommentFromList(Number(id), comments.value)
-  fetchTimeline()
+  fetchComments()
 }
 
 const {
@@ -559,7 +557,7 @@ const postComment = async (parentUserName, text, clear) => {
     if (res.ok) {
       const data = await res.json()
       console.debug('Post comment response data', data)
-      await fetchTimeline()
+      await fetchComments()
       clear()
       if (data.reward && data.reward > 0) {
         toast.success(`评论成功，获得 ${data.reward} 经验值`)
@@ -614,7 +612,7 @@ const approvePost = async () => {
     status.value = 'PUBLISHED'
     toast.success('已通过审核')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -630,7 +628,7 @@ const pinPost = async () => {
   if (res.ok) {
     toast.success('已置顶')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -646,7 +644,7 @@ const unpinPost = async () => {
   if (res.ok) {
     toast.success('已取消置顶')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -662,7 +660,7 @@ const excludeRss = async () => {
   if (res.ok) {
     rssExcluded.value = true
     toast.success('已标记为rss不推荐')
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -678,8 +676,7 @@ const includeRss = async () => {
   if (res.ok) {
     rssExcluded.value = false
     toast.success('已标记为rss推荐')
-    await refreshPost()
+    await fetchChangeLogs()
-    await fetchTimeline()
   } else {
     toast.error('操作失败')
   }
@@ -696,7 +693,7 @@ const closePost = async () => {
     closed.value = true
     toast.success('已关闭')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -713,7 +710,7 @@ const reopenPost = async () => {
     closed.value = false
     toast.success('已重新打开')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -758,7 +755,7 @@ const rejectPost = async () => {
     status.value = 'REJECTED'
     toast.success('已驳回')
     await refreshPost()
-    await fetchTimeline()
+    await fetchChangeLogs()
   } else {
     toast.error('操作失败')
   }
@@ -790,9 +787,9 @@ const fetchCommentSorts = () => {
   ])
 }
 
-const fetchCommentsAndChangeLog = async () => {
+const fetchComments = async () => {
   isFetchingComments.value = true
-  console.info('Fetching comments and chang log', { postId, sort: commentSort.value })
+  console.debug('Fetching comments', { postId, sort: commentSort.value })
   try {
     const token = getToken()
     const res = await fetch(
@@ -801,34 +798,11 @@ const fetchCommentsAndChangeLog = async () => {
         headers: { Authorization: token ? `Bearer ${token}` : '' },
       },
     )
-    console.info('Fetch comments response status', res.status)
+    console.debug('Fetch comments response status', res.status)
     if (res.ok) {
       const data = await res.json()
-      console.info('Fetched comments data', data)
+      console.debug('Fetched comments count', data.length)
-
+      comments.value = data.map(mapComment)
-      const commentList = []
-      const changeLogList = []
-      // 时间线列表，包含评论和日志
-      const newTimelineItemList = []
-
-      for (const item of data) {
-        const mappedPayload =
-          item.kind === 'comment'
-            ? mapComment(item.payload)
-            : mapChangeLog(item.payload)
-        newTimelineItemList.push(mappedPayload)
-
-        if (item.kind === 'comment') {
-          commentList.push(mappedPayload)
-        } else {
-          changeLogList.push(mappedPayload)
-        }
-      }
-
-      comments.value = commentList
-      changeLogs.value = changeLogList
-      timelineItems.value = newTimelineItemList
-
       isFetchingComments.value = false
       await nextTick()
       gatherPostItems()
@@ -840,8 +814,37 @@ const fetchCommentsAndChangeLog = async () => {
   }
 }
 
+const fetchChangeLogs = async () => {
+  try {
+    const res = await fetch(`${API_BASE_URL}/api/posts/${postId}/change-logs`)
+    if (res.ok) {
+      const data = await res.json()
+      changeLogs.value = data.map(mapChangeLog)
+      await nextTick()
+      gatherPostItems()
+    }
+  } catch (e) {
+    console.debug('Fetch change logs error', e)
+  }
+}
+
+//
+// todo(tim): fetchComments, fetchChangeLogs 整合到一个请求，并且取消前端排序
+//
 const fetchTimeline = async () => {
-  await fetchCommentsAndChangeLog()
+  await Promise.all([fetchComments(), fetchChangeLogs()])
+  const cs = comments.value.map((c) => ({ ...c, kind: 'comment' }))
+  const ls = changeLogs.value.map((l) => ({ ...l, kind: 'log' }))
+
+  if (commentSort.value === 'NEWEST') {
+    timelineItems.value = [...cs, ...ls].sort(
+      (a, b) => new Date(b.createdAt) - new Date(a.createdAt),
+    )
+  } else {
+    timelineItems.value = [...cs, ...ls].sort(
+      (a, b) => new Date(a.createdAt) - new Date(b.createdAt),
+    )
+  }
 }
 
 watch(commentSort, async () => {

frontend_nuxt/pages/users/[id].vue

@@ -29,7 +29,7 @@
               <reduce-user />
               取消关注
             </div>
-            <div v-if="!isMine" class="profile-page-header-send-mail-button" @click="sendMessage">
+            <div v-if="!isMine" class="profile-page-header-subscribe-button" @click="sendMessage">
               <message-one />
               发私信
             </div>
@@ -703,26 +703,6 @@ watch(selectedTab, async (val) => {
   cursor: pointer;
 }
 
-.profile-page-header-send-mail-button {
-  display: flex;
-  flex-direction: row;
-  gap: 5px;
-  align-items: center;
-  font-size: 14px;
-  border-radius: 8px;
-  padding: 5px 10px;
-  color: var(--primary-color);
-  background-color: var(--secondary-color);
-  border: 1px solid var(--primary-color);
-  margin-top: 15px;
-  width: fit-content;
-  cursor: pointer;
-}
-
-.profile-page-header-send-mail-button:hover {
-  background-color: var(--secondary-color-hover);
-}
-
 .profile-level-container {
   display: flex;
   flex-direction: column;

frontend_nuxt/utils/device.js

@@ -1,28 +0,0 @@
-export const isClient = typeof window !== 'undefined' && typeof document !== 'undefined'
-
-export const isMac = getIsMac()
-
-function getIsMac() {
-  if (!isClient) {
-    return false
-  }
-
-  try {
-    // 优先使用现代浏览器的 navigator.userAgentData API
-    if (navigator.userAgentData && navigator.userAgentData.platform) {
-      return navigator.userAgentData.platform === 'macOS'
-    }
-
-    // 降级到传统的 User-Agent 检测
-    if (navigator.userAgent) {
-      return /Mac|iPhone|iPad|iPod/i.test(navigator.userAgent)
-    }
-
-    // 默认返回false
-    return false
-  } catch (error) {
-    // 异常处理，记录错误并返回默认值
-    console.warn('检测Mac设备时发生错误:', error)
-    return false
-  }
-}

frontend_nuxt/utils/vditor.js

@@ -3,7 +3,8 @@ import { getToken, authState } from './auth'
 import { searchUsers, fetchFollowings, fetchAdmins } from './user'
 import { tiebaEmoji } from './tiebaEmoji'
 import vditorPostCitation from './vditorPostCitation.js'
-import { checkFileSize, formatFileSize } from './videoCompressor.js'
+import { checkFileSize, formatFileSize, compressVideo, VIDEO_CONFIG } from './videoCompressor.js'
+import { UPLOAD_CONFIG } from '../config/uploadConfig.js'
 
 export function getEditorTheme() {
   return document.documentElement.dataset.theme === 'dark' ? 'dark' : 'classic'
@@ -94,6 +95,7 @@ export function createVditor(editorId, options = {}) {
         const file = files[0]
         const ext = file.name.split('.').pop().toLowerCase()
         const videoExts = ['mp4', 'webm', 'avi', 'mov', 'wmv', 'flv', 'mkv', 'm4v', 'ogv']
+        const isVideo = videoExts.includes(ext)
 
         // 检查文件大小
         const sizeCheck = checkFileSize(file)
@@ -111,10 +113,61 @@ export function createVditor(editorId, options = {}) {
           return '文件过大'
         }
 
+        let processedFile = file
+
+        // 如果是视频文件且需要压缩
+        if (isVideo && sizeCheck.needsCompression) {
+          try {
+            vditor.tip('视频压缩中...', 0)
+            vditor.disabled()
+
+            // 使用 WebCodecs 压缩视频
+            processedFile = await compressVideo(file, (progress) => {
+              const messages = {
+                initializing: '初始化编码器',
+                preparing: '准备压缩',
+                analyzing: '分析视频',
+                compressing: '压缩中',
+                finalizing: '完成压缩',
+                completed: '压缩完成',
+              }
+              const message = messages[progress.stage] || progress.stage
+              vditor.tip(`${message} ${progress.progress}%`, 0)
+            })
+
+            const originalSize = formatFileSize(file.size)
+            const compressedSize = formatFileSize(processedFile.size)
+            const savings = Math.round((1 - processedFile.size / file.size) * 100)
+
+            vditor.tip(`压缩完成！${originalSize} → ${compressedSize} (节省 ${savings}%)`, 2000)
+            // 压缩成功但仍然超过最大限制，则阻止上传
+            if (processedFile.size > VIDEO_CONFIG.MAX_SIZE) {
+              vditor.tip(
+                `压缩后仍超过限制 (${formatFileSize(VIDEO_CONFIG.MAX_SIZE)}). 请降低分辨率或码率后再上传。`,
+                4000,
+              )
+              vditor.enable()
+              return '压缩后仍超过大小限制'
+            }
+          } catch (error) {
+            // 压缩失败时，如果原文件超过最大限制，则阻止上传
+            if (file.size > VIDEO_CONFIG.MAX_SIZE) {
+              vditor.tip(
+                `视频压缩失败，且文件超过限制 (${formatFileSize(VIDEO_CONFIG.MAX_SIZE)}). 请先压缩后再上传。`,
+                4000,
+              )
+              vditor.enable()
+              return '视频压缩失败且文件过大'
+            }
+            vditor.tip('视频压缩失败，将尝试上传原文件', 3000)
+            processedFile = file
+          }
+        }
+
         vditor.tip('文件上传中', 0)
         vditor.disabled()
         const res = await fetch(
-          `${API_BASE_URL}/api/upload/presign?filename=${encodeURIComponent(file.name)}`,
+          `${API_BASE_URL}/api/upload/presign?filename=${encodeURIComponent(processedFile.name)}`,
           { headers: { Authorization: `Bearer ${getToken()}` } },
         )
         if (!res.ok) {
@@ -123,7 +176,7 @@ export function createVditor(editorId, options = {}) {
           return '获取上传地址失败'
         }
         const info = await res.json()
-        const put = await fetch(info.uploadUrl, { method: 'PUT', body: file })
+        const put = await fetch(info.uploadUrl, { method: 'PUT', body: processedFile })
         if (!put.ok) {
           vditor.enable()
           vditor.tip('上传失败')

frontend_nuxt/utils/videoCompressor.js

@@ -1,8 +1,10 @@
 /**
- * 视频上传工具
+ * 基于 WebCodecs + MP4Box.js 的视频压缩工具
+ * 专为现代浏览器 (Chrome/Safari) 优化
  */
 
 import { UPLOAD_CONFIG } from '../config/uploadConfig.js'
+import { compressVideoWithWebCodecs, isWebCodecSupported } from './webcodecVideoCompressor.js'
 
 // 导出配置供外部使用
 export const VIDEO_CONFIG = UPLOAD_CONFIG.VIDEO
@@ -15,6 +17,7 @@ export function checkFileSize(file) {
     isValid: file.size <= VIDEO_CONFIG.MAX_SIZE,
     actualSize: file.size,
     maxSize: VIDEO_CONFIG.MAX_SIZE,
+    needsCompression: file.size > VIDEO_CONFIG.TARGET_SIZE,
   }
 }
 
@@ -28,3 +31,42 @@ export function formatFileSize(bytes) {
   const i = Math.floor(Math.log(bytes) / Math.log(k))
   return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i]
 }
+
+/**
+ * 压缩视频文件 - 使用 WebCodecs
+ */
+export async function compressVideo(file, onProgress = () => {}) {
+  // 检查是否需要压缩
+  const sizeCheck = checkFileSize(file)
+  if (!sizeCheck.needsCompression) {
+    onProgress({ stage: 'completed', progress: 100 })
+    return file
+  }
+
+  // 检查 WebCodecs 支持
+  if (!isWebCodecSupported()) {
+    throw new Error('当前浏览器不支持视频压缩功能，请使用支持 WebCodecs 的浏览器')
+  }
+
+  try {
+    return await compressVideoWithWebCodecs(file, { onProgress })
+  } catch (error) {
+    console.error('WebCodecs 压缩失败:', error)
+    throw new Error(`视频压缩失败: ${error.message}`)
+  }
+}
+
+/**
+ * 预加载 WebCodecs（可选的性能优化）
+ */
+export async function preloadVideoCompressor() {
+  try {
+    if (!isWebCodecSupported()) {
+      throw new Error('当前浏览器不支持 WebCodecs')
+    }
+    return { success: true, message: 'WebCodecs 已就绪' }
+  } catch (error) {
+    console.warn('WebCodecs 检测失败:', error)
+    return { success: false, error: error.message }
+  }
+}

frontend_nuxt/utils/webcodecVideoCompressor.js

@@ -0,0 +1,98 @@
+import MP4Box from 'mp4box'
+
+// 检查 WebCodecs 支持
+export function isWebCodecSupported() {
+  return typeof window !== 'undefined' && typeof window.VideoEncoder !== 'undefined'
+}
+
+// 使用 WebCodecs + MP4Box.js 压缩视频
+export async function compressVideoWithWebCodecs(file, opts = {}) {
+  const { onProgress = () => {}, width = 720, bitrate = 1_000_000 } = opts
+
+  if (!isWebCodecSupported()) {
+    throw new Error('当前浏览器不支持 WebCodecs')
+  }
+
+  onProgress({ stage: 'initializing', progress: 0 })
+
+  // 加载原始视频
+  const url = URL.createObjectURL(file)
+  const video = document.createElement('video')
+  video.src = url
+  video.muted = true
+  await video.play().catch(() => {})
+  video.pause()
+  await new Promise((resolve) => {
+    if (video.readyState >= 2) resolve()
+    else video.onloadedmetadata = () => resolve()
+  })
+
+  const targetWidth = width
+  const targetHeight = Math.round((video.videoHeight / video.videoWidth) * width)
+  const canvas = document.createElement('canvas')
+  canvas.width = targetWidth
+  canvas.height = targetHeight
+  const ctx = canvas.getContext('2d')
+
+  const chunks = []
+  const encoder = new VideoEncoder({
+    output: (chunk) => {
+      chunks.push(chunk)
+    },
+    error: (e) => {
+      throw e
+    },
+  })
+  encoder.configure({
+    codec: 'avc1.42001E',
+    width: targetWidth,
+    height: targetHeight,
+    bitrate,
+    framerate: 30,
+  })
+
+  const duration = video.duration
+  const frameCount = Math.floor(duration * 30)
+  for (let i = 0; i < frameCount; i++) {
+    video.currentTime = i / 30
+    await new Promise((res) => (video.onseeked = res))
+    ctx.drawImage(video, 0, 0, targetWidth, targetHeight)
+    const bitmap = await createImageBitmap(canvas)
+    const frame = new VideoFrame(bitmap, { timestamp: (i / 30) * 1000000 })
+    encoder.encode(frame)
+    frame.close()
+    bitmap.close()
+    onProgress({ stage: 'compressing', progress: Math.round(((i + 1) / frameCount) * 80) })
+  }
+
+  await encoder.flush()
+  onProgress({ stage: 'finalizing', progress: 90 })
+
+  const mp4box = MP4Box.createFile()
+  const track = mp4box.addTrack({
+    timescale: 1000,
+    width: targetWidth,
+    height: targetHeight,
+  })
+
+  let dts = 0
+  chunks.forEach((chunk) => {
+    const data = new Uint8Array(chunk.byteLength)
+    chunk.copyTo(data)
+    mp4box.addSample(track, data.buffer, {
+      duration: chunk.duration ? chunk.duration / 1000 : 33,
+      dts,
+      cts: dts,
+      is_sync: chunk.type === 'key',
+    })
+    dts += chunk.duration ? chunk.duration / 1000 : 33
+  })
+
+  const arrayBuffer = mp4box.flush()
+  const outputFile = new File([arrayBuffer], file.name.replace(/\.[^.]+$/, '.mp4'), {
+    type: 'video/mp4',
+  })
+  onProgress({ stage: 'completed', progress: 100 })
+  URL.revokeObjectURL(url)
+  return outputFile
+}