uniapp关注功能的写法

Uniapp 关注功能的实现可以分为前端和后端两部分，下面我分别介绍一下。

前端实现：

1. 首先在 Vuex 状态管理库中定义一个状态，用于存储用户关注的信息，例如：

state: {
  followingList: [], // 用户关注的列表
}

2. 在需要实现关注功能的页面中，通过 dispatch 方法触发一个 action，用于更新用户关注列表，例如：

methods: {
  follow(userId) {
    this.$store.dispatch('followUser', userId)
  }
}

3. 在 Vuex 中定义相应的 action，用于向后端发送关注请求，并在请求成功后更新用户关注列表，例如：

actions: {
  async followUser({ commit }, userId) {
    const res = await uni.request({
      url: 'http://your-backend-api/follow',
      method: 'POST',
      data: {
        userId: userId
      }
    })
    if (res.statusCode === 200) {
      commit('followUser', userId)
    }
  }
}

4. 最后，在 mutations 中定义相应的方法，用于更新用户关注列表，例如：

mutations: {
  followUser(state, userId) {
    state.followingList.push(userId)
  }
}

后端实现：

1. 定义一个接口，用于接收前端发送的关注请求，例如：

app.post('/follow', async (req, res) => {
  const userId = req.body.userId
  // 对用户关注进行相应的处理
  res.send({
    code: 0,
    msg: '关注成功'
  })
})

2. 在后端对用户关注进行相应的处理，例如将关注信息存储到数据库中。

以上是一个简单的关注功能的实现方式，具体实现可根据具体情况进行调整。