在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
- 遍歷List 同時 remove 元素REM
- Python中list的遍歷Python
- java8 對list集合中的物件遍歷,重新賦值兩種方法,遍歷某個屬性返回陣列Java物件賦值陣列
- List,Map在遍歷的時候removeREM
- React中兩種遍歷資料的方法(map、forEach)React
- C#中遍歷TreeView的兩個常用方法C#View
- 遍歷當前目錄下的所有HTML檔案,並且顯示到螢幕中HTML
- 集合框架(List儲存字串並遍歷)框架字串
- 層序遍歷在ExtJs的TreePanel中的應用JS
- Java中list顯示的三種方法Java
- 在Docker中,可以在一個容器中同時執行多個應用程序嗎?Docker
- excel兩列亂序姓名如何一一對應 excel 兩列資料自動配對Excel
- number資料型別在查詢中的顯示資料型別
- 顯示對話方塊,同時半透明顯示背景Activity
- JS中的遍歷JS
- JavaScript 中的遍歷JavaScript
- Matlab對資料夾的層次遍歷和深度遍歷Matlab
- 將MYSQL資料顯示在QT的tablewidget中/將QT中的資料儲存到MYSQL資料庫中MySqlQT資料庫
- 資料結構與演算法——二叉樹的前序遍歷,中序遍歷,後序遍歷資料結構演算法二叉樹
- [資料結構] 根據前中後序遍歷中的兩種構造二叉樹資料結構二叉樹
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- java去掉陣列中重複的資料和遍歷資料Java陣列
- 在vim中顯示並編輯十六進位制
- 簡單的在兩個activity中傳遞資料
- 字典表資料在表單中顯示的方法請教!
- 遍歷物件鍵值對的兩種方法物件
- 在PHP中陣列遍歷的三種方法PHP陣列
- easyui tree 把選中的值存到資料庫中並從資料庫中取出在tree上顯示出來UI資料庫
- 如何在 SAPGUI 的同一個螢幕顯示兩個 ALV listGUI
- Python遍歷資料夾常用的兩種方法!Python
- 在一個資料庫中模擬兩個資料庫(每個資料庫中使用者都建立表的同義詞)資料庫
- 二叉樹的建立、前序遍歷、中序遍歷、後序遍歷二叉樹
- Oracle中對兩個資料表交集的查詢(轉)Oracle
- 如何在一個.ear檔案中同時包含兩個.war?
- 臨時表在Oracle資料庫與SQL Server資料庫中的異同Oracle資料庫SQLServer
- 說說在 Python 中如何遍歷字典Python
- Windows10中多屏顯示器型號獲取並與Screen對應Windows