仿牛客社区项目4.3——Redis实现点赞(set)

不用写数据访问层，直接在service层写即可。

1、创建RedisKeyUtil工具类生成key：

public class RedisKeyUtil {
    private static final String SPLIT = ":";
    private static final String PREFIX_ENTITY_LIKE = "like:entity";

    // 某个实体的赞
    // like:entity:entityType:entityId -> set(userId)
    public static String getEntityLikeKey(int entityType, int entityId) {
        return PREFIX_ENTITY_LIKE + SPLIT + entityType + SPLIT + entityId;
    }
}

2、LikeService

@Service
public class LikeService {

    @Autowired
    private RedisTemplate redisTemplate;

    // 点赞，查看该用户userId是否在集合里，没在集合里，加进去，即点赞；在集合里，取消点赞，remove掉
    public void like(int userId, int entityType, int entityId) {
        String entityLikeKey = RedisKeyUtil.getEntityLikeKey(entityType, entityId);
        boolean isMember = redisTemplate.opsForSet().isMember(entityLikeKey, userId);
        if (isMember) {
            redisTemplate.opsForSet().remove(entityLikeKey, userId);// 取消点赞
        } else {
            redisTemplate.opsForSet().add(entityLikeKey, userId);
        }
    }

    // 查询某实体点赞的数量，看集合里有多少个userId
    public long findEntityLikeCount(int entityType, int entityId) {
        String entityLikeKey = RedisKeyUtil.getEntityLikeKey(entityType, entityId);
        return redisTemplate.opsForSet().size(entityLikeKey);
    }

    // 查询某人对某实体的点赞状态，看某userId是否在集合里，返回1点赞了，返回0没点赞（点踩可以返回-1）
    public int findEntityLikeStatus(int userId, int entityType, int entityId) {
        String entityLikeKey = RedisKeyUtil.getEntityLikeKey(entityType, entityId);
        return redisTemplate.opsForSet().isMember(entityLikeKey, userId) ? 1 : 0;
    }
    
}

3、LikeController

@Controller
public class LikeController {

    @Autowired
    private LikeService likeService;

    @Autowired
    private HostHolder hostHolder;

    @RequestMapping(path = "/like", method = RequestMethod.POST)
    @ResponseBody
    public String like(int entityType, int entityId) {
        User user = hostHolder.getUser();

        // 点赞
        likeService.like(user.getId(), entityType, entityId);

        // 数量
        long likeCount = likeService.findEntityLikeCount(entityType, entityId);
        // 状态
        int likeStatus = likeService.findEntityLikeStatus(user.getId(), entityType, entityId);

        Map<String, Object> map = new HashMap<>();
        map.put("likeCount", likeCount);
        map.put("likeStatus", likeStatus);

        return CommunityUtil.getJSONString(0, null, map);
    }

}

4、异步请求，discuss.js

function like(btn, entityType, entityId) {
    $.post(
        CONTEXT_PATH + "/like",
        {"entityType":entityType,"entityId":entityId},
        function(data) {
            data = $.parseJSON(data);
            if(data.code == 0) {
                $(btn).children("i").text(data.likeCount);
                $(btn).children("b").text(data.likeStatus==1?'已赞':"赞");
            } else {
                alert(data.msg);
            }
        }
    );
}

5、首页、帖子详情页

帖子详情页有帖子点赞、评论点赞、回复点赞。所以要修改DiscussPostController和discuss-detail.html
DiscussPostController，

     // 点赞数量
     long likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_POST, discussPostId);
     model.addAttribute("likeCount", likeCount);
     // 点赞状态
     int likeStatus = hostHolder.getUser() == null ? 0 :
             likeService.findEntityLikeStatus(hostHolder.getUser().getId(), ENTITY_TYPE_POST, discussPostId);
     model.addAttribute("likeStatus", likeStatus);

     // 点赞数量
     likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_COMMENT, comment.getId());
     commentVo.put("likeCount", likeCount);
     // 点赞状态
     likeStatus = hostHolder.getUser() == null ? 0 :
             likeService.findEntityLikeStatus(hostHolder.getUser().getId(), ENTITY_TYPE_COMMENT, comment.getId());
     commentVo.put("likeStatus", likeStatus);

     // 点赞数量
     likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_COMMENT, reply.getId());
     replyVo.put("likeCount", likeCount);
     // 点赞状态
     likeStatus = hostHolder.getUser() == null ? 0 :
             likeService.findEntityLikeStatus(hostHolder.getUser().getId(), ENTITY_TYPE_COMMENT, reply.getId());
     replyVo.put("likeStatus", likeStatus);

discuss-detail.html

	<a href="javascript:;" th:onclick="|like(this,2,${cvo.comment.id});|" class="text-primary">
		<b th:text="${cvo.likeStatus==1?'已赞':'赞'}">赞</b>(<i th:text="${cvo.likeCount}">1</i>)
	</a>

	<a href="javascript:;" th:onclick="|like(this,1,${post.id});|" class="text-primary">
		<b th:text="${likeStatus==1?'已赞':'赞'}">赞</b> <i th:text="${likeCount}">11</i>
	</a>

	<a href="javascript:;" th:onclick="|like(this,2,${rvo.reply.id});|" class="text-primary">
		<b th:text="${rvo.likeStatus==1?'已赞':'赞'}">赞</b>(<i th:text="${rvo.likeCount}">1</i>)
	</a>

<script th:src="@{/js/discuss.js}"></script>

首页也显示帖子的点赞数：所以要修改HomeController和index.html

HomeController

     long likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_POST, post.getId());
     map.put("likeCount", likeCount);

index.html

<li class="d-inline ml-2">赞 <span th:text="${map.likeCount}">11</span></li>