1.喜欢/收藏音乐模块设计

1.1 请求响应模块设计

请求：
{
        post,
        /lovemusic/likeMusic
        data: id//音乐id
}
响应：
{
        "status": 0,
        "message": "点赞音乐成功",
        "data": true
}

1.2.后端代码

 步骤：

1.查询是否已经收藏过（收藏过返回false）

2.插入成功（true）

3.插入失败（false）

数据库

MAPPER

Service

Controller

2.查询喜欢的音乐模块设计

2.1 请求响应设计

此处查询需要满足几个功能：
1. 支持模糊查询
2. 支持传入参数为空

2.2 前端代码 

mapper

service

controller

2.3 后端接口测试

3. SECTION1和SECTION2的前端代码 

 

 

音乐播放与之前的一样 

4.移除喜欢的音乐模块设计

请求：
{
        post,
        /lovemusic/deletelovemusic,
        data:{id:id}
}
响应：
{
        "status": 0,
        "message": "取消收藏成功！",
        "data": true
}

4.1 后端代码 

 public Boolean deleteLikeMusic(Integer likeuserId,Integer likemusicId){
        if(loveMusicMapper.deleteLikeMusic(likeuserId,likemusicId)<1){
            return false;
        }
        return true;
    }

@RequestMapping("/deletelovemusic")
    public Result deleteLikeMusic(@RequestParam(required = false) Integer musicId,HttpSession httpSession){
        if(musicId==null){
            return Result.fail(Constant.RESULT_CODE_FAIL,"你没有选中任何音乐取消收藏");
        }
        User user=(User) httpSession.getAttribute(Constant.USERINFO_SESSION_KEY);
        Integer userId=user.getUserId();
        if(loveMusicService.deleteLikeMusic(userId,musicId)){
            return Result.success(true);
        }
        return Result.fail(Constant.RESULT_CODE_FAIL,"删除失败");
    }

4.2 后端接口测试

4.3 前后端交互 

5.修改后端代码，当删除音乐时lovemusic表中有关该音乐的也需要删除

待完善！！！