项目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表中有关该音乐的也需要删除

待完善!!!

相关推荐
无奈何杨6 分钟前
CoolGuard增加枚举字段支持,条件编辑优化,展望指标取值不同
前端·后端
掘金安东尼8 分钟前
工具过多:如何管理前端工具泛滥?
前端
江城开朗的豌豆18 分钟前
从生命周期到useEffect:我的React函数组件进化之旅
前端·javascript·react.js
brzhang28 分钟前
当AI接管80%的执行,你“不可替代”的价值,藏在这20%里
前端·后端·架构
江城开朗的豌豆34 分钟前
React组件传值:轻松掌握React组件通信秘籍
前端·javascript·react.js
Sailing42 分钟前
别再放任用户乱填 IP 了!一套前端 IP 与 CIDR 校验的高效方案
前端·javascript·面试
程序员爱钓鱼3 小时前
Go语言实战案例 — 项目实战篇:简易博客系统(支持评论)
前端·后端·go
Grey Zeng9 小时前
Java SE 25新增特性
java·jdk·jdk新特性·jdk25
雨白10 小时前
Java 线程通信基础:interrupt、wait 和 notifyAll 详解
android·java
excel10 小时前
ES6 中函数的双重调用方式:fn() 与 fn\...``
前端