学生评教系统--教师列表

 在微信小程序学生评教系统中，当我们登录之后，会显示出教师列表的信息，该教师列表的信息会从后台自动获取，这时，需要我们有相应的接口。

var url = "https://www.zhangsan.top/pj/index.php/api/teachers";

  有相应的接口后，会有student的缓存，我们需要读出studnet中的缓存，并根据缓存中的classid来获取数据

//读取缓存
   var student = wx.getStorageSync('student');
   // console.log(student);

   var classid = student.classid;
   // console.log(classid);
   wx.request({
     url: url, //仅为示例，并非真实的接口地址
     data: {
       classid: classid
     },
     header: {
       'content-type': 'application/json' // 默认值
     },
     success: (res) => {
       console.log(res.data)
       this.setData({ teachers: res.data });
     }
   })

   页面的变量teachers存放位置为data中：

data: {
    //页面的变量存放位置
   teachers:null

  },

教师页面的代码如下：

 <view class='header'>
  <text>评教系统---教师信息text>
view>
<view class='contain'>
  <view class='logo'wx:for="{{teachers}}" bindtap="selectTeacher"data-teacherid="{{item.teacherid}}">
    <image style="width: 70px; height: 70px; background-color: #eeeeee;" mode="{{item.mode}}" src="../images/logo.jpg">image>
    <view class='section'>
      <view class='name' >
        <text>{{item.teachername}}text>
      view>
      <view class='course'>
        <text>{{item.course}}text>
      view>
    view>
  view>

view>

    页面中会获取后台相应的东西，并通过wx:for="{{teachers}}"来循环。

   页面显示完毕，点击相应的教师信息，会有相应的跳转。首先绑定一个bindtap="selectTeacher"，

selectTeacher: function (e) {
    var teacherid = e.currentTarget.dataset.teacherid;
    wx.navigateTo({
      url: '../testpaper/testpaper?teacherid=' + teacherid,
    })
  }

然后页面跳转。