微信小程序实现登录功能

wxml代码就不写了,就一普通的登录页面,这里就把js代码贴出来吧。

//项目的路径
var serverUrl = 'xxxxx';
//用户名
var username = '';
//密码
var password = '';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    worknum: '',
    password: '',
    serverUrl: serverUrl
  },

  // 获取输入账号
  // 给账号的input加上bindinput="usernameInput",赋值
  usernameInput: function (e) {
    username = e.detail.value
    this.setData({
      username : e.detail.value
    })
  },

  // 获取输入密码
  // 给密码的input加上bindinput="passwordInput",赋值
  passwordInput: function (e) {
    password = e.detail.value;
    this.setData({
      password: e.detail.value
    })
  },

  loginApp:function(e){
    console.log(worknum);
    console.log(password);
    wx.request({
      url: serverUrl + '/user_login.action',
      data: {
        loginName: worknum,
        loginPwd: password
      },
      header: { 'content-type': 'application/json' },
      success: function (res) {
        if (res.data == "isNotExist"){
      	  //后台返回isNotExist,用户名错误
          wx.showToast({
            title: '用户不存在!',   //内容
            icon: 'none',   //图标,支持"success"、"loading" ,“none”即为无图标
            // image: '/img/ceshi.jpg',   //自定义图标的本地路径,image 的优先级高于 icon
            duration: 1000,   //提示的延迟时间,单位毫秒,默认:1500
            mask: true   //是否显示透明蒙层,防止触摸穿透,默认:false 
          })
        } else if (res.data == "pwdError"){
          // 后台返回pwdError,密码错误
          wx.showToast({
            title: '密码错误!',   //内容
            icon: 'none',  //图标,支持"success"、"loading" ,“none”即为无图标
            // image: '/img/ceshi.jpg',   //自定义图标的本地路径,image 的优先级高于 icon
            duration: 1000,   //提示的延迟时间,单位毫秒,默认:1500
            mask: true   //是否显示透明蒙层,防止触摸穿透,默认:false 
          })
        } else {
          wx.reLaunch({
          	// 用户名密码正确,跳转主页
            url: 'pages/index/index'
          })
        }
      }
    })
  },

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

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_37253891/article/details/86073819