我们已经看到,可以在 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/
。结果如下所示 -
当点击提交按钮时,表单数据以 HTML 表格的形式呈现在result.html 中,如下所示 -