Skip to content

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

Last Updated on 2021-06-06 by Clay


系列文章


前言

之前由於一直想著要自己撰寫一個功能性網頁的需求 (跟圍棋記譜相關的),故開始比較常接觸 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

Leave a Reply