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

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

微信小程序学生列表显示学生信息相关推荐

【计算机毕业设计】基于微信小程序的高校学生选课系统
基于微信小程序的高校学生选课管理系统毕设帮助.源码交流及指导,见文末学生选课的需求和管理上的不断提升,学生选课管理的潜力将无限扩大,微信小程序的学生选课系统在业界被广泛关注,本网站及对此进行总体分 ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
微信小程序好看的输入信息界面——发送验证码倒计时
微信小程序好看的输入信息界面简介输入个人信息界面,录入个人信息等都可以使用到这个界面: 1.输入信息的布局界面 2.选择大陆还是港澳台的手机号码 3.输入手机号码, 4.获取验证码的60S倒计时, ...
微信小程序判断手机机型信息及dpr
微信小程序判断手机机型信息及dpr=2.3 出现这个原因是因为手机dpr不同,导致在显示二维码时出现位置偏移.首先能想到的就是获取设备信息,根据不同机型而解决问题. 1.wxml 开控制位置间距var ...
微信小程序获取住户地区信息
微信小程序获取住户地区信息微信小程序获取住户地区信息微信小程序获取住户地区信息 1.现在app.js里面配置如下 { //向用户申请获取授权"permission": {&qu ...
微信小程序地图获取地点信息（打卡签到功能为例）-2020-7-26
目录微信小程序地图获取地点信息(打卡签到功能为例) 效果图前提步骤首先需要了解的代码部分配置性代码功能性代码 demo 下载微信小程序地图获取地点信息(打卡签到功能为例) 解决方案:利用 ...
微信小程序2022最新用户信息授权设置
微信小程序2022最新用户信息授权设置微信小程序中用户信息授权一直是一个非常重要的功能,它有着提升用户体验.进行用户身份认证.便于开发者进行数据分析等作用. -- 但是用户授权功能涉及到用户隐私 ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
微信小程序授权获取用户信息
微信小程序授权获取用户信息小程序昵称突然变成了"微信用户",头像也不显示, <!-- 近期很多小伙伴通过该方法获取头像和昵称,代码也没有做改变,突然就变成了下面这样子 - ...
微信小程序调取云函数信息推送失败response out of time limit or subscription is canceled hint的具体解决方法
微信小程序调云函数信息推送失败,提示errcode":45015,"errmsg":"response out of time limit or subsc ...

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

微信小程序学生列表显示学生信息相关推荐

最新文章

热门文章