微信聊天小程序——（五、添加好友）

五、添加好友

---

步骤一、通过搜索添加好友

具体效果：

思路：

• 本质上来讲，就是通过输入框得到好友账号信息，之后再数据库中查询，最后返回并渲染查询结果。
• 首先，得到输入框的值，并传递到我们的页面data中
• 当点击搜索按钮的时候，在数据库用户表中查询
• 查询成功之后，当点击申请添加时，执行添加好友步骤
• 添加好友成功，返回初始页面

在我们的添加好友页面：

在js文件中：

addFriend(e)

  // 功能：当点击添加好友的时候，创建关于用户和对应好友的聊天表
  // 思路：1.通过获取对应数组的角标，获取对应的用户信息userList中
  //      2.将用户和对应好友的用户信息都作为数据库表信息，添加到我们的数据库表中

getValue(e)

 // 功能：获取输入框的值，实时传递给data

search()

// 功能：根据从data中按到的inputValue，在数据表的好友表中查询是否存在这个好友

const app=getApp();
const util= require("../../utils/utils")
Page({


  data: {

  },

  onLoad(options) {

  },

  // 功能：获取输入框的值，实时传递给data
  getValue(e){
    console.log(e.detail.value)
    this.setData({
      inputValue: e.detail.value
    })
  },

  // 功能：根据从data中按到的inputValue，在数据表的好友表中查询是否存在这个好友
 search(){
    var that = this;
    wx.cloud.database().collection('chat_users1').where({
      num: Number(that.data.inputValue)
    }).get({
      success(res){
        console.log(res)
        that.setData({
          user:res.data[0]
        })
      }
    })
  },

// 功能：当点击添加好友的时候，添加好友
// 思路：1.和好友页面，发出添加好友申请逻辑一样

  // 功能：当点击添加好友的时候，创建关于用户和对应好友的聊天表
  // 思路：1.通过获取对应数组的角标，获取对应的用户信息userList中
  //      2.将用户和对应好友的用户