layui。登录失效转去登录页面出问题。导致只在主体内容地方变成了登录左边菜单还有。

最新推荐文章于 2023-08-30 14:38:00 发布
最新推荐文章于 2023-08-30 14:38:00 发布
阅读量2.4k 收藏 2
点赞数 2
分类专栏： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33769914/article/details/93174688
版权

 

这就是出现问题的效果啦。

 

因为我们的左侧菜单是固定的所有的页面都有。主体的部分我们通过iframe来改变的src的地址。如果当前页面登录失效。应该在当前页面打开登录的页面。但是这个时候他就会在iframe的里面打开。，这样显然是错的啊。

所以我们不能用location.href= "/login.html";

而是

 window.top.location.href= "/login.html";//在当前页跳出框架打开新页面

肖肖肖丽珠
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
LayUI框架的使用步骤&&实现登录页面
qq_63492318的博客
07-08 1万+
LayUI的使用、自定义模块、实现登录页面...
LayUI写登录注册页面遇到的问题
weixin_43327510的博客
01-15 1085
使用LayUI框架写登录和注册界面时，遇到的一些小问题： <label class="layui-form-label">输入框</label> 默认有margin-left：110px; 我想写“用户名：+输入框”的时候显示就会右对齐。 没有什么好的解决方法。 只能手动调css，最后懒得调了。 和layuiAdmin的布局一样在输入框放了个图标上去。 一开始不知道这么把登录框写到居中的地方， 直接网上找教程，参考了这个教程 layui-简单的登录注册界面 发现这个也没完全页
layui iframe 跳转到登录界面问题
0123456789
10-18 2676
代码检测到要重新登录时，返回的登陆页面， 但是整个登录界面显示在菜单的内部，因为我用的是iframe ，如需完全跳出去，则在 login.html 页面加入如下代码 <script> if(window != top){ top.location.href=location.href; }; </script>...
解决session过期跳转到登录页并跳出iframe框架（或者layui弹出层）
qq_33398459的博客
04-28 1659
$(function(){ if (top != window) { top.location.href = top.location.href; } });
layui框架中如何实现，在登录超时实现自动跳转登录页？
qq_26780317的博客
09-15 3972
前言：         最近，接手了一个layui框架做的系统，现在需要实现接口登录超时，自动跳转到登录页的操作。          方案：后台判断是否超时，前端根据接口返回的code码，实现自动跳转至登录页面。          问题点：前端重定向经常使用的是----w
基于Flask+Layui后台管理系统框架
一米阳光的博客
04-19 172
一款 Python 语言基于Flask、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。
解决layui弹框失效的问题
10-16
今天小编就为大家分享一篇解决layui弹框失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
西门子SMART LINE触摸屏用户密码失效，无法登录的解决办法.docx
12-22
西门子SMART LINE触摸屏用户密码失效，无法登录的解决办法
解决layui中onchange失效以及form动态渲染失效的问题
10-16
总结来说，当在layui项目中遇到`onchange`事件失效或form动态渲染失效的问题时，我们需要利用layui提供的API进行调整。对于`onchange`事件，我们可以使用`lay-filter`和`form.on`来替代；对于动态渲染，记得在添加...
YII2自动登录Cookie总是失效的解决方法
10-19
主要给大家介绍了关于YII2自动登录Cookie总是失效的解决方法，文中给出了详细的解决方法，对遇到这个问题的朋友们具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
带扫码登录的网页登录静态页面html模板
12-04
在IT行业中，网页登录是用户访问网站或应用的首要步骤，而扫码登录作为一种便捷的身份验证方式，近年来得到了广泛应用。这个“带扫码登录的网页登录静态页面html模板”为开发者提供了一个构建高效、安全登录界面的...
前端框架Layui的使用讲解（Layui搭建登录注册页面）
阅读之后，对你有帮助，那就点个赞再走吧
07-19 1016
Layui是一款基于jQuery的前端UI框架，具有轻量、简单、易用等特点。Layui提供了丰富的组件和接口，包括表单、表格、弹窗、导航、日期等常用组件，以及丰富的API接口。Layui的设计理念是“模块化设计”，即将一个完整的页面拆分成多个模块，每个模块都有独立的功能和样式，便于开发和维护。本文介绍了Layui框架的基本使用方法，并通过搭建一个登录注册页面的实例来展示Layui的强大功能。希望读者能够通过本文对Layui有更深入的了解，并在实际开发中灵活运用。
layui入门增删改查
m0_74018330的博客
07-15 1395
python from lauiyi import Lauiyi 2.子实现类 2.R工具类的使用 3.查询前端代码实现 前端页面 4.增删改实现 1.弹出层 2.浮层 3分离的js代码 1.userManage.js 2.userEdit.js 3.index.js 5.运行效果
SpringBoot + layui 框架实现一周免登陆功能
最新发布
不迁怒，不贰过。小知识，大智慧。
08-30 4578
SpringBoot + layui 框架实现一周免登陆功能
layui实现登录页面
热门推荐
lv970814的博客
09-29 5万+
首先给看下效果图吧！ html、js <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <script src="./js/res_js/jquery-3.4.1.min.js"></sc...
教你如何解决layui的table.checkStatus失效问题
Linuxprobe18的博客
11-22 616
/ console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件。// console.log(checkStatus.data) //获取选中行的数据。// console.log(checkStatus.isAll) //表格是否全选。layer.msg('请选择一条记录');要将checkStatus的定义放在active中定义的函数里。将layui调用的主体函数中的此方法去除试试。以上为个人经验，希望能给大家一个参考。
layui修改完密码返回登录页，解决页面嵌套问题
sjn0815的博客
05-13 1883
layer.msg('退出登录成功', {time:1000}, function () { top.location.href = '../../login.html'; //top.location.href 解决使用window.location产生的页面嵌套问题 });
layui 权限管理登录
Wilf_Baby的博客
09-11 2030
<script> layui.use(['form'], //如果只加载一个模块,可以不填数组。获取form模块 function() { $ = layui.jquery; //function函数中定义了三个变量。主要是便于访问。 var form = layui.form...
vue2 如何统一处理接口响应的登录失效的数据 登录失效就跳转到登录页面
07-16
在Vue 2中，可以使用axios拦截器来统一处理接口响应的登录失效的数据，并实现跳转到登录页面的功能。 首先，需要安装axios，可以通过以下命令进行安装： ``` npm install axios --save ``` 接下来，在你的项目中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值