在flask中同時遍歷兩個list中的資料並一一對應顯示
在flask中同時遍歷兩個list中的資料並一一對應顯示
在html中和直接在python中使用時的區別
python中可以使用zip方法同時遍歷兩個list並一一對應:
lists1 = [‘John’, ‘Mary’, ‘Abey’]
lists2 = [‘Good Morning’, ‘Good Riddance’, ‘I hate python’]
for x, y in zip(lists1, lists2):
print(x, ‘said’, y)
然而在html檔案中這樣使用會報錯,解決的辦法很簡單,在route.py中國傳入兩個list時先把兩個list用zip綁在一起,然後把總包傳入html使用就沒問題了。
route.py中打包
@app.route('/sayings')
def sayings():
user = {'username': 'Vivek'}
lists1 = ['John', 'Mary', 'Abey']
lists2 = ['Good Morning', 'Good Riddance', 'I hate python']
lists = zip(lists1,lists2)
return render_template('sayings.html', title='Home', user=user, lists=lists)
sayings.html中直接使用
{% block content %}
<h1>Hi, {{ user.username }}!</h1>
{% for x,y in lists %}
<div><p>{{ x }} said <b>{{ y }}</b> </p></div>
{% endfor %}
{% endblock %}
顯示效果
相關文章
- jsp頁面中同時遍歷多個list集合JS
- java8 對list集合中的物件遍歷,重新賦值兩種方法,遍歷某個屬性返回陣列Java物件賦值陣列
- React中兩種遍歷資料的方法(map、forEach)React
- 在Linux中,如何實時抓取並顯示當前系統中tcp 80 埠的網路資料資訊?LinuxTCP
- 集合框架(List儲存字串並遍歷)框架字串
- excel兩列亂序姓名如何一一對應 excel 兩列資料自動配對Excel
- pandas中的遍歷方式速度對比
- 在Docker中,可以在一個容器中同時執行多個應用程序嗎?Docker
- 如何在 SAPGUI 的同一個螢幕顯示兩個 ALV listGUI
- 將MYSQL資料顯示在QT的tablewidget中/將QT中的資料儲存到MYSQL資料庫中MySqlQT資料庫
- Python遍歷資料夾常用的兩種方法!Python
- JS中的遍歷JS
- [資料結構] 根據前中後序遍歷中的兩種構造二叉樹資料結構二叉樹
- 遍歷物件鍵值對的兩種方法物件
- vscode中資料夾層級關係總是在一個資料夾顯示VSCode
- MyBatis的XML配置:如何判斷List為空並遍歷拼接MyBatisXML
- 在vim中顯示並編輯十六進位制
- 說說在 Python 中如何遍歷字典Python
- java list最優遍歷Java
- 在PHP中陣列遍歷的三種方法PHP陣列
- df.iterrows() 是 Pandas 中的一個方法,用於在遍歷 DataFrame 時,逐行返回每一行的索引和資料索引
- python對常見資料型別的遍歷Python資料型別
- JavaScript中迴圈遍歷JSON響應!JavaScriptJSON
- 資料遍歷
- Windows10中多屏顯示器型號獲取並與Screen對應Windows
- 在Android中呼叫攝像頭拍照並顯示出來Android
- WPF/C#:讓繪製的圖形可以被選中並將資訊顯示在ListBox中C#
- 在lambda的foreach遍歷中break退出(lambda foreach break)
- Morris中序遍歷
- 實時渲染技術在數字孿生專案中應用,對顯示卡什麼要求?
- Python新手常見問題五:在遍歷列表的同時又修改該列表Python
- Unity在檢視皮膚上顯示巢狀的多個listUnity巢狀
- ping 多臺伺服器並在類似 top 的介面中顯示伺服器
- indexedDB 遍歷資料Index
- 迴圈遍歷中幾個高頻使用的方法
- chat-gpt-google-extension: 在谷歌搜尋結果中同時顯示ChatGPT結果的chrome外掛Go谷歌ChatGPTChrome
- 大資料技術在應急事件處理中的啟示大資料事件
- 淺談大資料在抗疫中的應用和啟示大資料