【Flask】Flask 将表单数据发送到模板

最新推荐文章于 2023-10-21 20:59:07 发布

mjiansun

最新推荐文章于 2023-10-21 20:59:07 发布

阅读量628

点赞数

分类专栏： Python

原文链接：https://www.w3cschool.cn/flask/flask_sending_form_data_to_template.html

版权

Python 专栏收录该内容

368 篇文章 33 订阅

订阅专栏

Flask 将表单数据发送到模板

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

在以下示例中，'/' URL 会呈现具有表单的网页（student.html）。填入的数据会发布到触发 result() 函数的 '/result' URL。

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 脚本。

 <form action="http://localhost:5000/result&quot" 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>

下面给出了模板（ result.html ）的代码：

< &gt等转义字符请参考https://blog.csdn.net/u013066730/article/details/108358895

发现转义字符不行，所以就不用了。

<!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/。

当点击提交按钮时，表单数据以 HTML 表格的形式呈现在 result.html 上。

mjiansun

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【Flask】Flask 将表单数据发送到模板

Flask 将表单数据发送到模板Flask 将表单数据发送到模板我们已经看到，可以在 URL 规则中指定 http 方法。触发函数接收的Form数据可以以字典对象的形式收集它并将其转发到模板以在相应的网页上呈现它。在以下示例中，'/' URL会呈现具有表单的网页（student.html）。填入的数据会发布到触发result()函数的'/result' URL。results()函数收集字典对象中的request.form中存在的表单数据，并将其发送给result.htm...
复制链接

扫一扫

专栏目录