Flask表單處理

我們已經看到,可以在URL規則中指定http方法。URL映射的函數接收到的表單數據可以以字典對象的形式收集,並將其轉發給模板以在相應的網頁上呈現它。

在以下示例中,URL => / 呈現具有表單的網頁(student.html)。填充的數據會提交到觸發result()函數的URL => /result 中。

results()函數收集字典對象中request.form中存在的表單數據,並將其發送給result.html 並顯示出來。

該模板動態呈現表單數據的HTML表格。

下面給出的是Python的應用程序代碼 -

from flask import Flask, render_template, request
app = Flask(__name__)

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

@app.route('/result',methods = ['POST', 'GET'])
def result():
    if request.method == 'POST':
        result = request.form
        return render_template("result.html",result = result)

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

以下是 student.html 的HTML腳本的代碼。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flask示例</title>
</head>
   <body>

      <form action = "http://localhost:5000/result" method = "POST">
         <p>姓名 <input type = "text" name = "Name" /></p>
         <p>物理分數: <input type = "text" name = "Physics" /></p>
         <p>化學分數: <input type = "text" name = "Chemistry" /></p>
         <p>數學分數: <input type ="text" name = "Mathematics" /></p>
         <p><input type = "submit" value = "提交" /></p>
      </form>

   </body>
</html>

模板代碼(result.html)在下面給出 -

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flask示例</title>
</head>
   <body>

      <table border = 1>
         {% for key, value in result.items() %}
            <tr>
               <th> {{ key }} </th>
               <td> {{ value }} </td>
            </tr>
         {% endfor %}
      </table>

   </body>
</html>

運行Python腳本,並在瀏覽器中輸入URL => http://localhost:5000/ 。結果如下所示 -

Flask表單處理

當點擊提交按鈕時,表單數據以HTML表格的形式呈現在result.html 中,如下所示 -

Flask表單處理

0 條評論,你可以發表評論,我們會進行改進
Comment author placeholder