小程序(登录页面)

在开发者工具中写代码实现效果。

评分系统



学号:



密码:



登录

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  },

  
  formSubmit: function (e) {
   
    console.log(e.detail.value);
    wx.request({
      url: 'https://www.......top/pj/index.php/student/api/login', //仅为示例，并非真实的接口地址
      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.student,
        });
        wx.showToast({
          title: '登录成功',
          icon: 'none',
          duration: 1000
        })

        //页面跳转
        wx.switchTab({
         
          url: '../teachers/teachers'
        })
      }
    })
  }
})