springboot项目中使用iframe引入页面

于 2024-01-24 19:29:08 发布
阅读量617 收藏 7
点赞数 6
文章标签： spring boot java spring thymeleaf html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jishuai6p/article/details/135829658
版权
文章讲述了作者在使用Thymeleaf框架时遇到的问题，包括如何正确引用静态资源/uploadImg.html，以及在表单中嵌套iframe导致的错误，提示避免在Thymeleaf的iframeth:replace中使用嵌套form以防止错误。
摘要由CSDN通过智能技术生成

一、 <iframe name="uploadPage" src="/uploadImg.html" width="100%" height="50" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe>

前提是将要引入的页面放在static下面，/uploadImg.html的意思是在resources根目录下查找文件，

我试了/static/uploadImg.html等其他的都不行，不知道是什么原理           

二、另外说下我最近遇到的一个相关的bug，代码如下(用的thymeleaf语法)

<form>

<iframe th:replace="sys/uploadImg :: html"></iframe>

</form>

引入的html也是一个form，于是在表单提交的时候老是报错，最后发现问题的根源是form里面嵌套了form，这里尽管用的是iframe但页面还是报嵌套的错误，而用了最上面的方法引入页面就没有任何问题，所以尽量不要用thymeleaf语法中的iframe

小玉的飞猪
关注
【SpringBoot】3、SpringBoot中整合Thymeleaf模板引擎
Asurplus
04-16 21万+
SpringBoot 为我们提供了 Thymeleaf 自动化配置解决方案，所以我们在 SpringBoot 中使用 Thymeleaf 非常方便 一、简介 Thymeleaf是一个流行的模板引擎，该模板引擎采用Java语言开发，模板引擎是一个技术名词，是跨领域跨平台的概念，在Java语言体系下有模板引擎，在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、Fr...
Spring Boot使用Thymeleaf+iframe标签出现错误和解决
qq_45257773的博客
07-19 806
HTML代码 <iframe src="template/blogmanage.html" id="mainFrame" name="mainFrame" frameborder="0" width="100%" height="100%" frameBorder="0"> </iframe> 报错：org.thymeleaf.exceptions.TemplateInputException: An error happened d
springboot拦截器与内嵌iframe的网页跳转
darer49的博客
07-16 1879
之前写后台主要是用jsp写的，所以直接在页面上使用java比较方便，然后禁止非登录用户查看页面也比较快捷，直接在jsp里面判断session就好了，但是页面少的话还行，但是页面一多后续修改就会变得比较麻烦。 另一方面近些项目都是使用springboot写了，springboot要想直接访问jsp就需要再配置一下，但是本来页面上的那些循环都已经用vue完成了，然后我是觉得jsp本身也不够简练，莫名其妙的喜欢纯粹的html，所以就找了个拦截器看看。 搞拦截器的话本质上在捕获所有的请求之后会加入一个判断机制，
2. Spring Boot 1.2.5 不允许加载iframe问题解决
一个人的人生
11-20 1840
在spring boot项目中出现不能加载iframe 页面报一个"Refused to display 'http://......' in a frame because it set 'X-Frame-Options' to 'DENY'. "错误 解决方式： 因spring Boot采取的java config，在配置spring security的位置添加： @Override
SpringBoot + iframe 前后端实现简单实用的下载文件、导出excel案例
骏马逸动，心随你动的博客
08-15 2840
大家JavaWeb项目中应该都会遇到下载文件或导出excel的需求，特此分享此文，简单明了，可用于实际项目。 1、前端页面，模拟两个按钮：下载文件、导出excel 注：本案例是使用 SpringBoot 构建的项目，我这里使用的是之前介绍SpringBoot 实现CORS而创建的工程，也可以自己重新创建一个新的SpringBoot项目即可，然后新增如下一个html或jsp页面,使用ifr...
Spring Boot 不允许加载iframe问题解决
MIYAOW
08-07 5973
spring Security下，X-Frame-Options默认为DENY,非spring Security环境下，X-Frame-Options的默认大多也是DENY，这种情况下，浏览器拒绝当前页面加载任何Frame页面，设置含义如下：     DENY：浏览器拒绝当前页面加载任何Frame页面     SAMEORIGIN：frame页面的地址只能为同源域名下的页面     AL
Spring Boot将一段html内容显示在iframe里面（IE兼容版）
piaoken5588的博客
02-13 1754
IE不兼容版本： 直接采用iframe的srcdoc属性，从pagectrl读取的html内容（news_cnt参数）给srcdoc： html： <iframe id="myIframe" name="myIframe" width="100%" height="500" th:srcdoc="${news_cnt}" frameborder="0" scrolling="auto"...
springboot iframe
最新发布
07-27
3. 在前端页面中使用iframe标签来引入其他页面。你可以将目标页面的URL作为iframe标签的src属性值。 这样，当访问包含iframe的页面时，将会加载并显示目标页面。 需要注意的是，使用iframe可能存在一些安全风险，...
springboot使用websocket的js文件
04-25
使用jQuery处理页面交互，通过SockJS建立WebSocket连接，再通过STOMP.js进行消息的订阅和发布，从而实现服务器与客户端的实时通信。在实际开发中，还需要结合Spring Boot后端的配置和控制器，以完成完整的服务端与...
SpringBoot中使用Thymeleaf的常用功能代码
07-09
SpringBoot中使用Thymeleaf的常用功能代码,SpringBoot中使用Thymeleaf的常用功能代码
SpringBoot集成LayUI及组件使用
热门推荐
06-15 4万+
介绍：LayUI是一个使用简单、上手容易的前端 UI 框架，非常适合后端开发人员构建后台管理系统使用。这个框架与SpringBoot类似，模块化各个组件，拿来即用。相比另一个后台管理前端框架EasyUI相比，LayUI更加注重极简方格，组件也更加的美观。 更多介绍见LayUI官方文档 1. 新建MAVEN项目，构建目录结构，如图： 2. POM文件中引入Web和Thymeleaf依赖 &lt...
【spring security】允许iframe嵌套：because it set 'X-Frame-Options' to 'deny'.
the_fool_的博客
03-09 1558
版本信息： 错误描述：because it set 'X-Frame-Options' to 'deny'. 方案如下： 重写WebSecurityConfigurerAdapter 中的configure方法，关闭frameOptions import org.springframework.context.annotation.Configuration; import or...
摘抄官方文档： spring boot配置 iframe同源可访问
weixin_30915951的博客
10-17 233
使用java配置，跟spring security配置在一起 @EnableWebSecurity public class WebSecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws ...
iframe引入网页
weixin_30856725的博客
01-03 227
<!DOCTYPE html> <html> <body> <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="if...
SpringBoot：layui使用iframe标签，点击左侧导航栏，在右侧动态显示页面
qq_44266202的博客
08-11 2341
layui使用iframe标签，点击左侧导航栏，在右侧动态显示页面
Spring Boot不允许加载iframe问题解决【转】
weixin_33798152的博客
10-10 574
2019独角兽企业重金招聘Python工程师标准>>> ...
springboot配置文件上传
iframe引用页面在父类页面调用函数只刷新子页面方法
10-17 183
写法一 通过application.properties文件中添加 # 上传文件的最大值 spring.servlet.multipart.max-request-size=1MB # 单个文件的最大值 spring.servlet.multipart.max-file-size=1MB 写法二 通过bean方式注入 // 配置多文件上传 @Bean public MultipartCon...
springBoot整合mybatis
iframe引用页面在父类页面调用函数只刷新子页面方法
12-05 257
我这里只做了配置文件版本的，习惯问题 加入mybatis支持 &lt;!-- mybatis支持 --&gt; &lt;dependency&gt; &lt;groupId&gt;org.mybatis.spring.boot&lt;/groupId&gt; &lt;artifactId&gt;mybatis-spring-boot-start...
vue中iframe引入其他导航页面
04-04
在Vue中使用iframe引入其他导航页面，可以使用以下步骤： 1. 在Vue组件中添加一个iframe标签，并设置src属性为要引入的导航页面的URL。 ```html <template> <div> <iframe :src="iframeSrc"></iframe> </div> </template> <script> export default { data() { return { iframeSrc: 'http://example.com' } } } </script> ``` 2. 可以通过Vue的数据绑定来动态设置iframe的src属性，以便在不同的场景下引入不同的导航页面。 ```html <template> <div> <input v-model="iframeSrc" type="text"> <iframe :src="iframeSrc"></iframe> </div> </template> <script> export default { data() { return { iframeSrc: '' } } } </script> ``` 3. 如果要在Vue应用中嵌入另一个Vue应用的导航页面，可以使用Vue的路由机制，将导航页面作为一个子路由来引入。 ```javascript import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const router = new Router({ routes: [ { path: '/dashboard', component: Dashboard, children: [ { path: 'nav', component: Nav } ] } ] }) ``` 在这个例子中，Nav组件就是要引入的导航页面，它被作为Dashboard组件的子路由来引入。通过这种方式，可以更好地管理和控制导航页面的访问和权限。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值