【建置環境說明】
開發環境是win11,python是3.10.7版本,編碼的工具是Visual Studio Code(簡稱vscode)
【本篇說明】
為了讓前端網頁(HTML)能和後端伺服器(server)互動,以 Flask建立web服務。
輸入以下程式碼:(這邊使用vscode開啟編碼,我取名為server.py,可自行取名)from flask import Flask, render_template # 從 flask模組載入 Flask、render_template
app = Flask(__name__) # 建立一個 Flask 物件,並命名為app,其中__name__ 表示目前執行的程式
@app.route("/") # 使用函式裝飾器,建立一個路由(或稱路徑),執行時可針對路徑"/"發出請求,作為API負責前端與後端之間的互動
def index(): # 發出請求後會執行index()函式
return render_template('firstscreen.html') # 會使用樣板引擎回傳(firstscreen.html)網頁的內容
if __name__ == '__main__': # 當執行__name__時,app開始執行
app.run()
★★★【補充】除了以下第3點需自行修改,其餘程式碼可以直接複製貼上:
1.@app.route("/"),裡面路徑"/",可以自訂,比如@app.route("/home")
2.def index(),定義函式名稱,也可寫成其他,比如def first()
3.return render_template('firstscreen.html'),裡面的firstscreen.html,可依照自己的html檔案,比如是myhome.html,程式碼改成return render_template('myhome.html')
【本篇小結】
這樣就完成 Flask建立web服務了!接下來就進入步驟3:建立前端HTML網頁。
【本篇結束】
在自學路上難免遇到困難,只要堅持到底,相信就會有所成果,期勉大家一同努力。