Redis之如何实现用户关注

 更新时间:2025年03月20日 16:53:29   作者:沙漠真有鱼  
这篇文章主要介绍了Redis之如何实现用户关注问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

Redis实现互相关注功能

在实现社交网络功能中,实现互相关注是必不可少的。在这里,我们将使用Redis来实现这个功能,前端使用Vue框架实现。

功能要求

我们需要实现以下几个功能:

  1. 用户能够关注其他用户
  2. 用户能够取消关注其他用户
  3. 用户能够查看自己关注的人和被谁关注
  4. 在用户的主页上,能够显示关注和被关注的数量

Redis存储结构设计

我们使用Redis的set数据结构来存储用户关注的人和被关注的人。

具体来说,每个用户都有一个followingfollowers属性,分别表示该用户关注的人和被谁关注。

然后在Redis中使用set类型来存储这些关注信息,在set中,我们将每个关注对象的id存储下来,方便后续的查询。

后端实现

添加关注

我们需要通过API来让用户实现添加关注和取消关注。

下面是添加关注的API代码:

// 添加关注
router.post('/followers/:id', async (req, res) => {
  try {
    const followerId = req.user.id;
    const followingId = req.params.id;

    // 获取被关注的用户和关注该用户的用户
    const following = await User.findById(followingId);
    const follower = await User.findById(followerId);

    // 添加关注对象
    await redis.sadd(`user:${followerId}:following`, followingId);
    await redis.sadd(`user:${followingId}:followers`, followerId);

    res.json({ message: `You are now following ${following.username}` });
  } catch (error) {
    console.error(error.message);
    res.status(500).send('Server Error');
  }
});

在这个代码中,我们使用了redis.sadd方法将关注对象的id添加到set中。

取消关注

接下来是取消关注的API代码:

// 取消关注
router.delete('/followers/:id', async (req, res) => {
 try {
    const followerId = req.user.id;
    const followingId = req.params.id;

    // 获取被取消关注的用户和取消关注该用户的用户
    const following = await User.findById(followingId);
    const follower = await User.findById(followerId);

    // 删除关注对象
    await redis.srem(`user:${followerId}:following`, followingId);
    await redis.srem(`user:${followingId}:followers`, followerId);

    res.json({ message: `You have unfollowed ${following.username}` });
  } catch (error) {
    console.error(error.message);
    res.status(500).send('Server Error');
  }
});

这个代码与添加关注的代码类似,只是使用了redis.srem方法来将关注对象的id从set中删除。

查看关注对象

最后,我们需要实现查看关注对象的API。这个API需要分别获取关注和被关注的set,然后将id转换为用户对象。

// 获取关注和粉丝
router.get('/followers', async (req, res) => {
  try {
    const userId = req.user.id;

    // 获取关注和被关注的set
    const [following, followers] = await Promise.all([
      redis.smembers(`user:${userId}:following`),
      redis.smembers(`user:${userId}:followers`),
    ]);

    // 将id转换为用户对象
    const followingUsers = await Promise.all(
      following.map((id) => User.findById(id))
    );
    const followerUsers = await Promise.all(
      followers.map((id) => User.findById(id))
    );

    res.json({ following: followingUsers, followers: followerUsers });
  } catch (error) {
    console.error(error.message);
    res.status(500).send('Server Error');
  }
});

前端实现

在前端中,我们使用Vue框架来实现。需要提供以下功能:

  1. 用户可以通过点击按钮来添加和取消关注操作
  2. 用户的主页可以显示关注和被关注的数量

添加关注和取消关注操作

在Vue中,我们可以使用@click监听用户点击事件,并在方法中发送API请求来进行添加和取消关注。

下面是代码示例:

<!-- 添加关注 -->
<button @click="followUser(user._id)" v-if="!isFollowing(user._id)">关注</button>

