IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> Python flask实战订餐系统微信小程序-35登录成功进入首页并设置token缓存 -> 正文阅读

[Python知识库]Python flask实战订餐系统微信小程序-35登录成功进入首页并设置token缓存

B站配套视频教程观看

现在我们处理未注册用户的情况

,加入用户未注册,

应该显示授权登录:

所以 我们可以通过删除数据库,这样 python后台返回未注册,这时我将regFlag:false,

  checkLogin:function(){
    var that = this;
    wx.login({
        success:function (res) {
            if(!res.code){
              app.alert({'content':'登录失败,请在此点击'});
              return
            }

            wx.request({
              url: app.buildUrl('/member/check-reg'),
              method:'POST',
              data: {code:res.code},
              header: app.getRequestHeader(),
              success:function (res) {
                if(res.code != 200){
                  that.setData({
                      regFlag:false
                  })
                }
              }
            })
        }
    });
  },

前台就会显示“授权登录”,当我点击“授权登录”按钮,就可以通过发送login接口获得这个用户刚刚注册的token

登录成功后应该进入首页:

  • 未登录用户 进入登录界面、点击登录后 再进入首页
  • 已登录用户,显示首页

checkLogin

  checkLogin:function(){
    var that = this;
    wx.login({
        success:function (res) {
            if(!res.code){
              app.alert({'content':'登录失败,请在此点击'});
              return
            }

            wx.request({
              url: app.buildUrl('/member/check-reg'),
              method:'POST',
              data: {code:res.code},
              header: app.getRequestHeader(),
              success:function (res) {
                if(res.data.code != 200){
                  that.setData({
                      regFlag:false
                  });
                  return;
                }
              }
            })
        }
    });
  },

Login

  login:function (e) {
    var that = this;
    if(!e.detail.userInfo){
      app.alert({'content':'登录失败,请在此点击'})
    }
    var data = e.detail.userInfo;

    wx.login({
        success:function (res) {
            if(!res.code){
              app.alert({'content':'登录失败,请在此点击'});
              return
            }
            data['code'] = res.code;

            wx.request({
              url: app.buildUrl('/member/login'),
              method:'POST',
              data: data,
              header: app.getRequestHeader(),
              success:function (res) {
                if(res.data.code != 200){
                  app.alert({'content':res.data.msg});
                  return;
                }
                that.goToIndex();
              }
            })
        }
    });


  },

成功进入首页

将返回的信息存储到缓存里面

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

异步写入

同步获取

app.js添加函数

    buildUrl:function (path, params) {
        var url = this.globalData.domain+path;
        var _paramUrl = "";
        if (params) {
            _paramUrl = Object.keys(params).map(
                function (k) {
                    return [encodeURIComponent(k), encodeURIComponent(params[k])].join("=");
                }
            ).join("&")
            _paramUrl = '?'+_paramUrl
        }
        return url +_paramUrl
    },
    getCache:function (key) {
        var value = wx.getStorageSync(key);
        return value;
    },
    setCache:function (key, value) {
        wx.setStorage({
          key:key,
          data:value
        });
    }

index.js中添加

app.setCache("token", res.data.data.token);

  checkLogin:function(){
    var that = this;
    wx.login({
        success:function (res) {
            if(!res.code){
              app.alert({'content':'登录失败,请在此点击'});
              return
            }

            wx.request({
              url: app.buildUrl('/member/check-reg'),
              method:'POST',
              data: {code:res.code},
              header: app.getRequestHeader(),
              success:function (res) {
                if(res.data.code != 200){
                  that.setData({
                      regFlag:false
                  });
                  return;
                }

                app.setCache("token", res.data.data.token);
              }
            })
        }
    });
  },
  login:function (e) {
    var that = this;
    if(!e.detail.userInfo){
      app.alert({'content':'登录失败,请在此点击'})
    }
    var data = e.detail.userInfo;

    wx.login({
        success:function (res) {
            if(!res.code){
              app.alert({'content':'登录失败,请在此点击'});
              return
            }
            data['code'] = res.code;

            wx.request({
              url: app.buildUrl('/member/login'),
              method:'POST',
              data: data,
              header: app.getRequestHeader(),
              success:function (res) {
                if(res.data.code != 200){
                  app.alert({'content':res.data.msg});
                  return;
                }
                app.setCache("token", res.data.data.token);
                that.goToIndex();
              }
            })
        }
    });


  },

可以看到已经写入到了缓存当中

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2021-08-22 13:29:59  更:2021-08-22 13:30:26 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 10:37:38-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码