Skip to content

[Flask] 學習心得筆記 (3): request 當中 Get、Post 的指令

Last Updated on 2021-06-06 by Clay

系列文章


前言

上次的心得筆記當中紀錄了使用 render_template() 將 HTML 的檔案透過 Flask 框架呈現,那麼,今天便來簡單紀錄如何透過 request 請求來與 HTML 互動。

Flask 的 request 常見的方法有 Get 和 Post,以下分別紀錄範例程式。


Get

request 當中的 Get 指令,顧名思義便是能夠取得網頁上的資料,常見的一種型態為取得網紙上的參數輸入。

以下我們來看個簡單的例子。

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


app = Flask(__name__)


@app.route('/', methods=['GET'])
def main():
     name = request.args.get('name')
     return 'My name is {}'.format(name)


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



Output:

首先我們要匯入 request 相關的套件,並且在程式碼中使用 "request.args.get('name')" 來取得 name 這個參數的值。然後,我們將值輸入在 "My name is" 的後方。

但是一打開圖片的時候,可以看到後方接著的不是任何參數,而是 "None";這是由於我們還沒有輸入 name 這個參數的值。

那麼我們就來輸入吧!

如何? "Clay" 這個名字是不是就顯示出來了呢?這就是使用 request.args.get() 取得的參數。


Post

Post 則跟單純的 Get 又不太一樣了,常見的 Post 多用於與 HTML 之間的交互。也許這樣說明還是不太清楚,以下我們直接製作一個『登入界面』試試看。

首先是撰寫一個 HTML 的登入檔 login.html (發送 Post 參數的格式必須為 form):

<body style="background-color: black">
     <form method="post" action="/login">
         <input type="text" name="user">
         <button type="submit">Submit</button>
     </form>
</body>



然後撰寫一個接受輸入參數跳轉的 HTML 檔 result.html:

<body style="background-color: black">
     <p style="color: white">Your user name is {{ name }}</p>
</body>



因為要接收來自 Post 的參數,故使用 {{ name }} 這種 Jinja2 語法。

# -*- coding: utf-8 -*-
from flask import Flask, render_template, request


app = Flask(__name__)


@app.route('/')
def main():
     return render_template('login.html')


@app.route('/login', methods=['POST'])
def result():
     if request.method == 'POST':
         user = request.values['user']
         return render_template('result.html', name=user)


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



Output:

這是 login.html 呈現的界面

然後我們輸入 "Clay",並點擊 Submit。

然後我們就會看到跳轉頁面之後的結果了、網址也會從根目錄換成 "/login"。

我們可以透過這種交互方式,完成各式各樣的網頁功能。


參考資料

4 thoughts on “[Flask] 學習心得筆記 (3): request 當中 Get、Post 的指令”

  1. 您好 我想問的問題是
    我現在網路上找到的全部是text input之後 request POST出來的資料

    可是我如果想要算3+3=6
    那我可以輸入3
    然後直接在HTML裡運算
    再回傳6的值到flask嗎
    我已經找網路找了好幾天都沒找到這個答案
    謝謝

    1. ccs96307

      直接在 Flask 當中計算的意思嗎?
      畢竟 Flask 的好處之一就是可以使用 Python 處理程式邏輯的部份。

      比方說從 request.values[‘value’] 取得值,然後 +3 傳送給下一個頁面。

      還是我誤會你的意思了?

Leave a Reply取消回覆

Exit mobile version