<!-- 取消关注 -->
<button @click="unfollowUser(user._id)" v-else>取消关注</button>
methods: {
  // 添加关注
  async followUser(id) {
    await axios.post(`/api/followers/${id}`);
    // 更新关注状态
    this.isFollowingUsers[id] = true;
  },
  // 取消关注
  async unfollowUser(id) {
    await axios.delete(`/api/followers/${id}`);
    // 更新关注状态
    this.isFollowingUsers[id] = false;
  },
  // 判断是否关注
  isFollowing(id) {
    return this.isFollowingUsers[id];
  }
}

在这个代码中,我们使用了isFollowingUsers对象来存储所有用户的关注状态。

显示关注和被关注数量

为了在用户的主页上显示关注和被关注的数量,我们需要在后端添加相应的API,并在前端调用数据显示。

下面是相关代码:

// 获取关注和粉丝数量
router.get('/followers/count', async (req, res) => {
  try {
    const userId = req.user.id;

    // 获取关注和被关注数量
    const [followingCount, followerCount] = await Promise.all([
      redis.scard(`user:${userId}:following`),
      redis.scard(`user:${userId}:followers`),
    ]);

    res.json({ followingCount, followerCount });
  } catch (error) {
    console.error(error.message);
    res.status(500).send('Server Error');
  }
});
<!-- 显示关注和被关注数量 -->
<div>
  <p>关注 {{followingCount}}</p>
  <p>被关注 {{followerCount}}</p>
</div>

在这个代码中,我们使用了redis.scard方法来获取set的数量。

总结

以上就是使用Redis实现互相关注功能的全部内容。通过使用Redis的set数据结构来存储关注对象,方便高效地进行添加和取消关注操作。同时,在前端中使用Vue框架实现了可交互的关注和取消关注按钮,并在用户主页上显示了关注和被关注的数量。

这些仅为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 你了解Redis事务吗

    你了解Redis事务吗

    说到事务,大家会立刻想到Mysql的事务,所谓的事务就是对数据进行一系列的操作,要么都执行成功,要么都执行失败,下面就介绍一下Redis如何实现事务,感兴趣的可以了解一下
    2022-08-08
  • 详解Redis中的List是如何实现的

    详解Redis中的List是如何实现的

    List 的 Redis 中的 5 种主要数据结构之一,它是一种序列集合,可以存储一个有序的字符串列表,顺序是插入的顺序,本文将给大家介绍了一下Redis中的List是如何实现的,需要的朋友可以参考下
    2024-05-05
  • Redis Cluster的图文讲解

    Redis Cluster的图文讲解

    今天小编就为大家分享一篇关于Redis Cluster的图文讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • window下创建redis出现问题小结

    window下创建redis出现问题小结

    这篇文章主要介绍了window下创建redis出现问题总结,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • redis实现简单队列

    redis实现简单队列

    这篇文章主要为大家详细介绍了redis实现简单队列的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Redis之常用数据结构哈希表

    Redis之常用数据结构哈希表

    这篇文章主要介绍了Redis常用的数据结构哈希表,哈希表是一种保存键值对的数据结构,具有一定的参考价值,需要的朋友可以参考阅读
    2023-04-04
  • Redis中有序集合的内部实现方式的详细介绍

    Redis中有序集合的内部实现方式的详细介绍

    本文主要介绍了Redis中有序集合的内部实现方式的详细介绍,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Redis序列化反序列化不一致导致String类型值多了双引号问题

    Redis序列化反序列化不一致导致String类型值多了双引号问题

    这篇文章主要介绍了Redis序列化反序列化不一致导致String类型值多了双引号问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • 关于Redis数据持久化的概念介绍

    关于Redis数据持久化的概念介绍

    Redis是内存数据库,数据都是存储在内存中,需要定期将Redis中的数据以某种形式(或命数据令)从内存保存到硬盘,今天给大家分享Redis数据的持久化的概念介绍,需要的朋友参考下吧
    2021-08-08
  • Linux服务器安装redis数据库图文教程

    Linux服务器安装redis数据库图文教程

    Redis是一个开源的使用ANSI C语言编写、遵守BSD协议、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。这篇文章主要介绍了Linux服务器安装redis数据库图文教程,需要的朋友可以参考下
    2018-03-03

最新评论