Bootstrap 和 Flask：如何接收 POST？

Question

我正在使用 Bootstrap 和 Flask 设计一个小型网络计算器。但是我已经完成了，这是我的代码：

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        return render_template('finish.html',
                               number1=request.form['number1'],
                               number2=request.form['number2'],
                               finish=(request.form['number1'] * request.form['number2']))
    else:
        return render_template('index.html')

这是以下内容的一部分index.html：

<form>
    <div class="form-group">
        <input type="text" class="form-control" name="number1" placeholder="Number1">
    </div>

    <div class="form-group">
        <input type="text" class="form-control" name="number2" placeholder="Number2">
    </div>
<button type="submit" class="btn btn-default">Submit</button>
</form>

所以我希望收到一个 POST，并返回结果。但是当我尝试运行我的程序时，输入这两个数字并提交它们。该程序没有收到 POST，这是日志：

127.0.0.1 - - [24/Sep/2015 22:20:25] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [24/Sep/2015 22:20:25] "GET /dist/js/bootstrap.min.js HTTP/1.1" 404 -
127.0.0.1 - - [24/Sep/2015 22:20:25] "GET /assets/js/ie10-viewport-bug-workaround.js HTTP/1.1" 404 -
127.0.0.1 - - [24/Sep/2015 22:20:29] "GET /?number1=12&number2=32 HTTP/1.1" 200 -

所以程序收到了类似的东西GET /?number1=12&number2=32，而不是帖子。并且网页仍然在/。如何将其更改为 POST 或使用/?number1=12&number2=32？

Answer 1

更改您的表单，以便它发布数据（您还必须添加一些引导程序信息）：

<form method="POST" role="form" class="form-horizontal">

还将您的按钮更改为输入：

<input type="submit" class="btn btn-default" value="Submit"/>