前端與後端聯動：Flask模板渲染HTML動態數據示例

本文介紹Flask框架實現前後端數據聯動渲染的基礎方法。首先需安裝Flask並創建項目結構（含app.py和templates文件夾）。後端通過@app.route定義路由，視圖函數準備數據（如用戶信息字典），並以render_template將數據傳遞給前端模板。前端模板利用Jinja2語法（變量輸出{{ }}、條件判斷{% if %}、循環渲染{% for %}）展示數據。運行app.py後訪問localhost:5000，即可看到動態渲染的用戶信息。核心步驟：後端數據準備與路由渲染、前端模板語法解析。掌握此流程後，可擴展更多數據傳遞與模板複用（如多條件判斷、列表渲染），是Web開發前後端協作的基礎。