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

待完善!!!

相关推荐
正在学习前端的---小方同学34 分钟前
vue-easy-tree树状结构
前端·javascript·vue.js
毕业设计制作和分享2 小时前
springboot150基于springboot的贸易行业crm系统
java·vue.js·spring boot·后端·毕业设计·mybatis
键盘不能没有CV键4 小时前
【图片处理】✈️HTML转图片字体异常处理
前端·javascript·html
yantuguiguziPGJ5 小时前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
大飞记Python5 小时前
部门管理|“编辑部门”功能实现(Django5零基础Web平台)
前端·数据库·python·django
tsumikistep6 小时前
【前端】前端运行环境的结构
前端
你的人类朋友6 小时前
【Node】认识multer库
前端·javascript·后端
Aitter6 小时前
PDF和Word文件转换为Markdown的技术实现
前端·ai编程
小梁努力敲代码7 小时前
java数据结构--List的介绍
java·开发语言·数据结构
mapbar_front7 小时前
面试问题—上家公司的离职原因
前端·面试