微信小程序登录

首先,创建页面,例如:

<view class='form'>
<form bindsubmit="formSubmit">
<view class="num">
  <text>学号:</text>
  <input placeholder="请输入学号" name="number" value='00000000' auto-focus/>
</view>
<view class="psw">
  <text>密码:</text>
  <input placeholder="请输入密码" name="password" value="123456" password='true'/>
</view>
<view class="sub">
  <button type='primary' form-type='submit'>登录</button>
</view>
</form>
</view>

创建页面成功后,

编写js代码,例如:

formSubmit:function(e){
    wx.request({
      url: "https://www.xxxxxxxxxxxx.top/pj/index.php/student/api/login", //仅为示例,并非真实的接口地址
      data: {
        username: e.detail.value.number,//获取前台输入的学号
        password: e.detail.value.password,//获取前台输入的密码
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        // console.log(res.data);
        if(res.statusCode==200){
          if(res.data.error==true){//判断输入的学号和密码是否正确
            wx.showToast({//输入错误
              title:res.data.msg,
              icon:'none',
              duration:2000
            })
          } else{//输入正确
            wx.setStorage({ //本地缓存
              key: "student",
              data: res.data.student
            });

            wx.showToast({
              title:"登录成功",
              icon:'success',
              duration:20000,
              success:function(){
                wx.redirectTo({
                  url: "../teachers/teachers"
                })
              }
            })
          }
        }
      }
    })
  },
登录成功,则跳转teachers页面
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值