微服务SpringBoot 整合Redis 实现点赞、点赞排行榜

た入场券 2024-05-01 04:35 10阅读 0赞

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

*  ⛅引言
 *  一、发布探店笔记
 *  二、查看探店笔记
 *  三、Spring Boot 整合 Redis 实现点赞功能
 *  四、Spring Boot 整合 Redis 实现点赞排行榜
 *  ⛵小结

## ⛅引言 ##

**本博文参考 黑马 程序员B站 Redis课程系列**

在点评项目中，有这样的需求，如何实现笔记的**点赞、以及点赞的排行榜**功能？

> 使用Redis 的 **Set集合、ZSet集合实现点赞功能**

**Redis 如此强大！**

## 一、发布探店笔记 ##

如何发布探店笔记呢，该部分需求为如下：

*  要求可上传图片，可输入标题、内容即可
 *  发布按钮，点击后即可发布笔记，同时也需要存储用户对笔记的评价以及点赞相关信息

具体要求：

![在这里插入图片描述][5939fa747a834a30848709815dda728f.png_pic_center]

**进入发布页面**

![在这里插入图片描述][bdffcf6dcd6045a0af50a9f257474d5e.png_pic_center]

**实现具体功能即可**

> **核心代码如下**

**BlogController**

@PostMapping("blog")
    public Result uploadImage(@RequestParam("file") MultipartFile image) {
        
        return uploadService.uploadImage(image);
    }

**BlogServiceImpl**

**注意修改路径，在Nginx容器中存储图片即可，也可以买阿里云OSS对象存储来存储图片**

@Slf4j
    @Service
    public class UploadServiceImpl implements IUploadService {
        
        @Override
        public Result uploadImage(MultipartFile file) {
        
            try {
        
                // 获取原始文件名称
                String originalFilename = file.getOriginalFilename();
                // 生成新文件名
                String fileName = createNewFileName(originalFilename);
                // 保存文件，注意修改地址 SystemConstants.IMAGE_UPLOAD_DIR
                file.transferTo(new File(SystemConstants.IMAGE_UPLOAD_DIR, fileName));
                // 返回结果
                log.debug("文件上传成功，{}", fileName);
                return Result.ok(fileName);
            } catch (IOException e) {
        
                throw new RuntimeException("文件上传失败", e);
            }
        }
    
        private String createNewFileName(String originalFilename) {
        
            // 获取后缀
            String suffix = StrUtil.subAfter(originalFilename, ".", true);
            // 生成目录
            String name = UUID.randomUUID().toString();
            int hash = name.hashCode();
            int d1 = hash & 0xF;
            int d2 = (hash >> 4) & 0xF;
            // 判断目录是否存在
            File dir = new File(SystemConstants.IMAGE_UPLOAD_DIR, StrUtil.format("/blogs/{}/{}", d1, d2));
            if (!dir.exists()) {
        
                dir.mkdirs();
            }
            // 生成文件名
            return StrUtil.format("/blogs/{}/{}/{}.{}", d1, d2, name, suffix);
        }
    }

**发布成功如下：**

![在这里插入图片描述][eb515e008e804b33941956b8d39d060e.png_pic_center]

## 二、查看探店笔记 ##

**点击笔记需要进入详情页，我们实现详情查看**

**核心代码**

**BlogController**

RestFul 风格，传入id，通过指定注解接受即可。

@GetMapping("/{id}")
    public Result queryBlogId(@PathVariable("id") Long id) {
        
        return blogService.queryBlogId(id);
    }

**BlogServiceImpl**

public Result queryBlogId(Long id) {
        
        // 1. 查询blog
        Blog blog = getById(id);
        if (blog == null) {
        
            return Result.fail("笔记不存在！");
        }
        //2. 查询用户
        queryBlogUser(blog);
        //3. 查询blog是否被点赞了
        isBlogLiked(blog);
        return Result.ok(blog);
    }

**成功查看**

![在这里插入图片描述][add0aef63b6d4a2a86bfb389c6ab06a4.png_pic_center]

## 三、Spring Boot 整合 Redis 实现点赞功能 ##

**如何实现点赞功能？首先我们分析需求**

> 笔记点赞

*  同一个用户只能对同一篇笔记进行一次点赞，如果点过赞则取消点赞
 *  如果当前用户已经对 笔记进行点赞，则高亮显示，反之取消高亮

**实现步骤**

*  给 **Blog 类增加一个isLike 字段**，标识**当前用户是否为笔记点赞**
 *  修改点赞功能，利用**Redis 的Set集合进行 判断是否点赞过**，没有点赞则+1，已点赞-1
 *  修改**根据id查询 Blog 业务**，判断当前登录用户是否为某篇笔记点赞过，赋值给isLike字段
 *  修改**分页查询 Blog 业务**，判断当前登录用户是否为某篇笔记点赞过，赋值给isLike字段

> 为何采用Set 集合？

因为每个数据是不允许重复的，当用户操作完成后，无论如何操作，都是有且仅有一条记录

添加Blog **isLike字段**

// 系统是采用MyBatis-Plus 实现的，而当前字段在数据表中不存在，则采用注解进行过滤
    @TableField(exist = false)
    private Boolean isLike;

**修改代码**

