PbootCMS微信小程序API调用初体验

PbootCMS微信小程序API调用初体验

以下代码在微信小程序开发者工具中进行编辑

当你完成开发前的准备后，就基本完成了小程序的准备工作，接下来进行数据的获取，体验一下API调用的基本流程

1、在需要调用后台数据的js文件里引入api.js文件，例如首页的index.js

const api = require('../../utils/api.js');  //路径根据自己的实际情况进行相应的调整
Page({
  // 页面的初始数据
  data: {
  },
  // 生命周期函数--监听页面加载
  onLoad: function (options) {
  },
  // 生命周期函数--监听页面初次渲染完成
  onReady: function () {
  },
  // 生命周期函数--监听页面显示
  onShow: function () {
  },
  // 生命周期函数--监听页面隐藏
  onHide: function () {
  },
  // 生命周期函数--监听页面卸载
  onUnload: function () {
  },
  // 页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh: function () {
  },
  // 页面上拉触底事件的处理函数
  onReachBottom: function () {
  },
  // 用户点击右上角分享
  onShareAppMessage: function () {
  }
})

2、在生命周期函数–监听页面加载函数中使用api模块。

// 生命周期函数--监听页面加载
onLoad: function (options) {
  var that = this;
    // api.模块函数.then...来调用，这里companyinfos()是调用公司信息
    api.companyinfos().then(function (rs) {
    // 通过setData把获取到的数据赋值到页面初始数据的data对象,这样就可以在wxml中使用数据了。
    that.setData({
      companyinfos: rs.data,
    })
    // 把获取的数据输出到控制台看看，实际使用的时候删除掉下面这行
    console.log(rs.data);
  })
},

3、保存后就可以在调试器 console 中查看获取到的公司信息内容了。

注意此处和CMS标签并不带company前缀，所以返回整体数据和调取单个时直接写名称，如：名称name

优模板普通

打赏 收藏 海报 链接