首先看一下rails提供的API數(shù)據(jù)
一個(gè)典型的數(shù)組結(jié)構(gòu)啡捶，所以接下來要做的啼止，就是用小程序get這個(gè)數(shù)組道逗，然后在小程序顯示出來，小程序的幾個(gè)目錄其實(shí)還挺簡(jiǎn)單的献烦，不懂的可以去查一下官方文檔滓窍，現(xiàn)在要做的就是在小程序的首頁展示這個(gè)數(shù)組。
//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
object: ''
},
//事件處理函數(shù)
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
app.getUserInfo(function(userInfo){
//更新數(shù)據(jù)
that.setData({
userInfo:userInfo
})
})
wx.request({
url: 'http://localhost:3000/api/v1/groups', //僅為示例仿荆，并非真實(shí)的接口地址
success: (res) => {
this.setData({
object: res.data.data
})
console.log(res.data)
}
})
}
})
主要就是下面這個(gè)wx.request贰您，url是調(diào)用接口地址，success: ()=>成功時(shí)候拢操，調(diào)取數(shù)據(jù)锦亦，然后將這些數(shù)據(jù)綁定在index.wxml上
看結(jié)果
調(diào)除了遠(yuǎn)端服務(wù)器的數(shù)據(jù)，還很丑令境，可以調(diào)整wxss杠园，也就是css的簡(jiǎn)化版。
