退出登录html可以用转发吗,登录之后，在其他页面怎么判断是否已经登录？

于 2021-06-10 15:04:13 发布
阅读量198 收藏
点赞数
文章标签： 退出登录html可以用转发吗

大家好，我是IT修真院深圳分院第04期学员，一枚正直善良的web程序员。

今天给大家分享一下，修真院官网 js任务中可能会使用到的知识点：

登录之后，在其他页面怎么判断是否已经登录？

1.背景介绍

登录功能，是前端经常要完成的需求之一。但是如何进行登录判断？

2.知识剖析

传统的Cookie-session验证

Cookie认证机制就是为一次请求认证在服务端创建一个Session对象，同时在客户端的浏览器端创建了一个Cookie对象； 通过客户端带上来Cookie对象来与服务器端的session对象匹配来实现状态管理的。默认的，当我们关闭浏览器的时候，cookie会被删除。 但可以通过修改cookie 的expire time使cookie在一定时间内有效。

所以，在其它页面保持登录，可以在登录后往本地cookie中存储一个关键字段(存储用户信息),如：名字、值、过期时间、路径和域。 在路由变化的时候，或者在页面跳转的时候，检测是该字段值是否正确，不正确则跳转登录页；点击注销可以执行删除。

token的验证

token的意思是“令牌”，是用户身份的验证方式，最简单的token组成:uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign(签名)， 由token的前几位+盐以哈希算法压缩成一定长的十六进制字符串，可以防止恶意第三方拼接token请求服务器)。还可以把不变的参数也放进token，避免多次查库。

3.常见问题

cookie与session的区别

1、cookie数据存放在客户端上，session数据放在服务器上。

2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗考虑到安全应当使用session。

3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能考虑到减轻服务器性能方面，应当使用COOKIE。

4、单个cookie保存的数据不能超过4K。

5、所以个人建议：

将登陆信息等重要信息存放为SESSION

其他信息如果需要保留，可以放在COOKIE中

cookie保存格式和参数说明

//设置Cookie

/*在cookie的名或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。在cookie

的名中做到这点很容易，但要保存的值是不确定的。如何来存储这些值呢？方法是用

encodeURI()函数进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码

为“20%”，从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现。

在获取cookie时可以通过decodeURI()方法对cookie进行解码。

Cookie的保存格式为："name=value; expires=evalue; path=pvalue;"每个属性之间通过：'分号+空格'(; )隔开;

参数值的意思:

name:表示要存入对象的名称，唯一必须设置(通常使用：user@domain格式命名，user为本地用户，domain为所访问网站的域名)。value：表示要存入的值。

expires：该对象的有效时间(可选)(默认为当前浏览器会话有用，关闭浏览器就消失);

path:指定该Cookie作用范围(可选)(即：在那些网页上可用)；

domain:设置web服务器的Cookie共享域(可选)(如：test*.com)表示域名为test*.com

的服务器共享该Cookie

secure：设置Cookie的传输过程是否加密(可选)(一般为SSH加密)*/

4.解决方案

在前端浏览器里经常使用Cookie-session验证，那么如何进行使用这种验证？

f61c24733277?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

设置cookie

5.编码实战

6.扩展思考

SESSION与TOKEN的区别session和token并不矛盾，作为身份认证 token安全性比session好，因为每个请求都有签名还能防止监听以及重放攻击，而session就必须靠链路层来保障通讯安全了。 如上所说，如果你需要实现有状态的会话，仍然可以增加session来在服务器端保存一些状态。App通常用restful api跟server打交道。Rest是stateless的，也就是app不需要像浏览器那样用cookie来保存session,因此用session/token来标示自己就够了， session/state由api server的逻辑处理。 如果你的后端不是stateless的rest api, 那么你可能需要在app里保存session.可以在app里嵌入webkit,用一个隐藏的browser来管理cookie session.

