Python Flask網站開發(基礎環境建置安裝)【Python練習Day14】

這篇正式進入到Python Flask網站開發,從基礎環境建置、安裝Flask、到進行簡單的網站架設。

By.

min read

apple apple device design desk

pexels-photo-285814

標題上的天數完全沒有參考意義了,沒預料到自己學習進度這麼慢,歲末年初實在忙碌,想要一天練習一個章節、完成筆記根本沒辦法,但想說繼續記錄文章數和進度,就先不修改。

這篇練習進入到Python Flask網站開發,從基礎環境建置、安裝Flask、到進行簡單的網站架設。

Python Flask網站開發(基礎環境建置安裝)【Python練習Day14】

Python Flask網站開發流程

使用Flask套件,快速開發網站的三個步驟。

1.安裝Flask套件

flask安裝

Flask是一個使用Python撰寫的輕量級Web 應用程式框架,如果是使用Google Colab的話可以直接pip方式安裝。
其他安裝方式可以參考:Flask安裝說明

2.建立網站專案資料夾、撰寫網頁程式

接著必須為網站建立專案資料夾,方便管理程式和文件,
建立好以後就可以開始撰寫網頁程式。

3.啟動伺服器,測試網站運作

完成網站後利用flask模組功能啟動伺服器在本機上測試。


使用Flask架設網站(Google Colab)

基本寫法

from flask_ngrok import run_with_ngrok
from flask import Flask

app=Flask(__name__) #_name_ 代表目前執行的模組
run_with_ngrok(app)   #starts ngrok when the app is run
@app.route("/") #函式的裝飾(Decorator):以函式為基礎,提供附加的功能

首頁

@app.route("/")
def home():
  return "<h1>Running Flask on Google Colab!</h1>"

使用函式的方式,將HTML程式碼回傳。

分頁

@app.route("/about")
def test():
  return "<h1>This is about page!</h1><p>大家好,這是「行銷工具人」的Python練習系列文章!歡迎收看</p>"

另外再寫一個分頁”/about”,也是使用函式的方式,將HTML程式碼回傳。

練習:新增一個網站包含首頁和about頁,並於本機伺服器上測試。

#安裝Flask套件
!pip install flask-ngrok

from flask_ngrok import run_with_ngrok
from flask import Flask

app=Flask(__name__) #_name_ 代表目前執行的模組
run_with_ngrok(app)   #starts ngrok when the app is run
@app.route("/") #函式的裝飾(Decorator):以函式為基礎,提供附加的功能

#撰寫程式
def home():
  return "<h1>Running Flask on Google Colab!</h1>"

@app.route("/about")
def test():
  return "<h1>This is about page!</h1><p>大家好,這是「行銷工具人」的Python練習系列文章!歡迎收看</p>"
app.run() #立刻啟動伺服器

執行結果

image 3

執行後,程式會將網頁發佈,選擇Running on的第二個連結,可以看到實際網頁效果。

image 5

本次練習檔與影片

練習檔:Day14(1/3)Python Flask 網站開發 – 基礎環境建置教學
影片:Python Flask 網站開發 – 基礎環境建置教學 By 彭彭
其他參考資料:

【Python新手練習】相關文章

【Python新手練習】系列文,是一個行銷人學習Python的筆記,希望可以藉由練習程式,訓練更強大的邏輯思考,如果你也對這塊有興趣,這些文章或許可以幫助到你!也歡迎一起交流。

行銷人的Python練習90計畫-為什麼要學Python?
Day0:Google Colab新手Python開發環境推薦
Day1:Python變數與資料型態
Day2:Python判斷式與迴圈(流程控制)
Day3:Python函式 定義、呼叫與回傳
Day4:載入Python模組與使用
Day5:Python檔案讀取和儲存
Day6:Python亂數與統計
Day7:Python API 開放資料串接,抓取台北市政府公開資料
Day8:Python實體物件建立與使用
Day9:Python爬蟲實戰!抓取PTT電影版

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *