这里我用idea+mysql查询出数据,并在微信开发者工具上显示出来数据。idea中的查询步骤在这里省略不写。
查询信息的服务网址
http://localhost:8080//myspringboot/serversAll//只能在我本机上使用
页面查询结果样式如下:
这种样式是json格式的,可以在controller层直接使用@RestController注解,返回的格式就会是json格式,或者使用@Controller+@ResponseBody注解。
微信开发者工具Servers.js代码
/**
* 页面的初始数据
*/
data: {
selectArray: [],
},
//连接服务器的具体方法
getteseList() {
var that = this;
wx.request({
//服务器的网址(这里不是正规的网址,所以要使用的话,在微信开发者工具中要勾选不校验合法域名)
url: 'http://localhost:8080//myspringboot/serversAll',
//提交方式
method: 'post',
success: function (res) {
that.setData({
//把获取的值赋值给selectArray数组
selectArray: res.data
})
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.getteseList();
},
微信开发者工具Servers.wxml代码
<view wx:for="{{selectArray}}" bindtap="ser" data-text='{{ev.serverName}}' wx:for-key="index" wx:for-item="ev">
{{ev.serverName}}
</view>
需要注意的是只有返回的类型是集合的时候,才可以使用wx:for进行遍历,如果返回的是一个实体对象,那直接用实体对象.属性的方式即可。