【java小程序实战】小程序注销功能实现

小程序实战中，如何实现程序的注销功能呢？后端代码只要删除用户的redi缓存即可。小程序端在成功返回消息后，进行登陆页面的跳转。

文章目录

小程序的mine.wxml代码
mine.wxss代码
注销事件的代码mine.js
RegistLoginController 中注销代码

页面展示

小程序的mine.wxml代码

<view><view class='container'><image src="{{faceUrl}}" class="face" bindtap='changeFace'></image><label class="nickname">{{nickname}}</label><button size="mini" class="primary" bindtap="uploadVideo">上传作品</button><button size="mini" type="" class="logout" bindtap='logout'>注销</button><view class="container-row"><label class='info-items'>{{fansCounts}} 粉丝</label><label class='info-items'>{{followCounts}} 关注</label><label class='info-items'>{{receiveLikeCounts}} 获赞</label></view></view>
</view><view class='line'></view>

mine.wxss代码

page {font-size: 14px;
}.container {background-color: whitesmoke;display: flex;flex-direction: column;align-items: center;
}.container-row {display: flex;flex-direction: row;margin-bottom: 10px;margin-top: 10px;
}.info-items {margin-left: 30px;
}
.face {width: 180rpx;height: 180rpx;border-radius: 50%;margin-top: 20px;
}.nickname {margin-top: 5px;font-weight: bold;font-size: 18px;
}
.logout {margin-top: 3px;float: right;
}
.follow {margin-top: 3px;
}
.line {width: 100%;height: 1px;background-color: gainsboro;margin-top: 1px;
}
.container-video {display: flex;flex-direction: row;margin-top: 20px;text-align: center;border: solid 1px;line-height: 30px;
}.video-info {width: 100%;
}
.video-info-selected {background-color: gainsboro;
}.container-video-list {display: flex;flex-direction: row;flex-wrap: wrap;
}.videoImage {width: 250rpx;height: 180px;
}

注销事件的代码mine.js

通过事件函数发起请求，后端处理成功返回结果，并跳转至登陆页面。
设置小程序的全局变量userInfo为null

   //注销事件logout: function () {console.log("logout")var user = app.userInfo;var serverUrl = app.serverUrl;wx.showLoading({title: '请等待',});wx.request({url: serverUrl+'/logout?userId=' + user.id,method:"POST",header: {'content-type': 'application/json' //默认值},success: function (res) {wx.hideLoading();if( res.data.status == 200){wx.showToast({title: '注销成功',icon: 'success',duration: 20000});//注销成功，设置全局信息为nullapp.userInfo = null;wx.navigateTo({url: '../login/login',})}}})},

RegistLoginController 中注销代码

根据用户id，清楚redis中的缓存记录。

  @ApiOperation(value="用户注销" , notes = "用户注销的接口")@ApiImplicitParam(name = "userId", value = "用户id" ,required = true,dataType = "String", paramType = "query")@PostMapping("/logout")public IMoocJSONResult logout(String userId) {System.out.println("userId:"+userId);redis.del(USER_REDIS_SESSION + ":" + userId);return IMoocJSONResult.ok();}

【java小程序实战】小程序注销功能实现相关推荐

微信小程序 - 实战小案例 - 简易记事本
多项技能,好像也不错.学习一下微信小程序. 教程:https://mp.weixin.qq.com/debug/wxadoc/dev/ 简介:一套用来开发在手机微信上运行的app框架,不用安装组成: ...
小程序 ajax 加载,小程序实战-小程序网络请求异步加载
最初看到小程序的网络请求的时候,尤其是演示示例中,userInfoReadyCallback这个函数更是一头雾水.其实并不怎么理解.一直很费解.网上各路大侠都有解释,但是就是,不知道是怎么个顺序,而我 ...
java秒杀功能的实现_【IDEA+SpringBoot+Java商城秒杀实战14】秒杀功能的实现（秒杀业务逻辑处理）...
已经开始秒杀结束秒杀倒计时所以我们去秒杀第一个商品: 在之前的goods_detail.html里面的秒杀按钮点击之后提交/miaosha/do_miaosha,以POST类型提交,带有数据是秒 ...
java注销对话框_【java小程序实战】小程序注销功能实现
小程序实战中,如何实现程序的注销功能呢?后端代码只要删除用户的redi缓存即可.小程序端在成功返回消息后,进行登陆页面的跳转. 文章目录小程序的mine.wxml代码 mine.wxss代码注销事 ...
「小程序JAVA实战」小程序我的个人信息-注销功能（42）
转自:https://idig8.com/2018/09/06/xiaochengxujavashizhanxiaochengxuwodegerenxinxi-zhuxiaogongneng40/ 注 ...
解密微信小程序Java登录流程（ssm实现具体功能）
点击上方"好好学java",选择"置顶公众号" 优秀学习资源.干货第一时间送达! 精彩内容 java实战练习项目教程 2018微服务资源springboot.s ...
微信小程序实战购物车功能
代码地址如下: http://www.demodashi.com/demo/12400.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...
会员管理小程序实战开发教程（六）-会员查询功能
本实战教程是利用腾讯云微搭低代码,快速的搭建一款会员管理的小程序,方便商家日常通过小程序来管理会员.功能分为会员信息登记.充值.消费.发票及会员查询功能.历史文章目录如下: 1.首页及会员登记功能 2 ...
Java社交商城APP+小程序多功能B2B2C商城源码
Java社交商城APP+小程序多功能B2B2C商城源码功能介绍 1)用户可通过邀请好友.签到赚取糖果: 2)用户可以通过平台获取想要的商品,领券购买并获取分佣提成: 3) 用户可以通过淘宝链接搜索商 ...

【java小程序实战】小程序注销功能实现

文章目录

小程序的mine.wxml代码

mine.wxss代码

注销事件的代码mine.js

RegistLoginController 中注销代码

【java小程序实战】小程序注销功能实现相关推荐

最新文章

热门文章