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中應該是通過路由跳轉機制來找頁面的。不能簡單通過加路徑地址來加載目標頁面。要跟目標頁面的路徑跳轉結合使用。