Flask template中使用iframe

Flaks template中使用iframe嵌套新的网页(new_page.html)的网页到历史网页(old_page.html)中(减少新网页的入口)

1,增加iframe tag

在old_page.html中适当位置增加iframe入口标签:

复制代码
<iframe src="{{url_for('upgrade.get_new_page')}}" style="width:100%;height:100%;min-height: 500px;outline: 1px; border: 0 solid #dddddd"></iframe>

注意:在flask template中 iframe默认是进行跳转的,非静态资源的加载,直接写文件路径一般是找不到的。需要经过flask路径的跳转。

为了避免出现意想不到的路径访问(项目是老而大的项目,路径跳转目前还未弄清楚),自己写了个view来渲染要插入的页面

2,通过view跳转来渲染目标页面

upgrade 蓝图中定义get_new_page,view代码逻辑如下

new_page.html是在templates/my_page/下

复制代码
def get_new_page():

        return render_template("my_page/new_page.html")

最初是想通过在iframe的src中写入目标页面路径地址"my_page/new_page.html"来进行页面加载,发现会请求http://localhost:8443/mm/upgrade/my_page/new_page.html的地址内容来填充iframe,因为这个地址内容404,导致填充的内容是404结果页面。所以猜测,iframe在flask的template中应该是通过路由跳转机制来找页面的。不能简单通过加路径地址来加载目标页面。要跟目标页面的路径跳转结合使用。

相关推荐
思成Codes2 分钟前
从本质看:Vue3 为什么运用 LIS 算法
javascript·vue.js
江湖行骗老中医12 分钟前
Pinia 是 Vue 的专属状态管理库
前端·javascript·vue.js
用户693717500138412 分钟前
Android 开发,别只钻技术一亩三分地,也该学点“广度”了
android·前端·后端
郑鱼咚14 分钟前
别再神化Spec了,它可能只是AI Coding的临时补丁
前端
张元清18 分钟前
React 鼠标追踪与交互效果实战
前端·javascript·面试
gogogo出发喽18 分钟前
使用Pear Admin Flask
后端·python·flask
MinterFusion18 分钟前
HTML DOM元素的定位问题
前端·css·html
落魄江湖行31 分钟前
入门篇六 Nuxt4错误处理:给应用装个安全气囊
前端·typescript·nuxt4
薛定猫AI34 分钟前
【技术干货】用 design.md 驯服 AI 生成前端:从 Awesome Design 到工程化落地实践
前端·人工智能
kyriewen38 分钟前
你的JS代码总在半夜崩溃?TypeScript来“上保险”了
前端·javascript·typescript