Java开发小程序用户收藏功能 小程序收藏夹设计与实现

@RestController
@RequestMapping("/api/favorites")
public class FavoriteController {

    @Autowired
    private FavoriteService favoriteService;

    /**
     * 添加收藏
     * 请求体示例: { "userId": 1, "itemId": 101, "itemType": "PRODUCT" }
     */
    @PostMapping
    public ResponseEntity<String> addFavorite(@RequestBody FavoriteRequest request) {
        try {
            favoriteService.addFavorite(request.getUserId(), request.getItemId(), request.getItemType());
            return ResponseEntity.ok("收藏成功");
        } catch (DuplicateKeyException e) {
            // 捕获唯一索引冲突，表示已收藏
            return ResponseEntity.status(HttpStatus.CONFLICT).body("已收藏，请勿重复操作");
        } catch (Exception e) {
            // 其他异常处理
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("收藏失败：" + e.getMessage());
        }
    }

    // ... 其他接口
}

    /**
     * 取消收藏
     * 请求参数示例: /api/favorites?userId=1&itemId=101&itemType=PRODUCT
     */
    @DeleteMapping
    public ResponseEntity<String> removeFavorite(@RequestParam Long userId,
                                                @RequestParam Long itemId,
                                                @RequestParam String itemType) {
        try {
            int rowsAffected = favoriteService.removeFavorite(userId, itemId, itemType);
            if (rowsAffected > 0) {
                return ResponseEntity.ok("取消收藏成功");
            } else {
                return ResponseEntity.status(HttpStatus.NOT_FOUND).body("未找到该收藏记录");
            }
        } catch (Exception e) {
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("取消收藏失败：" + e.getMessage());
        }
    }

    /**
     * 获取用户收藏列表
     * 请求参数示例: /api/favorites?userId=1&itemType=PRODUCT (如果需要按类型过滤)
     */
    @GetMapping
    public ResponseEntity<List<FavoriteItemVO>> getFavorites(@RequestParam Long userId,
                                                            @RequestParam(required = false) String itemType) {
        List<FavoriteItemVO> favorites = favoriteService.getFavoritesByUserId(userId, itemType);
        return ResponseEntity.ok(favorites);
    }

// page.js
Page({
  data: {
    itemId: null, // 当前内容的ID
    itemType: 'PRODUCT', // 当前内容的类型
    isFavorite: false, // 是否已收藏
    loading: false // 加载状态
  },

  onLoad: function (options) {
    this.setData({
      itemId: options.itemId
    });
    this.checkFavoriteStatus(); // 页面加载时检查收藏状态
  },

  checkFavoriteStatus: function () {
    // 假设后端有一个接口可以直接查询某个内容是否被当前用户收藏
    // 或者前端先获取所有收藏列表再本地判断
    const userId = getApp().globalData.userInfo.userId; // 假设用户ID已存储在全局
    if (!userId) return;

    this.setData({ loading: true });
    wx.request({
      url: 'https://your-backend.com/api/favorites/status', // 一个查询单个内容收藏状态的接口
      method: 'GET',
      data: {
        userId: userId,
        itemId: this.data.itemId,
        itemType: this.data.itemType
      },
      success: (res) => {
        if (res.statusCode === 200 && res.data.isFavorite) {
          this.setData({ isFavorite: true });
        } else {
          this.setData({ isFavorite: false });
        }
      },
      complete: () => {
        this.setData({ loading: false });
      }
    });
  },

  toggleFavorite: function () {
    if (this.data.loading) return; // 避免重复点击

    const userId = getApp().globalData.userInfo.userId;
    if (!userId) {
      wx.showToast({ title: '请先登录', icon: 'none' });
      return;
    }

    this.setData({ loading: true });
    const method = this.data.isFavorite ? 'DELETE' : 'POST';
    const url = 'https://your-backend.com/api/favorites';

    wx.request({
      url: url,
      method: method,
      data: this.data.isFavorite ? { userId: userId, itemId: this.data.itemId, itemType: this.data.itemType } : { userId: userId, itemId: this.data.itemId, itemType: this.data.itemType },
      success: (res) => {
        if (res.statusCode === 200) {
          this.setData({ isFavorite: !this.data.isFavorite });
          wx.showToast({
            title: this.data.isFavorite ? '收藏成功' : '取消收藏',
            icon: 'success'
          });
        } else {
          wx.showToast({
            title: res.data || '操作失败',
            icon: 'none'
          });
        }
      },
      fail: () => {
        wx.showToast({ title: '网络错误', icon: 'none' });
      },
      complete: () => {
        this.setData({ loading: false });
      }
    });
  }
});