Session 是一种HTTP存储机制，目的是为无状态的HTTP提供的持久机制。所谓Session认证只是简单的把User信息存储到Session 里，因为SID 的不可预测性，暂且认为是安全的。 这是一种认证手段。而Token，如果指的是Token或类似的机制的话，提供的是认证和授权，认证是针对用户，授权是针对App。其目的是让某App有权利访问某用户的信息。 这里的 Token是唯一的。不可以转移到其它App上，也不可以转到其它用户上。转过来说Session只提供一种简单的认证，即有此 SID，即认为有此User的全部权利。 是需要严格保密的，这个数据应该只保存在站方，不应该共享给其它网站或者第三方App。 所以简单来说，如果你的用户数据可能需要和第三方共享，或者允许第三方调用 API 接口，用Token。如果永远只是自己的网站，自己的 App，用什么就无所谓了。

7.参考文献

8.更多讨论

1.和服务端seesion对接的数据一定要存储在Cookie里吗？

一般是存储在Cookie里。虽然说浏览器的一个Cookie一般只有4KB,而现代浏览器localstorage和seesionstorge的存储量更大，但是Cookie可以灵活设置过期时间，而这一点localstorage和seesionstorge是做不到的。

2.token通常用在什么地方？

token通常是用在跨平台的项目，有移动端，PC端的项目。因为IOS和安卓对Cookie的处理方法是不同，因此用token就可以方便各平台使用。

3.如何手动取消登陆状态？

1.手动打开浏览器cookie的存放位置，点击清除cookie，那么你的登陆状态就取消了

2.一般社交，购物网站还有退出按钮。它的原理也是去除cookie。

登录之后，在其他页面怎么判断是否已经登录？

感谢大家观看！

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖!

