Flask 简明教程

Flask – Sending Form Data to Template

我们已经看到,可以在 URL 规则中指定 http 方法。触发函数收到的 Form 数据可以以字典对象的形式收集,并将其转发到模板以便在相应的网页上渲染它。

在下面的示例中, ‘/’ URL 渲染一个包含表单的网页 (student.html)。填写其中的数据将发布到 ‘/result’ URL,该 URL 会触发 result() 函数。

results() 函数会以字典对象收集 request.form 中存在的表单数据,然后将其发送给 result.html 进行渲染。

模板会动态渲染 form 数据的 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>
   <body>
      <form action = "http://localhost:5000/result" method = "POST">
         <p>Name <input type = "text" name = "Name" /></p>
         <p>Physics <input type = "text" name = "Physics" /></p>
         <p>Chemistry <input type = "text" name = "chemistry" /></p>
         <p>Maths <input type ="text" name = "Mathematics" /></p>
         <p><input type = "submit" value = "submit" /></p>
      </form>
   </body>
</html>

以下是模板 (result.html) 的代码:

<!doctype html>
<html>
   <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/

submit marks

当点击 Submit 按钮时,表单数据以 HTML 表格形式呈现在 result.html 上。

marks table