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

待完善!!!

相关推荐
Mh5 小时前
别再只会 `find` 了:Map 在前端业务里的真实用法
前端·javascript
陈随易5 小时前
FFmpeg 9.0 发布,代号 Lei,音视频处理再升级
前端·后端·程序员
爱丶狸6 小时前
Grafana_Zabbix_ImageRenderer_部署与前端操作手册
linux·前端·zabbix·grafana·kylin
木子欢儿8 小时前
Intel 架构的 MacBook Pro 运行 Linux 发热量高解决
linux·运维·服务器
用户059540174469 小时前
把AI对话记忆存储测试从手工改成Playwright+pytest,覆盖率从20%提到96%,回归时间缩短90%
前端·css
kyriewen9 小时前
别再这样写TypeScript了——Code Review中最常见的8个反模式
前端·javascript·typescript
都叫我大帅哥9 小时前
Java JJWT 完全指南:从入门到生产级实践
java
名字还没想好☜9 小时前
Next.js ‘use client‘ 到底加在哪:Server/Client Components 边界与常见报错
开发语言·前端·javascript·react·next.js
午安~婉9 小时前
GitHub Token/ GitHub Stats统计显示图异常
前端·github·vercel·github token
码云之上9 小时前
AI Agent 工程化总览篇:从 Prompt 到 Harness
前端·人工智能