这里我用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 class="servers" wx:for="{
{selectArray}}" bindtap="ser" data-text='{
{ev.serverName}}' wx:for-key="index" wx:for-item="ev">
{
{
ev.serverName}}
</view>