springboot+layui从控制器请求至页面时js失效的解决方法

简介: springboot+layui从控制器请求至页面时js失效的解决方法


昨天遇到了个很棘手的问题,其实也怪自己大意了,然后翻来覆去一个类一个类的去看,看完之后挨个技术点怀疑,然后分别从各个技术点入手解决,但都无功而返!


问题描述

项目使用springboot+thymeleaf+mybatisplus开发,前台早已写完,最近写的是后台,后台的前端使用layui后台管理框架。于是将layui的模板如数加到项目中,各个页面的目录也都对应好,接着开始写,先写了个登录,登录成功之后往后台主页面跳转,问题就出在这里,登录功能一切ok,但是进入主页面之后左侧js点击事件失效,导致右边页面加载不出来,如图所示:

解决问题:

刚开始还以为是thymeleaf的问题,由于原来没有接触过这个技术,然后就现学现测试,测试了下它还真有问题……是因为没有导入命名空间。


解决掉thymeleaf的问题之后以为肯定没问题了,然后继续运行,发现还有问题……然后开始调试,各个控制器,各个实体类挨个过了一遍,发现没有问题,最后在回过头来看控制的时候,发现了个不对劲之处……

框中圈住的地方应该改成如下:

问题解决。

相关文章
|
2月前
|
JavaScript 前端开发 Java
Spring Boot 与 Vue.js 前后端分离中的数据交互机制
本文深入探讨了Spring Boot与Vue.js在前后端分离架构下的数据交互机制。通过对比传统`model.addAttribute()`方法与RESTful API的设计,分析了两者在耦合性、灵活性及可扩展性方面的差异。Spring Boot以RESTful API提供数据服务,Vue.js借助Axios消费API并动态渲染页面,实现了职责分明的解耦架构。该模式显著提升了系统的灵活性和维护性,适用于复杂应用场景如论坛、商城系统等,为现代Web开发提供了重要参考。
256 0
|
3月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
121 3
springboot解决js前端跨域问题,javascript跨域问题解决
|
8月前
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
81 2
Node.js GET/POST请求
|
7月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
122 2
|
7月前
|
前端开发 Java Spring
SpringBoot项目thymeleaf页面支持词条国际化切换
SpringBoot项目thymeleaf页面支持词条国际化切换
170 2
|
8月前
|
JavaScript Java PHP
快速对比:Django、Spring Boot、Node.js 和 PHP
快速对比:Django、Spring Boot、Node.js 和 PHP
391 7
|
9月前
|
Java Spring
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
本文介绍了Spring Boot中静态资源的访问位置、如何进行静态资源访问测试、自定义静态资源路径和静态资源请求映射,以及如何处理自定义静态资源映射对index页面访问的影响。提供了两种解决方案:取消自定义静态资源映射或编写Controller来截获index.html的请求并重定向。
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
|
7月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
101 0
|
8月前
|
缓存 JavaScript CDN
一次js请求一般情况下有哪些地方会有缓存处理?
一次js请求一般情况下有哪些地方会有缓存处理?
84 4