登錄注冊都完成了,有可能會遇到一些問題,服務(wù)器繁忙的話,后臺接口卡主了,也沒任何提示,小程序端的用戶比較暴力一直惦記怎么辦。
創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司;我們對營銷、技術(shù)、服務(wù)都有自己獨特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)!我們經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關(guān)注我們的網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)質(zhì)量和服務(wù)品質(zhì),在得到用戶滿意的同時,也能得到同行業(yè)的專業(yè)認(rèn)可,能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新,服務(wù)升級,滿足企業(yè)一站式營銷型網(wǎng)站建設(shè)需求,讓再小的成都品牌網(wǎng)站建設(shè)也能產(chǎn)生價值!
https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowtoastobject
https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxhideloading
用戶登錄
用戶注冊
const?app?=?getApp() Page({ ??data:?{ ??}, ??doLogin:?function?(e)?{ ????var?formObject?=?e.detail.value; ????var?username?=?formObject.username; ????var?password?=?formObject.password; ????//?簡單驗證 ????if?(username.length?==?0?||?password.length?==?0)?{ ??????wx.showToast({ ????????title:?'用戶名或密碼不能為空', ????????icon:?'none', ????????duration:?3000 ??????}) ????}?else?{ ??????wx.showLoading({ ????????title:?'正在加載中。。。' ??????}); ??????wx.request({ ????????url:?app.serverUrl?+?"/login", ????????method:?"POST", ????????data:?{ ??????????username:?username, ??????????password:?password ????????}, ????????header:?{ ??????????'content-type':?'application/json'?//?默認(rèn)值 ????????}, ????????success:?function?(res)?{ ??????????console.log(res.data); ??????????var?status?=?res.data.status; ??????????wx.hideLoading(); ??????????if?(status?==?200)?{ ????????????wx.showToast({ ??????????????title:?"用戶登陸成功~!", ??????????????icon:?'none', ??????????????duration:?3000 ????????????}) ????????????app.userinfo?=?res.data.data; ??????????}?else?if?(status?==?500)?{ ????????????wx.showToast({ ??????????????title:?res.data.msg, ??????????????icon:?'none', ??????????????duration:?3000 ????????????}) ??????????} ????????} ??????}) ????} ??}, ??goLoginPage:?function?(e)?{ ????console.log("跳轉(zhuǎn)到注冊"); ??} })
用戶注冊
const?app?=?getApp() Page({ ????data:?{ ????}, ????doRegist:?function(e)?{ ??????var?formObject?=?e.detail.value; ??????var?username?=?formObject.username; ??????var?password?=?formObject.password; ??????//?簡單驗證 ??????if?(username.length?==?0?||?password.length?==?0)?{ ????????wx.showToast({ ??????????title:?'用戶名或密碼不能為空', ??????????icon:?'none', ??????????duration:?3000 ????????}) ??????}else{ ????????wx.showLoading({ ??????????title:?'正在加載中。。。' ????????}); ????????wx.request({ ??????????url:?app.serverUrl?+"/regist",? ??????????method:"POST", ??????????data:?{ ????????????username:?username, ????????????password:?password ??????????}, ??????????header:?{ ????????????'content-type':?'application/json'?//?默認(rèn)值 ??????????}, ??????????success:?function?(res)?{ ????????????console.log(res.data); ????????????var?status?=?res.data.status; ????????????wx.hideLoading(); ????????????if(status?==?200){ ??????????????wx.showToast({ ????????????????title:?"用戶注冊成功~!", ????????????????icon:?'none', ????????????????duration:?3000 ??????????????}) ??????????????app.userinfo?=?res.data.data; ????????????}else?if(status?==?500){ ??????????????wx.showToast({ ????????????????title:?res.data.msg, ????????????????icon:?'none', ????????????????duration:?3000 ??????????????}) ????????????} ??????????} ????????}) ??????} ????}, ????goLoginPage:function(e){ ??????console.log("跳轉(zhuǎn)到登錄"); ????} })
用戶登錄跳轉(zhuǎn)
const?app?=?getApp() Page({ ??data:?{ ??}, ??doLogin:?function?(e)?{ ????var?formObject?=?e.detail.value; ????var?username?=?formObject.username; ????var?password?=?formObject.password; ????//?簡單驗證 ????if?(username.length?==?0?||?password.length?==?0)?{ ??????wx.showToast({ ????????title:?'用戶名或密碼不能為空', ????????icon:?'none', ????????duration:?3000 ??????}) ????}?else?{ ??????wx.showLoading({ ????????title:?'正在加載中。。。' ??????}); ??????wx.request({ ????????url:?app.serverUrl?+?"/login", ????????method:?"POST", ????????data:?{ ??????????username:?username, ??????????password:?password ????????}, ????????header:?{ ??????????'content-type':?'application/json'?//?默認(rèn)值 ????????}, ????????success:?function?(res)?{ ??????????console.log(res.data); ??????????var?status?=?res.data.status; ??????????wx.hideLoading(); ??????????if?(status?==?200)?{ ????????????wx.showToast({ ??????????????title:?"用戶登陸成功~!", ??????????????icon:?'none', ??????????????duration:?3000 ????????????}) ????????????app.userinfo?=?res.data.data; ??????????}?else?if?(status?==?500)?{ ????????????wx.showToast({ ??????????????title:?res.data.msg, ??????????????icon:?'none', ??????????????duration:?3000 ????????????}) ??????????} ????????} ??????}) ????} ??}, ??goRegisterPage:?function?(e)?{ ????wx.redirectTo({ ??????url:?'../userRegister/userRegister', ????}) ??} })
用戶注冊跳轉(zhuǎn)
userRegister.js
const?app?=?getApp() Page({ ????data:?{ ????}, ????doRegist:?function(e)?{ ??????var?formObject?=?e.detail.value; ??????var?username?=?formObject.username; ??????var?password?=?formObject.password; ??????//?簡單驗證 ??????if?(username.length?==?0?||?password.length?==?0)?{ ????????wx.showToast({ ??????????title:?'用戶名或密碼不能為空', ??????????icon:?'none', ??????????duration:?3000 ????????}) ??????}else{ ????????wx.showLoading({ ??????????title:?'正在加載中。。。' ????????}); ????????wx.request({ ??????????url:?app.serverUrl?+"/regist",? ??????????method:"POST", ??????????data:?{ ????????????username:?username, ????????????password:?password ??????????}, ??????????header:?{ ????????????'content-type':?'application/json'?//?默認(rèn)值 ??????????}, ??????????success:?function?(res)?{ ????????????console.log(res.data); ????????????var?status?=?res.data.status; ????????????wx.hideLoading(); ????????????if(status?==?200){ ??????????????wx.showToast({ ????????????????title:?"用戶注冊成功~!", ????????????????icon:?'none', ????????????????duration:?3000 ??????????????}) ??????????????app.userinfo?=?res.data.data; ????????????}else?if(status?==?500){ ??????????????wx.showToast({ ????????????????title:?res.data.msg, ????????????????icon:?'none', ????????????????duration:?3000 ??????????????}) ????????????} ??????????} ????????}) ??????} ????}, ????goLoginPage:function(e){ ??????wx.redirectTo({ ????????url:?'../userLogin/userLogin', ??????}) ????} })
PS:這次就是我們的跳轉(zhuǎn)和loading的介紹。