微信小程序实现登录功能

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

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

Page({

  /**
   * 页面的初始数据
   */
  data: {
    username: '',
    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(username);
    console.log(password);
    wx.request({
      url: serverUrl + '/user_login.action',
      data: {
        loginName: username,
        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 () {
  
  }
})
  • 7
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值