微信小程序设计开发学生评教系统

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。我们这里用微信web开发工具设计开发学生评教系统

首先设计学生登陆界面

在pages里面创建一个新的项目在wxml里面设计我们的登陆界面

学生评教系统









学号:



密码:


 登录 

然后我们需要获取学号和密码进行登陆

Page({
  formSubmit: function (e) {
    // console.log(e.detail.value);
    wx.request({
      url: '', //仅为示例，并非真实的接口地址
      data: {
        username: e.detail.value.no,
        password: e.detail.value.pwd
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        // console.log(res.data);
        wx.setStorage({
          key: "student",
          data: res.data
        })
     
        wx.redirectTo({
          url: "../teacher/teacher"
        })
      },
    })
  },

登陆之后跳转教师信息界面我们这里需要获取教师的信息显现出来在前台

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (res) {
    var url ="";
    //读取缓存
    var student=wx.getStorageSync('student');
    let self=this;
    // console.log(student);

    var classid=student.classid;
    // console.log(classid);
    wx.request({
      url: url,
      data:{
        classid:classid,
        // student: [{ name:'teachername'}]

      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success:(res)=>{
        console.log(res.data);
        this.setData({teacher:res.data})
        
      }
    })

  },