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

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

相关文章

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识:线程号唯一、创建方式、属性设置(如分离状态与栈大小)、回收机制(join/detach)、退出方法(返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

Linux下删除乱码文件和目录的实现方式

《Linux下删除乱码文件和目录的实现方式》:本文主要介绍Linux下删除乱码文件和目录的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux下删除乱码文件和目录方法1方法2总结Linux下删除乱码文件和目录方法1使用ls -i命令找到文件或目录

SpringBoot+EasyExcel实现自定义复杂样式导入导出

《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并

mybatis执行insert返回id实现详解

《mybatis执行insert返回id实现详解》MyBatis插入操作默认返回受影响行数,需通过useGeneratedKeys+keyProperty或selectKey获取主键ID,确保主键为自... 目录 两种方式获取自增 ID:1. ​​useGeneratedKeys+keyProperty(推

Spring Boot集成Druid实现数据源管理与监控的详细步骤

《SpringBoot集成Druid实现数据源管理与监控的详细步骤》本文介绍如何在SpringBoot项目中集成Druid数据库连接池,包括环境搭建、Maven依赖配置、SpringBoot配置文件... 目录1. 引言1.1 环境准备1.2 Druid介绍2. 配置Druid连接池3. 查看Druid监控

Linux在线解压jar包的实现方式

《Linux在线解压jar包的实现方式》:本文主要介绍Linux在线解压jar包的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux在线解压jar包解压 jar包的步骤总结Linux在线解压jar包在 Centos 中解压 jar 包可以使用 u

Linux系统性能检测命令详解

《Linux系统性能检测命令详解》本文介绍了Linux系统常用的监控命令(如top、vmstat、iostat、htop等)及其参数功能,涵盖进程状态、内存使用、磁盘I/O、系统负载等多维度资源监控,... 目录toppsuptimevmstatIOStatiotopslabtophtopdstatnmon

c++ 类成员变量默认初始值的实现

《c++类成员变量默认初始值的实现》本文主要介绍了c++类成员变量默认初始值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录C++类成员变量初始化c++类的变量的初始化在C++中,如果使用类成员变量时未给定其初始值,那么它将被

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构