Springboot：使用前端框架layui，页面跳转后显示空白

最新推荐文章于 2024-04-06 22:56:42 发布
最新推荐文章于 2024-04-06 22:56:42 发布
阅读量2.9k 收藏 1
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lehek/article/details/104359302
版权

问题

springboot启动正常且页面跳转正确后，出现layui前端页面显示空白情况，其中标题title正常加载出现。如下图所示

空白页面

解决方法

引入资源路径问题
经过发现是在index.html中引入static下的layui框架资源的路径有误，会出现cannot resolve directory提示

<link rel="stylesheet" href="E:/lh/programs/springboot/demo1/src/main/resources/static/layui/css/layui.css">

应该修改为

<link rel="stylesheet" href="/static/layui/css/layui.css">

页面正确显示

补充知识点

HTML的a标签href属性指定相对路径与绝对路径的用法讲解
Layui开发使用文档

大鱼七号船船长
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
springboot项目Tomcat启动成功访问URL出现空白页面问题解决
执子手 吹散苍茫茫烟波
02-09 6462
一.问题描述 springboot使用自带的Tomcat启动访问URL是空白页面， 且没有出现报错信息 D:\D1\java\jdk\jdk1.8.0_45\bin\java.exe -XX:TieredStopAtLevel=1 -noverify -Dspring.output.ansi.enabled=always -Dcom.sun.management.jmxremote -Dspring.jmx.enabled=true -Dspring.liveBeansView.mbeanDomain -
php layui 框架,快速上手前端框架layui
weixin_29915703的博客
03-22 1471
layui(谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。一、介绍在使用layui之前，我们先要了解一下layui是什么？我觉得用作者贤心的一句话来概括就好了：为后端程序员设计的前端框架。更加详细的描述是：这是一个封装了各种css和js、Ajax等等的前端框架，其封装程度之高，有时甚至对程序员来说不大友好。但对...
使用layui框架的选项卡时，刷新地址会导致选项卡内容空白
simida666的博客
05-18 426
使用layui框架的选项卡时，刷新的时候可以使用左侧导航栏的click方法，但是无法触发选项卡的点击事件，Element.tabChange（）方法无效。 解决方法是，把每个选项卡的js写成一个函数，调用第一个选项卡的js两次，切换选项卡时调用一次 ` Element.on('tab(app)', function (data) { if (data.index == 1) { codeTab(); } else {
layui弹出界面空白页问题
mingjing941018的博客
08-06 1182
layui弹出界面出现空白
Layui底部空白处理
雕刻刀
05-11 910
Layui底部空白处理
Vue项目部署在Spring Boot出现页面空白问题的解决方案
java_augur的专栏
11-24 9715
网上流行的解决方案是将assetsPublicPath: '/'改成'./'，下面说一下这个解决方案的弊端： 通常页面空白的问题出现大多数是由于Spring Boot端配置了server.servlet.context-path，上下文改变了css, js等文件的访问路径，文件无法加载导致index.html显示空白。'/'改成'./'是将绝对路径变为相对路径，可以动态适应Spring Boot...
layui使用form表单实现post请求页面跳转的方法
10-16
本文将详细介绍如何使用layui的form表单实现POST请求并进行页面跳转，以确保数据安全且避免信息泄露。 通常，通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中，这可能带来安全风险。为了...
springboot无法跳转页面的问题解决方案
08-25
SpringBoot无法跳转页面的问题解决方案 在本文中，我们将讨论 SpringBoot 中无法跳转页面的问题解决方案。本解决方案通过示例代码详细介绍了跳转页面的问题解决方法，对大家的学习或者工作具有参考价值。 知识点1...
Layui数据表格跳转到指定页的实现方法
10-16
在网页开发中，Layui是一个非常流行的前端框架，它提供了丰富的组件，包括数据表格（Layui Table）和分页功能。数据表格是展示大量数据的有效方式，而分页则帮助用户更方便地浏览和操作这些数据。本文将详细讲解如何...
js layui跳转页面_LayUI实现前端分页功能
weixin_42520796的博客
01-27 1335
本文主要为大家带来一篇基于LayUI实现前端分页功能的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。一、LayUI介绍Layui 是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。内置了一些常用元素和组件的UI框架。下载后引入项目中。二、LayPage参数介绍laypage是内置...
layui iframe跳转页面内容显示不完全
wenshui147258的博客
07-29 4360
写后台的，对前端不是特别熟悉，做了一个页面发现页面内容显示了一部分，下面的提交按钮别遮住了，layui下拉滚动条也拉到底了 看到网上很多说，页面中的body体中的class="layui-layout-body"即可，layui的layui-body样式是overflow:hidden截取了 但是我这个并不是弹出层，只是使用iframe跳转了，所以方法不适用。 仔细调试发现是因为，当初写...
SpringBoot 项目启动后无法访问html,jsp等页面问题
热门推荐
poplow的博客
11-11 1万+
刚开始玩儿springboot，项目启动后发现无法访问一些前台页面，查了资料： 1.静态资源目录约定，在src/main/resources下创建templates目录【放html等页面文件】，static目录【放js，css，image等静态资源】 2.pom中引入相关依赖 <dependency> <groupId>org.sp...
点击a标签，跳转链接显示空白
记录
01-26 653
使用target="_blank"打开一个新的标签页时，新页面的window对象上有一个属性 opener ,它指向的是前一个页面的window对象，通过window.opener可以获取到源页面的部分控制权，即使新打开的页面是跨域也可以获取部分控制权。新的页面可以通过window.opener 访问您的窗口对象，并且它可以使用 window.opener.location = newURL将您的页面导航至不同的网址。a标签中添加一个rel属性，rel=”noopener noreferrer”
layui的layer第一次加载为空白页面，第二次打开才能正常显示内容
blackei的博客
10-15 3026
在页面设置了一个点击事件，点击后弹出layer窗口 第一次点击预览 加载出来的是的一个空页面，去看了也网络请求，如果是使用layui下的模块的话，会重新去请求layer的js和css 猜测重新去请求样式，导致加载不及时，所以第一次打开的时候，内容没有被加载出来，第二次打开的时候因为有了缓存，所以能正常显示内容。 我的解决办法是既然要重新去请求，那直接放到页面上就不会重新去请求了。所以不使用作为layui下的模块的layer，而是单独去下载作为单独组件的layer，单独引入layer组
js layui跳转页面_layui lay-href不能成功跳转页面
weixin_35793573的博客
01-11 6203
我们项目是jquery+layui组件库开发的，由于今年项目产品变动， 增加了很多跳转页面的需求，所以选择了lay-href来实现，简单讲下遇到的不能正确跳转的几个坑：1、在跳转的js中需引入下面这段js，不然标签有lay-href属性也不能正常跳转//标签页跳转方法/**layuiAdmin.std-v1.0.0-beta7LPPLLicenseByhttp://www.layui.c...
解决cannot resolve directory问题
雪锋的笔记
10-24 3139
在写代码的时候,已经执行了 go mod init god mod tidy 自己能看到的确把对应的包下载下来了，可是goland 仍然飘红 解决方法 原因是Goland 编辑器中项目设置为 go modules 项目，导致从gomod读取，从而飘红，具体修改设置如下： Goland -> Preference 把 enable go modules(vgo) integration 选中，如图所示，问题解决 ...
解决Vue项目中的路径解析错误（Cannot resolve directory ‘@’）
最新发布
weixin_53955862的博客
04-06 2432
在Vue项目中，您可能会遇到路径解析错误，例如“Cannot resolve directory ‘@’”。这个错误通常发生在尝试解析一个依赖或模块时，但由于路径配置不正确，导致无法找到对应的文件。这是解决js路径解析的方法，我们导入的是css。
Uncaught ReferenceError: layui is not defined ，springboot使用lauyi无法正常引入lauyi.js文件
weixin_64854388的博客
02-24 1097
springboot使用lauyi无法正常引入lauyi.js文件 使用layui的时候出现Uncaught ReferenceError: layui is not defined
解决layer弹框加载时闪白屏功能
祈澈菇凉
09-09 1711
在打开layer弹框的时候，如果遇到网络较慢，会有一个加载的过程，默认为白色，如果项目的整体基调为其他的颜色的时候，会显得比较突兀，这个时候，需要找到layer.css源码中的这部分代码，加以修改。 .layui-layer-load { background: url(default/loading-0.gif) center center no-repeat #0d1c2e; } ...
layui页面跳转传参
05-23
在 layui中，可以通过两种方式实现页面跳转传参： 1. 使用URL传参 可以在跳转页面时在URL后面拼接参数，例如： ```js // 跳转到user.html页面，并传递参数id=123 location.href = 'user.html?id=123'; ``` 在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值