首先创建学生列表前台页面,接收显示学生信息,例如在page.wxml中:
<view class="" wx:for="{{list}}" bindtap='modifySubmit'> //wx:for="{{list}}"接收后台js文件穿过来的list数据
<view class="weui-cell">
<view >
<image src="{{item.path}}"></image> //显示list数据中的学生头像信息
</view>
<view >
<view>姓名:{{item.name}}</view> //显示list数据中的学生姓名信息
<view>学号:{{item.no}}</view> //显示list数据中的学生学号信息
<view>性别:{{item.sex}}</view> //显示list数据中的学生性别信息
<view>年龄:{{item.age}}</view> //显示list数据中的学生年龄信息
</view>
</view>
</view>
在page.js中
onLoad: function (options) {
wx.request({
url: 'http://000000000.com/aaaaaa/index.php/home/index/000000',//连接服务器从表中查询出学生信息的接口
data: {
page: page,
condition: this.data.condition
},
header: {
'content-type': 'application/json'
},
success: (res) => {
this.setData({
list: res.data,//将表中查询出来的信息传给list
})
}
})
},
data: {
list: [] //将list的数据传到前台wxml页面中
},
在前台页面接收js文件传过去的list数据,将list数据中的学生信息显示出来。