Skip to content

[Python] Flask 學習心得筆記 (0): 建立一個基本的靜態網頁

系列文章

前言

之前由於一直想著要自己撰寫一個功能性網頁的需求 (跟圍棋記譜相關的)，故開始比較常接觸 HTML。因緣際會下，我接觸到了使用 Python 開發網頁的 Flask 以及 Django，在兩方都簡單嘗試了之後，我最終選擇了比較深入地學習 Flask——即便我現在還是 Flask 的超級初心者，哈哈哈哈。

既然要紀錄 Flask 學習的心得筆記，那就不能不簡單介紹一下 Flask 究竟是什麼。

Flask 是一個『輕量化』的網頁開發框架。在官方的文件當中一開始便會強調：所謂的『輕量化』指的並不是你只需要一個 Python 檔就可以做完所有需求 (當然官方文件也或說你當然可以辦到這種事情 XDDD) ，而是 Flask 只具有最基本的核心功能，然而你卻可以視你的需求去擴充各式各樣的功能。

然後很值得提及的是，既然是使用 Python 開發的框架，那你便可以使用 Python 完成許多後台的工作，非常親民。

好啦，前面一直都只是在使用文字敘述 Flask 是什麼樣的框架，接下來就實際看看 Flask 要怎麼運作吧！

安裝

若是電腦中並沒有安裝 Python 這個程式語言，可以參考我之前寫過的 Python 基本教學(一) 下載安裝，然後 Hello World !。

若是第一次使用 Flask，則需要使用以下指令安裝：

pip3 install Flask

Hello World

安裝好了之後，我們首先便來試著執行一個最基本的網頁，暫時沒有任何其他的功能、僅僅只在我們開啟的網頁上印出 “Hello World” (這個會不會太無聊？)

# -*- coding: utf-8 -*-
from flask import Flask

app = Flask(__name__)


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


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



Output:

點擊 “http://127.0.0.1:5000/”，我們便會使用預設瀏覽器打開像是以下這樣的網頁：

以下我們一行行解釋程式碼：

from flask import Flask

app = Flask(__name__)



這裡我們先是匯入了 Flask 相關的套件，並使用 “app” 這個變數賦予 Flask 這個物件。

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



在這裡，我們先是使用 “app.route(‘/’)” 註冊了個空間 “/” (這個符號是根目錄的意思)，並在底下定義我們要執行的程式。也正如您所見，是返回 “Hello World!” 的字串。

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



這部份是執行剛剛我們初始化好的 app 變數，使用 “run()” 函式執行。

順帶一題， Port 設定為 5000 是 Flask 預設的 Port，如果想要更改，可以將最後一行執行的部份修改為：

if __name__ == '__main__':
     app.run(host='127.0.0.1', port=8000)



這樣一來，Port 就會開啟在 8000 的端口，數字可以任意設定。

如果沒有問題正常地打開了網頁，那麼恭喜！Flask 在電腦上是可以正常地運作的。

這第一步是非常重要的，確認 Flask 可以運作是往後所有筆記的基礎。

References

Tags:

Leave a Reply