輕鬆入門Flask：一步步教你安裝並配置Flask框架-Python教學-PHP中文網

輕鬆入門Flask：一步步教你安裝並配置Flask框架

王林

發布： 2024-02-21 10:36:04

原創

1209 人瀏覽過

輕鬆入門Flask：一步步教你安裝並配置Flask框架

輕鬆入門Flask：一步步教你安裝並配置Flask框架，需要具體程式碼範例

引言：

Flask是一個簡單易學的Python web框架，由於其靈活性和易用性，越來越多的開發者選擇使用Flask來建立網路應用程式。本文將一步步教你如何安裝和設定Flask框架，並提供了具體的程式碼範例，幫助你快速掌握Flask的基本用法。

第一步：安裝Flask

在開始之前，需要確保你的電腦已經安裝了Python和pip，因為Flask是Python的一個擴充模組。如果你尚未安裝，可以從Python官網下載並安裝。

安裝Flask非常簡單，只需在終端機或命令列中執行以下命令：

pip install flask

登入後複製

如果你遇到權限問題，可以嘗試在命令前加上sudo：

sudo pip install flask

登入後複製

等待安裝完成後，即可開始建立你的第一個Flask應用程式。

第二步：Hello World

在你的專案目錄下建立一個名為app.py的Python文件，並在其中輸入以下程式碼：

from flask import Flask

app = Flask(__name__)

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

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

登入後複製

以上程式碼創建了一個名為app的Flask應用程序，並定義了一個名為hello的路由。當存取根路徑"/"時，會執行hello函數並傳回"Hello World!"。

儲存並運行這個文件，你將看到類似於以下的輸出：

 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

登入後複製

這表示Flask應用程式已經成功運行在本機伺服器上，你可以透過在瀏覽器中輸入http://127.0.0.1:5000/來訪問它。

第三步：路由和視圖函數

路由是Flask應用程式中的URL位址，它告訴Flask在收到使用者請求時應該執行哪個函數。路由可以帶有變量，這樣你可以根據不同的變量值返回不同的結果。

修改app.py文件，新增一個新的路由和視圖函數：

@app.route("/hello/<name>")
def say_hello(name):
    return f"Hello {name}!"

@app.route("/add/<int:num1>/<int:num2>")
def add(num1, num2):
    result = num1 + num2
    return f"The result is {result}"

登入後複製

在上述程式碼中，我們定義了兩個路由。第一個路由/hello/接受一個名為name的變量，並傳回對應的問候語。第二個路由/add//接受兩個整數變量，並傳回它們的和。

儲存並重新執行app.py文件，然後在瀏覽器中輸入http://127.0.0.1:5000/hello/YourName來測試第一個路由，輸入http://127.0.0.1: 5000/add/2/3來測試第二個路由。

第四步：模板和靜態檔案

在實際的Web應用程式中，我們通常會使用模板引擎來動態產生HTML頁面。 Flask內建了Jinja2模板引擎，可以幫助我們更方便地處理模板。

在你的專案目錄下建立一個名為templates的資料夾，並在其中建立一個名為index.html的HTML範本檔案：

<!DOCTYPE html>
<html>
<head>
    <title>Flask Demo</title>
</head>
<body>
    <h1>Hello, {{ name }}!</h1>
    <p>The result is {{ result }}.</p>
</body>
</html>

登入後複製

修改app.py文件，使用render_template函數渲染這個範本：

from flask import render_template

@app.route("/template/<name>/<int:num1>/<int:num2>")
def template_example(name, num1, num2):
    result = num1 + num2
    return render_template('index.html', name=name, result=result)

登入後複製

在上述程式碼中，我們定義了一個新的路由/template///，並且使用render_template函數將name和result傳遞給模板。

儲存並重新執行app.py文件，然後在瀏覽器中輸入http://127.0.0.1:5000/template/YourName/2/3來查看範本渲染的結果。

除了模板之外，Flask還允許你在應用程式中使用靜態文件，例如CSS和JavaScript。只要在專案目錄下建立一個名為static的資料夾，並將靜態檔案放入其中即可。在HTML模板中，可以使用url_for函數來引用靜態檔案。

結論：

透過本文的介紹，你已經學會如何安裝和配置Flask框架，並掌握了Flask的基本用法。接下來，你可以繼續學習Flask的更進階功能，例如資料庫操作和表單驗證。 Flask具有強大的擴充能力，可以滿足不同專案的需求。祝你在Flask的學習和應用中取得成功！

以上是輕鬆入門Flask：一步步教你安裝並配置Flask框架的詳細內容。更多資訊請關注PHP中文網其他相關文章！