美文网首页微信小程序(应用号)
8《白小云》之关注功能设计-2

8《白小云》之关注功能设计-2

作者: 白龙马5217 | 来源:发表于2019-11-06 17:44 被阅读0次

取关的股票从数据库中删除

小程序客户端只能根据主键_id删除一行数据,根据我的设计只能根据_openid和_id取关。
要取得_openid也需要云函数,_openid的的获取在小程序段也比较复杂。因此用云函数操作数据库是不可避免的了。

《白小云》先放一边,学习一下云函数的使用

获取openid

在app.json里创建一个测试页面

 "pages": [
    "pages/cfun/cfun",

在cfun.wxml里添加一个按钮

<!--pages/cfun/cfun.wxml-->
<button bindtap="getOpenid">登陆并获取openid</button>

用云开发案例提供的login云函数

// 云函数模板
// 部署:在 cloud-functions/login 文件夹右击选择 “上传并部署”

const cloud = require('wx-server-sdk')

// 初始化 cloud
cloud.init({
  // API 调用都保持和云函数当前所在环境一致
  env: cloud.DYNAMIC_CURRENT_ENV
})

/**
 * 这个示例将经自动鉴权过的小程序用户 openid 返回给小程序端
 * 
 * event 参数包含小程序端调用传入的 data
 * 
 */
exports.main = (event, context) => {
  console.log(event)
  console.log(context)

  // 可执行其他自定义逻辑
  // console.log 的内容可以在云开发云函数调用日志查看

  // 获取 WX Context (微信调用上下文),包括 OPENID、APPID、及 UNIONID(需满足 UNIONID 获取条件)等信息
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
    env: wxContext.ENV,
  }
}

cfun编写getOpenid事件函数调用云函数login

const app = getApp();
  getOpenid(){
    console.log("in getOpenid");
    wx.cloud.callFunction({
      name:"login", //云函数名称
      data:{} //云函数参数
    })
    .then(res=>{
      let myid = res.result.openid //openid
      console.log(myid);
      //openid 保存到全局变量里
      app.globalData.myOpenid = myid;
      console.log("app.globalData.myOpenid",app.globalData.myOpenid);
    })
    .catch(err=>{
      console.log(err);
    })
  }

获取openid移植到我的页面获取

此getOpenid()函数拷贝到我的页面my.js用来获取用户昵称头像和openid

现在研究以下云函数操作数据库的问题

小程序的前端对数据库的操作有许多的限制,比如批量删除,云函数就没有这些限制。
对数据库的操作无非就是增删改查(insert、delete、update、select、count),封装一个云函数exesql()能执行对数据库的增删改查。

在项目的cloudfunctions目录下创建云函数exesql

index.js 里输入以下代码:


//exesql云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
  // API 调用都保持和云函数当前所在环境一致
  env: cloud.DYNAMIC_CURRENT_ENV
})

const db = cloud.database()
const _ = db.command

// 云函数入口函数
exports.main = async (event, context) => {
  const targetDB = db.collection(event.db)
  try {
    if (event.type == "insert") {
      return await targetDB.add({
        data: event.data
      })
    }

    if (event.type == "update") {
      return await targetDB.doc(event.indexKey).update({
        data: event.data
      })
    }

    if (event.type == "delete") {
      return await targetDB.where(event.condition).remove()
    }

    if (event.type == "select") {
      return await targetDB.where(event.condition)
        .skip(20 * event.skip)
        .limit(event.limit)
        .get()
    }
  } catch (e) {
    console.error(e)
  }
}

在小程序端调用一下云函数

打开cfun.wxml 再增加一个按钮

<button bindtap="exesql">执行云函数exesql</button>

打开cfun.js增加tap事件

 exesql(e){
    //执行云函数sql
    wx.cloud.callFunction({
      name: 'exesql',
      data: {
        type: "insert", //指定操作是insert  
        db: "guanzu", //指定操作的数据表
        data: { //指定insert的数据
          code:"399300",
          name:"沪深300"
        }
      },
      success: res => {
        console.log('[云函数] [insertDB] 已增加信息' + res.result._id)
      },
      fail: err => {
        console.error('[云函数] [insertDB] 增加失败', err)
      }
    })

  },

OK执行成功!!好激动

取关的股票从数据库删除终于可以了代码如下:

deleteData(gpid) {
    //执行云函数sql
    wx.cloud.callFunction({
      name: 'exesql',
      data: {
        type: "delete", //指定操作是delete
        db: "guanzu", //指定操作的数据表
        condition: { code: gpid }, //where条件
      },
      success: res => {
        console.log('[云函数] [deleteDB] 已删除' + res)
      },
      fail: err => {
        console.error('[云函数] [deleteDB] 删除失败', err)
      }
    })
  },

相关文章

网友评论

    本文标题:8《白小云》之关注功能设计-2

    本文链接:https://www.haomeiwen.com/subject/mzuubctx.html