七海爱丁堡
关注
Vue3 - 详解 H5 微信公众号网页微信授权登录后重复跳转登录页，点同意后频繁授权登录无法返回上一页，微信h5登录后如何跳转到原来的页面，公众号网页授权，已授权用户会再次弹出授权框页（完美解决教程
王佳斌
07-07 2214
vue3，nuxt3，微信授权登录，公众号网页，vue3公众号登录，h5，网页，网站，移动端H5，微信登陆，重复跳转问题，一直来回来总是授权登录，vue微信公众号如何授权登录后返回到原来的页面，跳不出去，点击同意后授权登录还会再跳转回来，用户同意授权后还是会回到登录页，苹果IOS手机无限，死循环一直重复跳转，路由，vue3微信授权登录详细教程，出不去怎么办，授权页面频繁重复，用户都已经同意已授权登录了还会再弹出授权框，微信公众平台网页授权两次或多次重定响应问题，多次重定向跳转，导致code使用多次问题，H5
mvc实现登录退出登录 注册功能
羊肉串学爪哇的博客
05-17 470
UserDao package com.qiku.yrc.Dao; import com.qiku.yrc.entity.User; import com.qiku.yrc.utils.DruidUtils; import org.apache.commons.dbutils.QueryRunner; import org.apache.commons.dbutils.handlers.BeanHandler; import org.junit.Test; import java.sql.SQLEx
分针网——每日分享：登录之后，在其他页面怎么判断是否已经登录
weixin_30443075的博客
06-30 780
本文转载：http://www.f-z.cn/id/261 一、背景介绍 登录功能，是前端经常要完成的需求之一。 一个 网站有很多的操作是必须要用户登陆才能进行操作的 那么如何进行登录判断？ 需要用到什么样的属性或者方法？ 有什么地方的细节需要注意？ ...
判断是否登录，超过7天退出登录
malanjun11的博客
04-20 318
router.beforeEach((to, from, next) => { if (!!window.ActiveXObject || "ActiveXObject" in window){ // alert("IE") } document.body.scrollTop = 0 // firefox document.docume...
html简单的登录注册
01-14
html简单的登录注册,正则判断，登录注册页面，页面跳转
html判定登录信息实现页面跳转,js判断是否登录并跳转页面
weixin_31427047的博客
06-04 2419
用户：云卷云舒_2015年07月03日具体如下：1.使用session存储，确定用户是否登录，从而确定页面跳转至哪个页面。判断本地有无customerID：function jumpTo(p, url) {var customerId=sessionStorage.customerId;if (customerId == undefined) {p.attr("href", "page/Login...
html网页的登录状态,网页多用户同时保持登录状态 （Chrome插件）
weixin_39912580的博客
05-31 1678
介绍一个Chrome 商城中 对于web测试有用的插件场景：web测试过程中，有可能需要多个不同测试账号进校验，但是浏览器在同一网址下仅能保存一个账号的Cookie，加上无痕模式也只能登录两个账号，这时测试就需要不停的操作退出、登录,流程过于繁琐Chrome 插件 SessionBox 可以很好的解决这个问题。介绍一下SessionBox这个插件​SessionBox可以实现多个账号同时登录同一个...
struts2用户是否登录拦截器，拦截之后异步跳转到登录页面
a281246240的专栏
08-20 4525
先贴贴代码 struts.xml中代码： <interceptor name="sessionout" class="interceptor.AdminInterceptor"> list*,delete*,update*,save*,find* /pa
java代码实现登录跳转_java实现登录案例
weixin_39626927的博客
02-24 2584
本文实例为大家分享了java实现登录案例的具体代码，供大家参考，具体内容如下一、环境搭建JDK1.8 + Tomcat1.8二、目录结构三、代码示例3.1、fail.html页面faill.html亲， 你的用户名或密码输入有误！请重新输入!返回登录页面3.2、Login.htm页面Login.html用户名：密码：3.3、IndexServlet.javapackage cn.itca...
jsp+Struts2 +mybatis 注册 登录 入门demo
11-11
在本项目中，JSP页面负责显示用户界面，接收用户输入，并通过动作转发到后台处理。 2. **Struts2**：Struts2是一个基于MVC（Model-View-Controller）设计模式的Java Web框架，它简化了开发过程，提供了强大的拦截器...
怎么在HTML加入判断是否登录,教您如何用JavaScript进行登录验证
weixin_32487755的博客
06-09 3842
废话才说，直接上干货首先请看下面的流程图，对这个验证的过程有一个初步的了解。用户在登录页面填写用户名和密码信息后，当点击提交按钮后，这些信息就会通过Http协议传送到网站后台的验证程序中，验证程序接收这些信息，并做一些必要的处理后，运行一个SQL查询语言(验证程序事先已经和数据库建立了连接)，调用后台的数据库，如果这个用户名和密码在数据库中有记录，则数据库返回的结果为true，此时验证程序判断查询...
登录界面ui设计_UI设计注册--登录全链路教程
weixin_39535557的博客
12-12 1074
　　根据我们这两天的UI干货次序，今天应该说到注册和登录了! 无论是网页设计师还是UI设计师，登陆和注册页面是设计中必然经历过的工作内容。登陆界面的设计说难不难，说容易也不是那么轻松就可以做好的，要在安全和可用性之间找到登陆界面的平衡点，还是需要相当的经验来支撑的。　　注册/登录功能可看似简单，实际上非常考量设计师的能力，尤其是许多与实际场景交织的细节，是UI设计师常犯错误的地方。　　本文将结合...
layui iframe调用父页面的方法及变量（子页面调用父页面）
东东东东东辉
07-06 5057
layui iframe调用父页面的方法及变量（子页面调用父页面） 第一种情况是弹出层想使用父页面的变量和事件触发 1.1 这个是在弹出层时关闭该层的方法 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 1.2 如果使用父页面变量可使用parent parent.data; parent.$(".item").click();
微信H5页面分享以及自动登录踩坑
lingshui147的博客
01-06 1542
微信h5页面是我们平时接触的比较多的项目需求，app分享单页面到微信好友还是广告单页是我们平时接触的比较多的，微信打开h5页面就涉及到微信登录和二次分享，当我们在微信里打开h5页面都会有自动登录，在这里就有一个坑，页面自动登录之后会重定向一个链接获取code值，问题就在这里出现，例如重定向获取code值后页面路径变为这种格式：https://www.xxx.com/index.html?id=00000&code=0000000000000000$state= 类似这种格式的 ，这时候请求二分
浏览器退出再启动账户依旧是登录状态
qq_15099183的博客
03-30 2939
用谷歌浏览器登录网站后,关闭网站,在此打开后发现账户依旧是登录状态..查找后发现jsessionId没有被清除而且依旧是原来的那个jsessionid. 原因是浏览器被设置了  --> 从上次停下来地方继续，这样会默认保留cookie的.  如下图设置 如果设置到打开新标签页,就会把jsessionid删除
(html)前端如何验证token的合法性来判断用户是否登录？
weixin_34405332的博客
03-25 6735
问题： (html)前端如何验证token的合法性来判断用户是否登录？描述: 1、我使用了JWT的方式，后端生成了一个token，将其返回给前端，前端获取到后每次请求接口都附带上这个token，后端来判断这个token是否合法，如果不合法，后端该如何让其重定向到登录页面？是前端根据后端返回的错误信息让前端重定向吗？2、使用react-router之类的前端路由，我在切换路由的时候怎么判断用户是否已...
前端判断用户活跃情况，长时间不活跃自动退出登录
cofecode的博客
09-05 8059
需求：判断用户活跃情况，超过30分钟不活跃直接退出登录。 本想一开始记录下最后一次请求的时间，用最后一次请求的时间去判断用户的活跃程度。这样也有点局限。 网上搜了一下，说用鼠标移动状态来检测是否在操作页面。不能说完全不好，但也算是一种方法。于是… // 检测用户活跃情况 function isActive() { var arr = ['index', 'login'] va...
自定义用户传统身份认证的认证后端——实现多账号登录(退出登录)
user_san的博客
10-19 589
1、在Django的子应用新建users/utils.py文件编辑如下 """ 自定义用户传统身份认证的认证后端 目的：实现用户名或手机号，多账号登陆 """ from django.contrib.auth.backends import ModelBackend from django.db.models import Q # Q将多个条件，构建成互为"或"的条件 from .models import User # 继承Django默认的认证后端 class UsernameMobileAuthBa
建立一个小区用户登录系统jsp文件
最新发布
04-04
很抱歉，作为AI语言模型，我无法提供完整的JSP代码，但是我可以提供JSP登录系统的实现步骤和代码片段。 1. 创建一个登录页面login.jsp，包含用户名和密码输入框和登录按钮。 2. 创建一个servlet LoginServlet，用于处理登录请求。在doPost方法中，获取用户提交的用户名和密码，然后验证用户输入是否正确。 3. 如果用户名和密码正确，将用户信息保存到session中，并重定向到主页home.jsp。 4. 如果用户名和密码不正确，将错误信息保存到request中，并转发回登录页面login.jsp，显示错误信息。 下面是示例代码： login.jsp ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录</title> </head> <body> <h1>用户登录</h1> <form action="login" method="post"> <label>用户名：</label> <input type="text" name="username" /><br> <label>密 码：</label> <input type="password" name="password" /><br> <input type="submit" value="登录" /> </form> </body> </html> ``` LoginServlet.java ```java package com.example; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; @WebServlet("/login") public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; // 模拟数据库中的用户信息 private static final String USERNAME = "admin"; private static final String PASSWORD = "admin123"; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取用户输入的用户名和密码 String username = request.getParameter("username"); String password = request.getParameter("password"); if (USERNAME.equals(username) && PASSWORD.equals(password)) { // 如果用户名和密码正确，将用户信息保存到session中 HttpSession session = request.getSession(); session.setAttribute("username", username); // 重定向到主页 response.sendRedirect(request.getContextPath() + "/home.jsp"); } else { // 如果用户名或密码不正确，保存错误信息到request中 request.setAttribute("error", "用户名或密码错误"); // 转发回登录页面 request.getRequestDispatcher("/login.jsp").forward(request, response); } } } ``` home.jsp ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>欢迎登录</title> </head> <body> <h1>欢迎您，<%=session.getAttribute("username")%></h1> <p><a href="logout">退出登录</a></p> </body> </html> ``` 在home.jsp中，使用session.getAttribute("username")获取保存在session中的用户名信息，并展示在页面上。同时，提供一个退出登录的链接，点击后将用户信息从session中移除，并重定向回登录页面。具体实现可以参考下面的LogoutServlet。 LogoutServlet.java ```java package com.example; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; @WebServlet("/logout") public class LogoutServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 从session中移除用户信息 HttpSession session = request.getSession(); session.removeAttribute("username"); // 重定向回登录页面 response.sendRedirect(request.getContextPath() + "/login.jsp"); } } ``` 以上就是一个简单的JSP登录系统的实现。当然，这只是一个示例，实际项目中需要根据实际需求进行改进和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值