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

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

[html]  view plain  copy

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

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

[html]  view plain  copy

1. //读取缓存  
2.    var student = wx.getStorageSync('student');  
3.    // console.log(student);  
4.   
5.    var classid = student.classid;  
6.    // console.log(classid);  
7.    wx.request({  
8.      url: url, //仅为示例，并非真实的接口地址  
9.      data: {  
10.        classid: classid  
11.      },  
12.      header: {  
13.        'content-type': 'application/json' // 默认值  
14.      },  
15.      success: (res) => {  
16.        console.log(res.data)  
17.        this.setData({ teachers: res.data });  
18.      }  
19.    })  

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

[html]  view plain  copy

1. data: {  
2.     //页面的变量存放位置  
3.    teachers:null  
4.   
5.   },  

教师页面的代码如下：

[html]  view plain  copy

1.  <view class='header'>  
2.   <text>评教系统---教师信息</text>  
3. </view>  
4. <view class='contain'>  
5.   <view class='logo'wx:for="{{teachers}}" bindtap="selectTeacher"data-teacherid="{{item.teacherid}}">  
6.     <image style="width: 70px; height: 70px; background-color: #eeeeee;" mode="{{item.mode}}" src="../images/logo.jpg"></image>  
7.     <view class='section'>  
8.       <view class='name' >  
9.         <text>{{item.teachername}}</text>  
10.       </view>  
11.       <view class='course'>  
12.         <text>{{item.course}}</text>  
13.       </view>  
14.     </view>  
15.   </view>  
16.     
17. </view>   

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

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

[html]  view plain  copy

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

然后页面跳转。