Day 25 Flask render template

2022 iThome 鐵人賽

DAY 25

Modern Web

flask系列第 25 篇

14th鐵人賽

albert9137

團隊NUTC_IMAC_AATK

2022-10-06 03:13:34

889 瀏覽

分享至

Flask 回傳一個頁面是使用 render_template() 這個 function，而 Flask 會自動到根目錄下的 templates 資料夾找頁面回傳，所以必須先創建 templates 資料夾，讓 render_template() 這個 function 能在資料夾中找到 .html 檔進行呼叫

home
├── templates
│   └── index.html
├── app.py
├── configs.py
├── Pipfile
└── Pipfile.lock

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

configs.py

ENV = 'development'
DEBUG = True

app.py

import configs as CONFIGS
from flask import Flask, render_template

app = Flask(__name__)
app.config.from_object(CONFIGS)


@app.route("/index")
def index():
    return render_template('index.html')  # 回傳template資料夾中的index.html


if __name__ == "__main__":
    app.run()

執行結果