项目退出功能实现以及部分接口优化

最新推荐文章于 2023-05-11 08:56:32 发布
最新推荐文章于 2023-05-11 08:56:32 发布
阅读量506 收藏 1
点赞数
分类专栏： vue仿小米商城项目笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25503949/article/details/107448172
版权
本文介绍了项目退出功能的实现，包括添加退出按钮并清理cookie和vuex中的用户信息。同时，针对接口优化，提出了避免在首页刷新时重复调用sum接口的方法，通过params传参判断登录状态，以及在app.vue中根据cookie判断是否需要获取用户信息和购物车数量，确保资源有效利用。
摘要由CSDN通过智能技术生成

项目退出功能实现以及部分接口优化

一.退出功能实现：
1》添加退出按钮，并实现退出登录的接口：
navheader.vue：
在这里插入图片描述
在这里插入图片描述
2》此时退出功能没有完全实现，我们需要把在navheader渲染的用户名称和购物车数量清空：
清空cookie和vuex中 用户名称和购物车数量
在这里插入图片描述
3》正常情况下，用户选择一定量的商品添加购物车，退出登录再登录，购物车也不会清空，但是我们现在会清空，我们需要进行修改：我们需要再次登录后，重新获取购物车数量。

此时有人会有问题，之前App.vue不是设置过获取用户名称和购物车数量的函数调用吗？
在这里插入图片描述

我们在App.vue设置获取用户名称和购物车数量的函数调用的初心是因为我们是单页面的，我们把数据存储在vuex里面去，vuex在内