@Override
    public Result likeBlog(Long id){
        
        // 1.获取登录用户
        Long userId = UserHolder.getUser().getId();
        // 2.判断当前登录用户是否已经点赞
        String key = BLOG_LIKED_KEY + id;
        Boolean isMember = stringRedisTemplate.opsForSet().isMember(key, userId.toString());
        if(BooleanUtil.isFalse(isMember)){
        
            //3.如果未点赞，可以点赞
            //3.1 数据库点赞数+1
            boolean isSuccess = update().setSql("liked = liked + 1").eq("id", id).update();
            //3.2 保存用户到Redis的set集合
            if(isSuccess){
        
                stringRedisTemplate.opsForSet().add(key,userId.toString());
            }
        }else{
        
            //4.如果已点赞，取消点赞
            //4.1 数据库点赞数-1
            boolean isSuccess = update().setSql("liked = liked - 1").eq("id", id).update();
            //4.2 把用户从Redis的set集合移除
            if(isSuccess){
        
                stringRedisTemplate.opsForSet().remove(key,userId.toString());
            }
        }

**运行结果即可实现点赞**

![在这里插入图片描述][d2caee0237d04b43b8e811dcf747a74a.png_pic_center]

**取消点赞**

![在这里插入图片描述][c75f6c01373745b5ad1cdfbc4c3bc216.png_pic_center]

## 四、Spring Boot 整合 Redis 实现点赞排行榜 ##

**已经实现点赞功能后，如何实现Redis 点赞排行榜呢？**

**需求分析**

*  采用**Redis ZSet 集合实现Redis点赞排行榜功能**
 *  完成**用户的 Top5 排序**

> 为何采用 Zset呢

**因为ZSet集合是 有序且不重复的，元素具有唯一性，且有序，所以非常适合做点赞排行榜功能**

> **核心代码**

**实现点赞**

@Override
    public Result likeBlog(Long id) {
        
        //1. 获取登录用户
        Long userId = UserHolder.getUser().getId();
        //2. 判断当前登录用户是否已经点赞
        String key = RedisConstants.BLOG_LIKED_KEY + id;
        Double score = stringRedisTemplate.opsForZSet().score(key, userId.toString());
        if (score == null) {
        
            //3. 如果未点赞，可以点赞
            //3.1 数据库点赞数 + 1
            boolean isSuccess = update().setSql("liked = liked + 1").eq("id", id).update();
            //3.2 保存用户到Redis的set集合
            if (isSuccess) {
        
                stringRedisTemplate.opsForZSet().add(key, userId.toString(), System.currentTimeMillis());
            }
        } else {
        
            //4. 如果已点赞，则取消点赞
            //4.1 数据库点赞数 - 1
            boolean isSuccess = update().setSql("liked = liked - 1").eq("id", id).update();
            //4.2 把用户从redis的set集合移除
            stringRedisTemplate.opsForZSet().remove(key, userId.toString());
        }
        return Result.ok();
    }

**实现查询笔记Top5**

@Override
    public Result queryBlogLikes(Long id) {
        
        String key = RedisConstants.BLOG_LIKED_KEY + id;
        // 1.查询top5的点赞用户 zrange key 0 4
        Set<String> top5 = stringRedisTemplate.opsForZSet().range(key, 0, 4);
        if (top5 == null || top5.isEmpty()) {
        
            return Result.ok(Collections.emptyList());
        }
        // 2.解析出其中的用户id
        List<Long> ids = top5.stream().map(Long::valueOf).collect(Collectors.toList());
        String idStr = StrUtil.join(",", ids);
        // 3.根据用户id查询用户 WHERE id IN ( 5 , 1 ) ORDER BY FIELD(id, 5, 1)
        List<UserDTO> userDTOS = userService.query()
            .in("id", ids).last("ORDER BY FIELD(id," + idStr + ")").list()
            .stream()
            .map(user -> BeanUtil.copyProperties(user, UserDTO.class))
            .collect(Collectors.toList());
        // 4.返回
        return Result.ok(userDTOS);
    }

**核心代码后续上传公众号，感兴趣可下方关注进行获取核心源码**

> **测试**

![在这里插入图片描述][9274c8aee7ac4ed1b3b99f2f1f927dfc.gif_pic_center]

**成功实现点赞功能、以及排行榜功能！**

## ⛵小结 ##

以上就是【**Bug 终结者**】对 **微服务SpringBoot 整合Redis 实现点赞、点赞排行榜** 的简单介绍，**Redis 实现点赞功能也是 利用Set集合、ZSet集合实现这样一个需求，同时，采用Redis来实现更加的快速，减少系统的消耗，更加快速的实现数据展示！ `Redis如何实现点赞、点赞排行榜也是面试高频！`**

> 如果这篇【文章】有帮助到你，希望可以给【**Bug 终结者**】点个赞👍，创作不易，如果有对【**后端技术**】、【**前端领域**】感兴趣的小可爱，也欢迎关注❤️❤️❤️ 【**Bug 终结者**】❤️❤️❤️，我将会给你带来巨大的【收获与惊喜】💝💝💝！

[5939fa747a834a30848709815dda728f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/a59865a29b35450b94af612dcff17920.png
[bdffcf6dcd6045a0af50a9f257474d5e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/b97c6bc298954f87b3d31535d04753c2.png
[eb515e008e804b33941956b8d39d060e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/4367d1ef9db74cbe8b6b208448a509ba.png
[add0aef63b6d4a2a86bfb389c6ab06a4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/995fce54770f41b1bdbcbb7aa7e730d1.png
[d2caee0237d04b43b8e811dcf747a74a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/c44b11b4ab194aa7a0a79663f5359355.png
[c75f6c01373745b5ad1cdfbc4c3bc216.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/3e2c2098e07c414195cf85260d4a1b3e.png
[9274c8aee7ac4ed1b3b99f2f1f927dfc.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/01/0c23796b28524f33a25b7233baa03a16.gif