js和ajax点赞功能代码_Redis实现点赞功能模块

本文介绍了如何利用Redis数据库设计JavaScript和Ajax实现点赞功能,包括文章点赞数、用户点赞数统计以及用户点赞文章的记录。文章讨论了数据库设计、流程图,并提供了点赞和取消点赞的代码实现,同时指出在分布式环境下的并发问题和不足之处。
摘要由CSDN通过智能技术生成

功能点设计

比如发一篇知乎文章就有点赞功能,比如统计某篇文章的点赞数、用户所有文章的点赞总数,因此设计的点赞功能模块有以下功能点:

  • 某篇文章的点赞数;
  • 用户所有文章的点赞数;
  • 用户点赞的文章;
  • 持久化到MySQL数据库;

数据库设计

  • Redis数据库设计 redis是一个K-V数据库,没有统一的数据结构,针对不同的功能点,设计不同的数据结构类型
  1. 用户某篇文章的点赞数 使用HashMap>数据结构,HashMap中的key为articleId,value为Set,Set中的值为userId;
  2. 用户总的点赞数,使用HashMap数据结构,key为userId,value为记录总的点赞数;
  3. 用户点赞的文章,使用HashMap数据结构,key为userId,value为Set,Set中的值为articleId;
MySQL数据库设计,最主要的两张表,article表和user_like_article表

article表结构

2916fe831dd1e263b60ce22abb9970d5.png

文章总的点赞数需要和Redis中的点赞数进行同步。

user_like_article表结构

fa4aa9b267b95668cb79a40380ac2c7a.png

记录用户点赞文章的信息,是一张中间表

说明:表结构设计省略了delete_state、create_timeupdate_time等字段。

流程图

68cc58257e611002c7a8e7e4bc8af241.png

流程图比较简单,点赞和取消点赞基本实现步骤相同

  1. 参数校验 对入参进行非空校验
  2. 逻辑校验 对于用户点赞,用户不能重复点赞相同的文章,对于取消点赞,用户不能取消为点赞的文章。
  3. 存入Redis 存入的数据主要是文章的点赞数,某篇文章的点赞数,用户点赞的文章
  4. 定时任务 通过定时【1小时执行一次】,从Redis读取数据持久化到MySQL中。

代码功能实现

  • 点赞
public void likeArticle(Long articleId, Long likedUserId, Long likedPostId) {    validateParam(articleId, likedUserId, likedPostId);  //参数验证    logger.info("点赞数据存入redis开始,articleId:{},likedUserId:{},likedPostId:{}", articleId, likedUserId, likedPostId);    synchronized (this) {        //只有未点赞的用户才可以进行点赞        likeArticleLogicValidate(articleId, likedUserId, likedPostId);        //1.用户总点赞数+1        redisTemplate.opsForHash().increment(TOTAL_LIKE_COUNT_KEY, String.valueOf(likedUserId), 1);        //2.用户喜欢的文章+1        String userLikeResult = (String) redisTemplate.opsForHash().get(USER_LIKE_ARTICLE_KEY, String.valueOf(likedPostId));        Set articleIdSet = userLikeResult == null ? new HashSet<>() : FastjsonUtil.deserializeToSet(userLikeResult, Long.class);            articleIdSet.add(articleId);        redisTemplate.opsForHash().put(USER_LIKE_ARTICLE_KEY, String.valueOf(likedPostId), FastjsonUtil.serialize(articleIdSet));        //3.文章点赞数+1        String articleLikedResult = (String) redisTemplate.opsForHash().get(ARTICLE_LIKED_USER_KEY, String.valueOf(articleId));        Set likePostIdSet = articleLikedResult == null ? new HashSet<>() : FastjsonUtil.deserializeToSet(articleLikedResult, Long.class);        likePostIdSet.add(likedPostId);        redisTemplate.opsForHash().put(ARTICLE_LIKED_USER_KEY, String.valueOf(articleId), FastjsonUtil.serialize(likePostIdSet));        logger.info("取消点赞数据存入redis结束,articleId:{},likedUserId:{},likedPostId:{}", articleId, likedUserId, likedPostId);    }}
  • 取消点赞
public void unlikeArticle(Long articleId, Long likedUserId, Long likedPostId) {    validateParam(articleId, likedUserId, likedPostId);  //参数校验    logger.info("取消点赞数据存入redis开始,articleId:{},likedUserId:{},likedPostId:{}", articleId, likedUserId, likedPostId);    //1.用户总点赞数-1    synchronized (this) {        //只有点赞的用户才可以取消点赞        unlikeArticleLogicValidate(articleId, likedUserId, likedPostId);        Long totalLikeCount = Long.parseLong((String)redisTemplate.opsForHash().get(TOTAL_LIKE_COUNT_KEY, String.valueOf(likedUserId)));         redisTemplate.opsForHash().put(TOTAL_LIKE_COUNT_KEY, String.valueOf(likedUserId), String.valueOf(--totalLikeCount));        //2.用户喜欢的文章-1        String userLikeResult = (String) redisTemplate.opsForHash().get(USER_LIKE_ARTICLE_KEY, String.valueOf(likedPostId));        Set articleIdSet = FastjsonUtil.deserializeToSet(userLikeResult, Long.class);        articleIdSet.remove(articleId);        redisTemplate.opsForHash().put(USER_LIKE_ARTICLE_KEY, String.valueOf(likedPostId), FastjsonUtil.serialize(articleIdSet));        //3.取消用户某篇文章的点赞数        String articleLikedResult = (String) redisTemplate.opsForHash().get(ARTICLE_LIKED_USER_KEY, String.valueOf(articleId));        Set likePostIdSet = FastjsonUtil.deserializeToSet(articleLikedResult, Long.class);        likePostIdSet.remove(likedPostId);        redisTemplate.opsForHash().put(ARTICLE_LIKED_USER_KEY, String.valueOf(articleId), FastjsonUtil.serialize(likePostIdSet));    }    logger.info("取消点赞数据存入redis结束,articleId:{},likedUserId:{},likedPostId:{}", articleId, likedUserId, likedPostId);}
  • 异步落库
@Scheduled(cron = "0 0 0/1 * * ? ")public void redisDataToMySQL() {    logger.info("time:{},开始执行Redis数据持久化到MySQL任务", LocalDateTime.now().format(formatter));    //1.更新文章总的点赞数    Map articleCountMap = redisTemplate.opsForHash().entries(ARTICLE_LIKED_USER_KEY);    for (Map.Entry entry : articleCountMap.entrySet()) {        String articleId = entry.getKey();        Set userIdSet = FastjsonUtil.deserializeToSet(entry.getValue(), Long.class);        //1.同步某篇文章总的点赞数到MySQL        synchronizeTotalLikeCount(articleId, userIdSet);        //2.同步用户喜欢的文章        synchronizeUserLikeArticle(articleId, userIdSet);    }    logger.info("time:{},结束执行Redis数据持久化到MySQL任务", LocalDateTime.now().format(formatter));}

说明:

  • 针对存在并发的问题,通过添加synchronize关键字实现
  • 另外还有获取某篇文章的点赞数、用户所有文章的点赞数、用户点赞的文章方法实现,方法实现比较简单不说明,可以在完整代码中找到

目前存在的不足

  • 用户点赞取消点赞方法中,Redis事物没有保证
  • 该应用只适合单机环境,分布式环境下存在并发操作,分布式锁待完成

最后附:欢迎fork与start,如有纰漏欢迎指正

完整代码

https://github.com/alan-cxh/like_article

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值