使用 Flask 建立網站/入門

安裝

Flask 是一個 Python 庫，所以您首先需要安裝 Python。然後，您可以使用 pip 包管理器安裝 Flask

pip install flask

為了確保您已正確安裝 Flask，請執行以下 Python 指令碼

import flask

如果它沒有錯誤地執行，那麼您已經成功安裝 Flask!

Hello World!

在程式設計中，製作一個顯示“Hello World!”的程式是一種傳統。所以，我們將建立一個當我們訪問它時返回“Hello World!”的網站。

在您的程式碼編輯器中，編寫以下程式碼

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "Hello World!"

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

現在，儲存 Python 程式碼並像執行任何其他 Python 程式一樣執行它。然後，當您訪問 localhost:7070 時，您應該看到“Hello World!”。

程式碼分解

現在，讓我們逐行分解我們剛剛編寫的程式碼。

首先，我們需要從 Flask 模組匯入我們需要的東西（第 1 行）

from flask import Flask

然後，我們需要建立一個 Flask 物件的例項，它代表我們的 Web 應用程式（第 3 行）

app = Flask(__name__)

然後，我們建立一個裝飾器。裝飾器是修改下一個函式的函式。在本例中，當用戶訪問根頁面時，裝飾器向用戶顯示下一個函式返回的內容（第 5 行）

@app.route("/")

然後，我們實際上建立了將被裝飾器修改的函式，並使其返回“Hello World!”（第 5 和 6 行）

def hello_world():
    return "Hello World!"

我們也可以使函式返回一些 HTML

def hello_world():
    return "<h1>Hello World!</h1>"

然後，我們在埠 7070 上執行 Flask 物件（第 9 和 10 行）

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

新增更多路由

當然，沒有什麼能阻止我們擁有更多路由。例如，讓我們新增以下程式碼

@app.route("/about")
def about():
    return "<h1>This is my first Flask website!</h1>"

為了完整起見，以下是包含新程式碼塊的完整程式碼

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "Hello World!"

@app.route("/about")
def about():
    return "<h1>This is my first Flask website!</h1>"

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

現在，每當我們訪問 localhost:7070/about 時，我們都會看到“這是我的第一個 Flask 網站”作為標題（請注意，我們在函式的輸出中添加了 HTML 標籤）。