iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 1
3
Modern Web

慢慢帶你了解Flask系列 第 1

慢慢帶你了解Flask - Day1 前言和Flask安裝

大家好,我是長風青雲。
今天是鐵人賽第一天,所以我先講前言還有基本套件的安裝。

前言

會接觸到Flask,還是在我大三的時的畢業專題。
那個時候我寫的api使用的是Tornado框架,學長就在旁邊說「為什麼不用Flask?」
這句話一直留在我的心裡,可是一直沒什麼 『機緣巧合』 讓我會去碰觸網站這塊。
(畢竟我比較感興趣的部分其實是AI和IoT還有Embedded System)
所以在寫網頁的部分……能力有所欠缺。
(而且我好像沒有美感這種東西?)

但就在今年七月,我姊突然說想要我幫她寫一個網站。(雖然寫好了她又不用)
腦海裡就突然閃過學長的那句「為什麼不用Flask?」,於是我就大手一揮就決定了我姊的網站要使用Flask的框架來寫了。
所以這些應該算是……這些日子以來的筆記?

安裝

Flask她是一個使用Python來寫的網路框架。
所以你首先要做的第一步,就是下載Python。
(雖然應該沒有人不會安裝,但是我還是帶過一下。)
下載網址:https://www.python.org/downloads/
進到這個網站後,就直接按下去吧,不要懷疑。(雖然有些人不喜歡用最新版)
https://ithelp.ithome.com.tw/upload/images/20190902/2012011613pNXQTVUM.png
下載好後,開始進行安裝。
https://ithelp.ithome.com.tw/upload/images/20190902/20120116XOp03xqAjb.png
因為懶,我不想再去環境變數那邊調整變數,所以下面那個請一定要打勾啊!
安裝好後,按close,然後我們做個簡單的測試。
https://ithelp.ithome.com.tw/upload/images/20190902/20120116Sa9kWoJaU6.png
打開自己慣用的編輯器,然後輸入。

print(“Hello World!”)

(雖然可以直接靠CMD測試,可是我有個人習慣)
然後打開CMD,找到你的test.py所在的目錄,並執行她。
https://ithelp.ithome.com.tw/upload/images/20190902/20120116mwarY1sCNo.png
非常成功 ^w^

接下來要開始安裝基本套件了
pip install flask
https://ithelp.ithome.com.tw/upload/images/20190902/201201165TdLBlX8Ud.png
然後開始撰寫你的第一個Flask網站。
代碼如下:

from flask import Flask

app = Flask(__name__)

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

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

再去終端機打開server。
https://ithelp.ithome.com.tw/upload/images/20190902/20120116drHASyG4k2.png
開啟網頁瀏覽器,並進行測試。
(如果你想要把她丟到你想要的ip和port)
(則把app.run(debug=True)改為app.run(host=”你想要的ip”,port=”你想要的port”,debug=True))
(順帶一提,自己的ip,可以用0.0.0.0替換之。)
https://ithelp.ithome.com.tw/upload/images/20190902/20120116McF4V8QenH.png
恭喜~你的第一個Flask網站寫好了。

今天先講到這裡,明天的內容是介紹剛剛打的flask_test_1的變型。
https://ithelp.ithome.com.tw/upload/images/20190902/20120116Q1ci6yt4wE.jpg


下一篇
慢慢帶你了解Flask - Day2 Flask的URL
系列文
慢慢帶你了解Flask30

1 則留言

1
阿瑜
iT邦新手 4 級 ‧ 2019-09-03 01:40:37

簽到#1
簡潔有力的flask 初步認識
可以稍微講一下你姐跟你說的主題內容和用flask的好處

Flask 好處應該算是靈活然後輕?
不過主題內容我後面會有幾個實例 我姊的只是其中一個XD

阿瑜 iT邦新手 4 級 ‧ 2019-09-03 15:07:30 檢舉

那Flask 應該很瘦,又靈活又輕。
Ok Ok ,感覺看完可以學到很多 /images/emoticon/emoticon15.gif

我要留言

立即登入留言