最低0.47元/天 解锁文章
啵雨的博客
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
退出的有关问题，如何实现退出的功能
11-03
实现退出的有关方法，对退出的有关讲解。如何实现退出的功能<html> <head> <meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Pragma" CONTENT="no-cache"> </head>
退出功能实现原理
weixin_44269412的博客
04-28 344
##vue项目退出功能实现原理 基于 token的方式实现退出比较简单，只需要销毁本地的 token即可。这样，后续的请求就不会携带token，必须重新登录生成一个新的 token,之后才可以访问页面 // 清空token window.sessionStorage.clear(); //跳转到登录页 this.$router.push("/login"); ...
退出功能实现
qq_32656561的博客
08-14 320
因为我们是基于token实现登录，后续的请求没有携带token就会强制跳转到登录页面，所以实现退出功能，只需销毁本地存储的token即可 将components下的Home.vue修改为： <template> <div> <el-button type="info" @click="logout">退出</el-button> </div> </template> <script> export de
黑马博客——详细步骤(十二)项目功能的实现之文章评论和退出功能
lilien的博客
12-30 761
8.文章评论 1. 创建评论集合 2. 判断用户是否登录，如果用户登录，再允许用户提交评论表单 3. 在服务器端创建文章评论功能对应的路由 4. 在路由请求处理函数中接收客户端传递过来的评论信息 5. 将评论信息存储在评论集合中 6. 将页面重定向回文章详情页面 7. 在文章详情页面路由中获取文章评论信息并展示在页面中 1. 创建评论集合 2. 判断用户是否登录，如果用户登录，再允许用户提交评论表单 登录超级管理员跳转用户管理界面 登录普通用户跳转首页 修改...
程序退出的实现方式
Hello，Sunpro!
12-12 656
Android 退出程序的实现连续两次点击返回键退出程序开发小程序的时候经常会遇到需要连续两次点击返回键退出程序的功能
Java实战项目:计算器应用程序 - 实现基本的数学运算功能
最新发布
10-03
在这个Java实战项目中，我们将构建一个简单的计算器应用程序，利用Java Swing库来创建用户界面，并实现基本的数学运算功能。以下是一些关键知识点： 1. **Java Swing库**：Java Swing是Java Foundation Classes ...
JAVA上百实例源码以及开源项目
01-03
Java源代码实现部分，比较有意思，也具参考性。像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java...
JAVA上百实例源码以及开源项目源代码
09-17
Java源代码实现部分，比较有意思，也具参考性。像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java...
云课堂&云音乐项目汇报
09-18
- 页面跳转和搜索功能的实现初期思路不清晰，可能需要优化逻辑。 - 使用本地存储时可能会影响到某些功能的正常运行，需要注意数据管理的策略。 - 静态布局存在不清晰的地方，需要进一步改进。 - 异步编程和函数嵌套...
在EDA教学试验箱上实现电话计费器功能
06-28
5. **嵌入式软件编程**：在实现计费功能的同时，可能还需要编写控制程序，用于读取计时结果，处理用户输入，以及与外部系统交互。这部分通常用C或C++等编程语言在微控制器上实现。 在EDA教学试验箱上进行实验时，你...
退出框架代码java_Spring Boot 实例代码之通过接口安全退出
weixin_39901558的博客
02-23 116
1、在pom.xml中引入actuator, security依赖org.springframework.bootspring-boot-starter-actuatororg.springframework.bootspring-boot-starter-security2、在application.properties开启shutdown endpoint(默认关闭)#开启shutdownen...
JAVA优雅的退出机制
Reid的专栏
01-17 1443
JAVA优雅的退出机制 参考： Netty 优雅退出机制和原理 Java 优雅地退出程序 每天一个linux命令（42）：kill命令 一、JAVA进程退出时机： 虚拟机中可能同时有多个线程运行，只有当所有的非守护线程（通常都是用户线程）都结束的时候，虚拟机的进程才会结束，不管当前运行的线程是不是main线程。 main 线程运行结束，如果此时运行的其他线程全部是 Daemon ...
接口测试平台-12：退出登录功能和后台管理
weixin_48435804的博客
01-06 1055
1. 退出登录 当时并没有退出登陆功能，所以要么请求其他同事访问，要么换浏览器，要么清空cookie。 比较麻烦。不过本节后，就可以实现退出功能了。 首先我们打开welcome.html，准备在这个菜单页面加上 退出登陆 按钮。 之所以在welcome上放退出按钮，因为这个菜单是全局公共的，任何页面都可以看到，自然也就看到它上面的退出按钮了。 我放在右上角主页按钮下面，之后把这些功能按钮全都一股脑的塞到右上角，整合成一个小整体之后样式上还能更有作为 打开welcome.html，修改..
Vue js监听区分窗口关闭事件和刷新事件，并在窗口关闭前发送请求，退出登陆
@必意玲
09-08 4251
区分窗口关闭和刷新事件 火狐浏览器兼容 关闭发请求，退出登陆操作（使用原生发同步请求，使用axios发异步会出现时行时不行问题） <template> <div id="app"> <router-view /> </div> </template> <script> export default { ...
vue关闭浏览器时，触发事件，执行退出登录接口
热门推荐
xingchen678的博客
10-13 1万+
vue关闭浏览器时，触发事件，执行退出登录接口** <template> <div id="app"> <router-view /> </div> </template> <script> export default { name: 'App', data() { return { } }, mounted() { // 关闭浏览器执行退出接口-- // onUnlo
js监听关闭页面，关闭页面时执行操作(刷新、关闭页面自动退出)
hosheaw的博客
01-12 1739
功能要求：关闭页面时，后台执行自定义操作。 具体要求：用户关闭网页时，自动在后台清除其登录信息。 长话短说，show code！ 前端javascript代码，具体onbeforeunload和onunload区别不再赘述： window.onbeforeunload = onbeforeunload_handler; function onbeforeunload_handler() { $.post(contentPath + "Login/Cl
接口测试中如何保持接口session不失效
EmilieMa的博客
07-05 4100
问题描述：一般请求登录接口后，服务器会把sessionid放在请求头中返回给客户端，如何保证python脚本请求其他接口时，session不失效解决方案一：从登录接口响应的cookies中提取，通过requests.utils.dict_from_cookiejar方法；拿到sessionid后，再请求其他接口时，放到request方法中的cookies参数实例代码：...
09. 前后端联调-实现登录退出功能
从器之道 从一而终
05-11 203
【代码】09. 前后端联调-实现登录退出功能。
ATM取款机实现与优化：C语言实践与扩展
本篇文章主要介绍了在大一下册的实验项目中，如何实现一个基础的ATM取款机模拟程序，使用C语言进行编程。实验内容涉及了C语言的基本语句、函数调用、文件操作以及结构体数组的应用，旨在将大学一年级所学的C语言程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值