SpringBoot+微信小程序实现的云音乐小程序系统附带详细运行指导视频

约定不等于承诺〃 2023-10-07 22:11 9阅读 0赞

#### 文章目录 ####

*   *  一、项目演示
     *  二、项目介绍
     *  三、项目运行截图
     *  四、主要代码

### 一、项目演示 ###

**项目演示地址：** [视频地址][Link 1]

### 二、项目介绍 ###

项目描述：这是一个**基于SpringBoot+微信小程序框架**开发的云音乐微信小程序系统。首先，这是一个**前后端分离**的项目，前端分为**用户端**和**管理端**，**用户端**使用**微信小程序(微信小程序开发)**，**管理端**使用**Web页面(Vue开发)**。其次这项目代码简洁规范，注释说明详细，易于理解和学习。其次，这项目功能丰富，具有一个云音乐微信小程序系统该有的所有功能。

项目功能：此项目分为**两个**角色：**普通用户**和**管理员**。**普通用户**有登录注册、搜索音乐、查看专辑、查看歌单、查看歌手、查看排行榜、管理自己歌单、播放音乐、收藏音乐、评论音乐、自定义播放音乐（**随机播放、单曲循环、列表循环**）、管理个人信息等等功能。**管理员**有管理所有用户信息、管理所有专辑信息、管理所有海报信息、管理所有音乐信息、管理所有歌单信息、管理所有评论信息、管理所有歌手信息等等功能。

应用技术：SpringBoot + 微信小程序+ Vue + MySQL + MyBatis + Redis + ElementUI

运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）+ 微信开发者工具（项目压缩包中自带）

### 三、项目运行截图 ###

![在这里插入图片描述][019acc301fa742c28e29659d00c2be89.png]  
![在这里插入图片描述][b94840197e1e4aa28f7a5cd5c7da6409.png]  
![在这里插入图片描述][0f543393ea814cfbac47d33fbec0f8ab.png]

![在这里插入图片描述][d316672d40d54ddd8ce7154764b584b6.png]  
![在这里插入图片描述][59a32bd8cc554ff4ba27989fe814502a.png]  
![在这里插入图片描述][63329b6e918f491484737089e2c0c379.png]  
![在这里插入图片描述][97b216d385fd452485fc334e5421742f.png]

![在这里插入图片描述][ffe3ea7d873a4d9fafc38e128f9dd0a5.png]  
![在这里插入图片描述][eb9731cd6bb744ac9f7817c0aba07cb6.png]  
![在这里插入图片描述][9ed5dbb8488f41d1ae0802f92673e698.png]  
![在这里插入图片描述][9c6e898c7c1a46a5aedb24c8e8e3b79b.png]  
![在这里插入图片描述][e6002edf085e48fdac43c973a510be0a.png]  
![在这里插入图片描述][db911feb37aa4f09b37859c8981f622c.png]  
![在这里插入图片描述][75889992372e41d0917b6111c63c6f46.png]  
![在这里插入图片描述][0aa1e8b0b453445197bdd1b0fdf3053a.png]  
![在这里插入图片描述][379908fd156643ee841f9c07eb27755f.png]  
![在这里插入图片描述][61e95d2717e149c697e6daf02072eef8.png]  
![在这里插入图片描述][14b7a61ef09649e599cd03898b3dfa07.png]  
![在这里插入图片描述][0237796a08b24e54ab88a35cdfcf8844.png]  
![在这里插入图片描述][cb6ba66077a84d649df02a5194496824.png]  
![在这里插入图片描述][274cc99d6e5b4bfaaebb848b35871ee3.png]  
![在这里插入图片描述][24e2eb3f50a14f218ddb736fa32bf7fe.png]  
![在这里插入图片描述][d3e9cfed18eb43d9aba7017a49b891e2.png]  
![在这里插入图片描述][5cb91bdacdf94bbaba00fca06e8e7e6a.png]  
![在这里插入图片描述][aa33fb96110147b484c2384338d31793.png]  
![在这里插入图片描述][36bf6b03df6648cf9867ca8b03080653.png]  
![在这里插入图片描述][0d3ec573aaa340ff902518b929a10cd7.png]  
![在这里插入图片描述][a7b0acdfed5e4dd09a84ee5ec516ae4d.png]

