项目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 小时前
前端网络实战手册:15个高频工作场景全解析
前端·网络协议
num_killer6 小时前
小白的Langchain学习
java·python·学习·langchain
C_心欲无痕6 小时前
有限状态机在前端中的应用
前端·状态模式
C_心欲无痕6 小时前
前端基于 IntersectionObserver 更流畅的懒加载实现
前端
candyTong7 小时前
深入解析:AI 智能体(Agent)是如何解决问题的?
前端·agent·ai编程
期待のcode7 小时前
Java虚拟机的运行模式
java·开发语言·jvm
每日出拳老爷子7 小时前
【远程协助】内网 IT 运维远程协助系统的最小可用架构
运维·服务器·远程工作·流媒体·视音频
程序员老徐7 小时前
Tomcat源码分析三(Tomcat请求源码分析)
java·tomcat
柳杉7 小时前
建议收藏 | 2026年AI工具封神榜:从Sora到混元3D,生产力彻底爆发
前端·人工智能·后端
weixin_462446237 小时前
使用 Puppeteer 设置 Cookies 并实现自动化分页操作:前端实战教程
运维·前端·自动化