项目7-音乐播放器4+喜欢/收藏音乐

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 后端代码

java 复制代码
 public Boolean deleteLikeMusic(Integer likeuserId,Integer likemusicId){
        if(loveMusicMapper.deleteLikeMusic(likeuserId,likemusicId)<1){
            return false;
        }
        return true;
    }
java 复制代码
@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表中有关该音乐的也需要删除

待完善!!!

相关推荐
swipe29 分钟前
从 0 到 1 理解 React 虚拟列表:定高、不定高与 Canvas 版本完整拆解
前端·javascript·面试
铁皮饭盒1 小时前
Bun执行python代码
前端·javascript·后端
hunterandroid1 小时前
Service 与前台服务:让任务在后台持续运行
前端
米饭同学i1 小时前
深扒 LobsterAI 官网前端动效实现方案:从交互细节到代码实践
前端
前端啊1 小时前
告别 el-table 打印难题,vue3-print-el-table 来了!
前端·vue.js
JarvanMo2 小时前
AI时代跨平台还有必要吗?
前端
Patrick_Wilson2 小时前
幂等到底是什么?从前端视角讲透 SQL、HTTP 与 POST 接口的幂等设计
前端·后端·架构
凌览2 小时前
一人公司别再上 Jenkins,真不值
前端·后端
oil欧哟2 小时前
Codex 最佳实践(超级长文):先搞懂 AI,再用好 AI
前端·人工智能·后端
小小小小宇2 小时前
前端渲染方式
前端