### 四、主要代码 ###

**1.后台管理系统保存音乐数据代码：**

/**
      * 保存音乐数据(添加、修改)
      * @param musicDTO
      * @return
      */
     @Override
     public ResponseDTO<Boolean> saveMusic(MusicDTO musicDTO) {
        
         // 进行统一表单验证
         CodeMsg validate = ValidateEntityUtil.validate(musicDTO);
         if(!validate.getCode().equals(CodeMsg.SUCCESS.getCode())){
        
             return ResponseDTO.errorByMsg(validate);
         }
         Music music = CopyUtil.copy(musicDTO, Music.class);
         Album album = albumMapper.selectByPrimaryKey(music.getAlbumId());
         if(album == null) {
        
             return ResponseDTO.errorByMsg(CodeMsg.ALBUM_NOT_EXIST);
         }
         music.setAlbumName(album.getName());
         Singer singer = singerMapper.selectByPrimaryKey(music.getSingerId());
         if(singer == null) {
        
             return ResponseDTO.errorByMsg(CodeMsg.SINGER_NOT_EXIST);
         }
         music.setSingerName(singer.getName());
         if(CommonUtil.isEmpty(music.getId())){
        
             // id为空 说明是添加数据
             // 生成8位id
             music.setId(UuidUtil.getShortUuid());
             music.setCreateTime(new Date());
             // 添加数据到数据库
             if(musicMapper.insertSelective(music) == 0){
        
                 return ResponseDTO.errorByMsg(CodeMsg.MUSIC_ADD_ERROR);
             }
         }else{
        
             // id不为空 说明是修改数据
             // 修改数据库中数据
             if(musicMapper.updateByPrimaryKeySelective(music) == 0){
        
                 return ResponseDTO.errorByMsg(CodeMsg.MUSIC_EDIT_ERROR);
             }
         }
         return ResponseDTO.successByMsg(true, "保存成功！");
     }

**2.小程序用户登录代码：**

/**
    * 小程序用户登录操作
      * @param userDTO
      * @return
      */
     @Override
     public ResponseDTO<UserDTO> appLogin(UserDTO userDTO) {
        
         // 进行是否为空判断
         if(CommonUtil.isEmpty(userDTO.getUsername())){
        
             return ResponseDTO.errorByMsg(CodeMsg.USERNAME_EMPTY);
         }
         if(CommonUtil.isEmpty(userDTO.getPassword())){
        
             return ResponseDTO.errorByMsg(CodeMsg.PASSWORD_EMPTY);
         }
         // 对比昵称和密码是否正确
         UserExample userExample = new UserExample();
         userExample.createCriteria().andUsernameEqualTo(userDTO.getUsername()).andPasswordEqualTo(userDTO.getPassword());
         List<User> userList = userMapper.selectByExample(userExample);
         if(userList == null || userList.size() != 1){
        
             return ResponseDTO.errorByMsg(CodeMsg.USERNAME_PASSWORD_ERROR);
         }
         // 生成登录token并存入Redis中
         User selectedUser = userList.get(0);
         UserDTO selectedUserDTO = CopyUtil.copy(selectedUser, UserDTO.class);
         String token = UuidUtil.getShortUuid();
         selectedUserDTO.setToken(token);
         //把token存入redis中 有效期1小时
         stringRedisTemplate.opsForValue().set("USER_" + token, JSON.toJSONString(selectedUser), 3600, TimeUnit.SECONDS);
         return ResponseDTO.successByMsg(selectedUserDTO, "登录成功！");
     }

