Python Flask框架学习12：Flask 将表单数据发送到模板

最新推荐文章于 2024-06-24 22:54:04 发布

胖哥真不错

最新推荐文章于 2024-06-24 22:54:04 发布

阅读量569

点赞数

分类专栏： python flask 文章标签： python flask

本文链接：https://blog.csdn.net/weixin_42163563/article/details/106162894

版权

python 同时被 2 个专栏收录

534 篇文章 102 订阅

订阅专栏

flask

32 篇文章 3 订阅

订阅专栏

Flask 将表单数据发送到模板

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

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

result()函数收集字典对象中的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脚本。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<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 lang="en">

<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

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

Marks Table

更多内容，可关注作者的微信公众号：胖哥真不错。

胖哥真不错

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Python Flask框架学习12：Flask 将表单数据发送到模板

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

扫一扫