烧瓶中的返回按钮

时间:2020-09-15 15:34:46

标签: python flask button

我正在学习使用Flask,但是没有为此找到一个“简单的解决方案”(“简单的解决方案”,对于我的菜鸟级别来说,这很容易,代码行很少),所以我在这里寻求帮助。 / p>

如何在烧瓶中新生成的页面上创建“后退”按钮?

这是我的代码:

calculator.py

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route("/")
def my_form():
    return render_template("calc.html")

@app.route("/", methods=['POST'])
def my_form_post():
    num_1 = request.form['Number 1']
    num_2 = request.form['Number 2']
    result = int(num_1) + int(num_2)
    render = render_template("calc_result.html")
    #return render_template("calc_result.html")
    return "The result from " + str(num_1) + " plus " + str(num_2) + " is: " + str(result) + "."


app.run(host='127.0.0.1', port=5000)

calc.html

<html>
    <body>

    <form method = "POST">
    <input name = "Number 1">
    <input name = "Number 2">
    <input type = "submit">
    
    </body>
</form>

代码正在运行,正在接收数字并进行数学运算,但是问题是,我无法在新生成的页面中生成带有结果的“后退”按钮。

例如,如果我在calc.html中放入10 + 10,我将收到:

10加10的结果是:20。

我想在此页面上放置一个“后退”按钮或学习如何在新的凝胶化页面中生成一个新按钮,所以我会收到类似的信息:

10加10的结果是:20。

返回

对不起英语。


编辑:

这是用户在第一页上看到的:

What user see in first page

将两个数字相加后,他们看到:

Result page

我希望允许用户返回首页并能够再进行一笔款项。

在两个页面中,链接都是相同的:http://127.0.0.1:5000/

2 个答案:

答案 0 :(得分:0)

在“ calc_result.html”文件中,创建一个链接或按钮,然后使用“ url_for”命令将您带回到“ calc.html”页面。 Flask允许您通过Jinja模板将Python代码插入HTML。请查看快速入门指南here。所以:

<a href="{{ url_for('my_form') }}">Back</a>

答案 1 :(得分:0)

您可以使用以下代码:

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
  window.history.back();
}
</script>

请参考this