[Link 1]: https://www.bilibili.com/video/BV1h84y1t7Br
[019acc301fa742c28e29659d00c2be89.png]: https://img-blog.csdnimg.cn/019acc301fa742c28e29659d00c2be89.png
[b94840197e1e4aa28f7a5cd5c7da6409.png]: https://img-blog.csdnimg.cn/b94840197e1e4aa28f7a5cd5c7da6409.png
[0f543393ea814cfbac47d33fbec0f8ab.png]: https://img-blog.csdnimg.cn/0f543393ea814cfbac47d33fbec0f8ab.png
[d316672d40d54ddd8ce7154764b584b6.png]: https://img-blog.csdnimg.cn/d316672d40d54ddd8ce7154764b584b6.png
[59a32bd8cc554ff4ba27989fe814502a.png]: https://img-blog.csdnimg.cn/59a32bd8cc554ff4ba27989fe814502a.png
[63329b6e918f491484737089e2c0c379.png]: https://img-blog.csdnimg.cn/63329b6e918f491484737089e2c0c379.png
[97b216d385fd452485fc334e5421742f.png]: https://img-blog.csdnimg.cn/97b216d385fd452485fc334e5421742f.png
[ffe3ea7d873a4d9fafc38e128f9dd0a5.png]: https://img-blog.csdnimg.cn/ffe3ea7d873a4d9fafc38e128f9dd0a5.png
[eb9731cd6bb744ac9f7817c0aba07cb6.png]: https://img-blog.csdnimg.cn/eb9731cd6bb744ac9f7817c0aba07cb6.png
[9ed5dbb8488f41d1ae0802f92673e698.png]: https://img-blog.csdnimg.cn/9ed5dbb8488f41d1ae0802f92673e698.png
[9c6e898c7c1a46a5aedb24c8e8e3b79b.png]: https://img-blog.csdnimg.cn/9c6e898c7c1a46a5aedb24c8e8e3b79b.png
[e6002edf085e48fdac43c973a510be0a.png]: https://img-blog.csdnimg.cn/e6002edf085e48fdac43c973a510be0a.png
[db911feb37aa4f09b37859c8981f622c.png]: https://img-blog.csdnimg.cn/db911feb37aa4f09b37859c8981f622c.png
[75889992372e41d0917b6111c63c6f46.png]: https://img-blog.csdnimg.cn/75889992372e41d0917b6111c63c6f46.png
[0aa1e8b0b453445197bdd1b0fdf3053a.png]: https://img-blog.csdnimg.cn/0aa1e8b0b453445197bdd1b0fdf3053a.png
[379908fd156643ee841f9c07eb27755f.png]: https://img-blog.csdnimg.cn/379908fd156643ee841f9c07eb27755f.png
[61e95d2717e149c697e6daf02072eef8.png]: https://img-blog.csdnimg.cn/61e95d2717e149c697e6daf02072eef8.png
[14b7a61ef09649e599cd03898b3dfa07.png]: https://img-blog.csdnimg.cn/14b7a61ef09649e599cd03898b3dfa07.png
[0237796a08b24e54ab88a35cdfcf8844.png]: https://img-blog.csdnimg.cn/0237796a08b24e54ab88a35cdfcf8844.png
[cb6ba66077a84d649df02a5194496824.png]: https://img-blog.csdnimg.cn/cb6ba66077a84d649df02a5194496824.png
[274cc99d6e5b4bfaaebb848b35871ee3.png]: https://img-blog.csdnimg.cn/274cc99d6e5b4bfaaebb848b35871ee3.png
[24e2eb3f50a14f218ddb736fa32bf7fe.png]: https://img-blog.csdnimg.cn/24e2eb3f50a14f218ddb736fa32bf7fe.png
[d3e9cfed18eb43d9aba7017a49b891e2.png]: https://img-blog.csdnimg.cn/d3e9cfed18eb43d9aba7017a49b891e2.png
[5cb91bdacdf94bbaba00fca06e8e7e6a.png]: https://img-blog.csdnimg.cn/5cb91bdacdf94bbaba00fca06e8e7e6a.png
[aa33fb96110147b484c2384338d31793.png]: https://img-blog.csdnimg.cn/aa33fb96110147b484c2384338d31793.png
[36bf6b03df6648cf9867ca8b03080653.png]: https://img-blog.csdnimg.cn/36bf6b03df6648cf9867ca8b03080653.png
[0d3ec573aaa340ff902518b929a10cd7.png]: https://img-blog.csdnimg.cn/0d3ec573aaa340ff902518b929a10cd7.png
[a7b0acdfed5e4dd09a84ee5ec516ae4d.png]: https://img-blog.csdnimg.cn/a7b0acdfed5e4dd09a84ee5ec516ae4d.png