目录
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
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。