您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

han_cui入门实战《四》用户登录

来源:微信小程序 编辑:Yiyongtong.com 发布时间:2018-02-10 11:50热度:


在商城中,访问个人中心或者购物车前先判断是否登录,从缓存中读取用户名,密码等,若无登录,或者清楚缓存,则需登录。 
下面以本人做的登录为例,login.js页面

 

  1. // 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',