首先,创建页面,例如:
<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页面