在现有小程序上增加资金模块(查看资产、查看资金流水)-CSDN博客

本文链接：https://blog.csdn.net/abccba9978/article/details/99618665

前言

本教程是基于 “apifm-wxapi” 模块，教你快速实现小程序开发，所以你可能需要先了解以下知识点：

《创建 HelloWorld 项目》
《使用 “apifm-wxapi” 快速开发小程序》
《免费注册开通后台，获得专属域名》

本案例中，“点击抽奖” 功能，需要用户登录后才能操作，也就是说需要 token 授权，请先了解：

《微信小程序登录获取openid及三方token》

启用“在线支付接口”

找到 “在线支付接口”，点击 “启用模块” ，然后 F5 刷新一下后台界面，你将可以看到新的菜单：“财务管理” --> “用户资产管理” ；

在该界面下你将可以管理用户的资产情况，调整用户的余额、积分信息

用户资产管理

小程序开发：

接口返回的时候没有做界面上的渲染，统一在 console 输出，你可以尝试着将结果数据在界面上进行渲染

效果截图

读取用户资产Demo

js文件

const WXAPI = require('apifm-wxapi')
WXAPI.init('gooking')

Page({
  data: {

  },
  onLoad: function (options) {

  },
  onShow: function () {

  },
  goRegist() {
    wx.navigateTo({
      url: '/pages/auth/index'
    })
  },
  userAmount() {
    const loginToken = wx.getStorageSync('loginToken')
    if (!loginToken) {
      wx.showToast({
        title: '请先登录',
        icon: 'none'
      })
      return
    }
    WXAPI.userAmount(loginToken.token).then(res => {
      console.log(res)
      if (res.code == 0) {
        wx.showToast({
          title: '读取成功',
          icon: 'success'
        })
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
      }
    })
  },
  cashLogs() {
    const loginToken = wx.getStorageSync('loginToken')
    if (!loginToken) {
      wx.showToast({
        title: '请先登录',
        icon: 'none'
      })
      return
    }
    WXAPI.cashLogs({
      token: loginToken.token
    }).then(res => {
      console.log(res)
      if (res.code == 0) {
        wx.showToast({
          title: '读取成功',
          icon: 'success'
        })
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
      }
    })
  },
})

wxss 文件

button {
  width:600rpx;
  margin-top:50rpx;
}

wxml 文件

<button type="primary" bindtap="goRegist"> 注册 / 登录 </button>
<button type="warn" bindtap="userAmount"> 读取资产 </button>
<button type="warn" bindtap="cashLogs"> 读取资金流水 </button>