Python網頁設計：Flask使用筆記(二)- 搭配HTML和CSS
7 min readApr 6, 2019
HTML
建立一個名為templates的資料夾，在裡面建立 index.html
#Flask會從templates裡面讀取html檔案
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Flask教學</title>
</head>
<body>
<h1>我的第一個Flask網站</h1>
<p> Flask是一個使用Python編寫的輕量級Web應用框架。</p>
</body>
</html>修改在第一篇建立的 main.py檔案
from flask import Flask, render_templateapp = Flask(__name__)@app.route("/")
def index():
return render_template("index.html")
@app.route("/yanwei")
def yanwei():
return "Hello, Yanwei"if __name__ == "__main__":
app.run(debug=True)
We made two new changes#render_template將會找尋html檔案傳送給使用者
我的第一個Flask網站Flask是一個使用Python編寫的輕量級Web應用框架。
增加更多頁面
在templates資料夾裡面建立 about.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Flask教學</title>
</head>
<body>
<h1>關於Flask網站</h1>
<p>本網站僅用於測試用途。</p>
</body>
</html>