han_cui入門實戰《四》用戶登錄

發布時間：2018-02-10 11:50 所屬欄目：小程序開發教程

在商城中，訪問個人中心或者購物車前先判斷是否登錄，從緩存中讀取用戶名，密碼等，若無登錄，或者清楚緩存，則需登錄。
下面以本人做的登錄為例，login.js頁面

// pages/login/login.js
Page({
onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的參數
var token = wx.getStorageSync('token')
var name = wx.getStorageSync('name')
var pwd = wx.getStorageSync('pwd')
if(token ==''){
wx.navigateTo({
url: '/pages/index/index'
})
}

if(name!=''){
if(pwd!=''){
wx.redirectTo({
url: '../my/my?name='+name+'&pwd='+pwd+''
})
}
}
},
//用戶名和密碼輸入框事件
usernameInput:function(e){
// console.log(e)
this.setData({
userN:e.detail.value
})
},
passwordInput:function(e){
this.setData({
passW:e.detail.value
})
},
//登錄按鈕點擊事件，調用參數要用：this.data.參數；
//設置參數值，要使用this.setData({}）方法
loginBtnClick:function(a){
// console.log(a)
var that=this
if(this.data.userN.length == 0 || this.data.passW.length == 0){
this.setData({
infoMess:'溫馨提示：用戶名或密碼不能為空！',
})
}else{
wx.request({
url: 'http://www.tpshop.com/index.PHP?m=Api&c=User&a=login',
data: {
username: this.data.userN,
password: this.data.passW,
unique_id:'123456'
},
header: {
'content-type': 'application/json'
},
success: function(res) {
// console.log(res.data.result)
if(res.data.status == -1){
userName:'缺少參數'
}else{
//存用戶session
// wx.setStorageSync('token', res.data.result.token)
// wx.setStorageSync('user_id', res.data.result.user_id)
// wx.setStorageSync('name', that.data.userN)
// wx.setStorageSync('pwd', that.data.passW)


wx.setStorage({
key:'name',
data:res.data.result.mobile,
})
wx.setStorage({
key:'token',

易優小程序（企業版）+靈活api+前后代碼開源碼云倉庫: