实现系统三十分钟不操作就自动退出到登录页

2023-10-14 07:50

本文主要是介绍实现系统三十分钟不操作就自动退出到登录页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

思路:有的系统为了安全性会要求用户多长时间不操作的时候退出到登录页面,实现这个功能的时候是我们是由前端实现的,接下来看一下我们是怎么实现的,实现的思路是记录用户操作的最后一次时间,还有再次操作的时间,后面的时间戳减去前面一次的时间戳,如果换算出来的时间内大于三十分钟,则退出到登录页面即可(该操作是在拦截器里面进行判断的)
1.先在ipaddress.js定义三十分钟的毫秒数

const LOGINTIME = 1800000  //1000毫秒= 1600000

在这里插入图片描述
在登录api的地方加上:

  /*** 登录* @param {string} param 登录信息*/static login (data) {return service({url: `${SERVICE_URL}/user-service/user-service/user/oauth/login`,method: 'POST',data,onAuthLoginTime: true // 加这段})}

在拦截器上加上这一段(说明:这一段是比较关键的,主要是判断当最后一次操作时间的时间戳减去前面一次的操作的时间的时候是否大于设置指定的时间,如果大于则会退出到登录):

  let currentTime = new Date().getTime()if(!getOpenId() && !token && config.onAuthLoginTime)  {if (config.onAuthLoginTime){// 如果是登录或者跳转页则获取当前时间作为记录,同时还要监听window.onfocus、window.onblursessionStorage.setItem('loginTime', currentTime)}else{let loginTime = sessionStorage.getItem('loginTime')// 判断10分钟内是否存在操作, 存在则清零,不存在则跳转if ((Number(currentTime) - loginTime) > LOGINTIME){// 跳转登录// 取消请求config.cancelToken = source.tokensource.cancel('登录超时')sessionStorage.removeItem('token')router.replace({path: '/login'})}else{sessionStorage.setItem('loginTime', currentTime)}}} else if(getOpenId() && token){let loginTime = sessionStorage.getItem('loginTime')if ((Number(currentTime) - loginTime) > LOGINTIME){// 跳转登录// 取消请求config.cancelToken = source.tokensource.cancel('登录超时')sessionStorage.removeItem('token')router.replace({path: '/login'})// window.location.replace(LOGIN_URL)}else{sessionStorage.setItem('loginTime', currentTime)}}

最后:实现系统长时间不操作的时候自动退出到登录的功能就实现啦。

这篇关于实现系统三十分钟不操作就自动退出到登录页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/209142

相关文章

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

基于Python实现高效PPT转图片工具

《基于Python实现高效PPT转图片工具》在日常工作中,PPT是我们常用的演示工具,但有时候我们需要将PPT的内容提取为图片格式以便于展示或保存,所以本文将用Python实现PPT转PNG工具,希望... 目录1. 概述2. 功能使用2.1 安装依赖2.2 使用步骤2.3 代码实现2.4 GUI界面3.效

MySQL更新某个字段拼接固定字符串的实现

《MySQL更新某个字段拼接固定字符串的实现》在MySQL中,我们经常需要对数据库中的某个字段进行更新操作,本文就来介绍一下MySQL更新某个字段拼接固定字符串的实现,感兴趣的可以了解一下... 目录1. 查看字段当前值2. 更新字段拼接固定字符串3. 验证更新结果mysql更新某个字段拼接固定字符串 -

java实现延迟/超时/定时问题

《java实现延迟/超时/定时问题》:本文主要介绍java实现延迟/超时/定时问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java实现延迟/超时/定时java 每间隔5秒执行一次,一共执行5次然后结束scheduleAtFixedRate 和 schedu

Java Optional避免空指针异常的实现

《JavaOptional避免空指针异常的实现》空指针异常一直是困扰开发者的常见问题之一,本文主要介绍了JavaOptional避免空指针异常的实现,帮助开发者编写更健壮、可读性更高的代码,减少因... 目录一、Optional 概述二、Optional 的创建三、Optional 的常用方法四、Optio

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

Redis实现延迟任务的三种方法详解

《Redis实现延迟任务的三种方法详解》延迟任务(DelayedTask)是指在未来的某个时间点,执行相应的任务,本文为大家整理了三种常见的实现方法,感兴趣的小伙伴可以参考一下... 目录1.前言2.Redis如何实现延迟任务3.代码实现3.1. 过期键通知事件实现3.2. 使用ZSet实现延迟任务3.3

基于Python和MoviePy实现照片管理和视频合成工具

《基于Python和MoviePy实现照片管理和视频合成工具》在这篇博客中,我们将详细剖析一个基于Python的图形界面应用程序,该程序使用wxPython构建用户界面,并结合MoviePy、Pill... 目录引言项目概述代码结构分析1. 导入和依赖2. 主类:PhotoManager初始化方法:__in

springboot filter实现请求响应全链路拦截

《springbootfilter实现请求响应全链路拦截》这篇文章主要为大家详细介绍了SpringBoot如何结合Filter同时拦截请求和响应,从而实现​​日志采集自动化,感兴趣的小伙伴可以跟随小... 目录一、为什么你需要这个过滤器?​​​二、核心实现:一个Filter搞定双向数据流​​​​三、完整代码