微信小程序-登录页面

小程序-登录页面,(工具:微信web开发者工具)

wxml:



 评教系统-学生端

学号: 密码:

wxss:

  form{
  width: 100%;
  /* border: solid 1px #0f0; */
}

.section{
  margin: 50rpx auto;
}
input{
  border: solid 1px #ccc;
  height: 90rpx;
}
.system{
  font-size: 24px;
  margin: 10px auto;
}

js:

// pages/login/login.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);
    //console.log(e.detail.value.no);
    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: "../teachers/teachers"
        })
      }
    })
  }
})


你可能感兴趣的:(微信小程序-登录页面)