Flask 模板,静态文件,POST传值

最新推荐文章于 2022-08-05 10:42:08 发布

zhiliang-chen

最新推荐文章于 2022-08-05 10:42:08 发布

阅读量606

点赞数

CC 4.0 BY-SA版权

分类专栏： Python # Flask 文章标签： flask python

本文链接：https://blog.youkuaiyun.com/liangkiller/article/details/102465830

Python 同时被 2 个专栏收录

20 篇文章

订阅专栏

Flask

9 篇文章

订阅专栏

本文详细介绍了一个基于Flask框架的Web应用程序实例，包括模板文件、静态文件的组织方式，以及如何通过Jinja2语法处理表单数据并显示结果。具体涵盖了Flask的路由设置、请求处理和模板渲染等关键环节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模板文件是放在目录templates下,静态文件放在目录static下;
模板使用Jinja2语法;

首页模板./templates/index.html

<html>
    <head>
        <title>{{title}}</title>
        <script type = "text/javascript" src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
    </head>

    <body>
        <form action = "http://localhost:8080/result" method = "POST">
            <p>Name <input type = "text" name = "Name" /></p>
            <p>Physics <input type = "text" name = "Physics" /></p>
            <p><input type = "submit" value = "submit" /></p>
        </form>
    </body>
</html>

处理结果页模板./templates/result.html

<!doctype html>
<html>
    <body>
        <table border = 1>
            {% for key, value in info.items() %}
                <tr>
                    <th> {{ key }} </th>
                    <td> {{ value }} </td>
                </tr>
            {% endfor %}
        </table>
    </body>
</html>

静态文件./static/hello.js

function sayHello() {
    alert("Hello World")
}

控制器文件IndexController.py

from flask import Flask, render_template, request;

app = Flask(__name__);
app.strict_slashes = False;

# 首页
@app.route('/')
@app.route('/index')
def index():
    # 定义模板变量title
    return render_template('index.html',title = 'Home');

# 处理结果页
@app.route('/result',methods = ['POST', 'GET'])
def result():
    res = {};
    if request.method == 'POST':
        res = request.form;
    if request.method == 'GET':
        res['Name'] = request.args.get('Name');
        res['Physics'] = request.args.get('Physics');
    # 将结果赋值给模板变量info
    return render_template("result.html", info = res);


if __name__ == '__main__':
    app.run('0.0.0.0', 8080, debug = True);

运行

$ python IndexController.py

访问

//# POST
http://127.0.0.1:8080/

//# GET
http://127.0.0.1:8080/result?Name=test&Physics=80

参考
https://www.tutorialspoint.com/flask/flask_sending_form_data_to_template.htm