微信小程序学生列表显示学生信息

首先创建学生列表前台页面,接收显示学生信息,例如在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数据中的学生信息显示出来。

  • 2
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值