将数据从HTML表单通过Flask传递到API [重复]

Question

这个问题已经在这里有了答案：

• 获取烧瓶请求中收到的数据 16个答案
• 从HTML表单发布值并在Flask视图中访问它们 1答案

因此，我目前正在使用Python开发一个应用程序，该应用程序将显示实时出发，然后在离出发时间0分钟时显示倒计时。 我的问题是我不想编辑代码来更改停靠点，我只想能够输入route_type并从html表单停靠，然后通过Flask将其传递给API。

该API是包含实时出发时间的PTV时间表API 。 该API有一个Swagger页面，所以我知道要插入什么。

因此，我完成的工作是添加身份验证代码，然后将引导程序中的表单添加到HTML文件中。 我已经尝试过搜索问题，但是我真的不知道HTML表单如何与flask对话，以便可以将其添加到API中。 谢谢

Python代码

def getUrl(request):
DevId = <ID>
apikey = <KEY>
request = request + ('&amp;') if ('?' in request) else '?')
raw = 'request' +'DevId={0}'.format(DevId)
hashkey = hmac.new(key, raw, sha1)
signature = hashkey.hexdigest()
return ''https://timetableapi.ptv.vic.gov.au'+raw+'&amp;signature={1}'.format(devId, signature)

from_zone = tz.gettz('UTC')
to_zone = tz.gettz ('Australia/Melbourne')

#get next departures
url = getUrl('/v3/departures/route_type/{route_type}/stop/{stop_id}')


@app.route('/')
@app.route('home')
    def home():
        return flask.render_template('home.html')

HTML代码

<body>
    <form>
      <div class="form-group">
        <label for="station-id-input">Station ID</label>
        <input type="text" class="form-control" placeholder="Station ID">
      </div>
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" id="inline-train" value="route_type0">
        <label class="form-check-label" for="inline-train">Train</label>
      </div>
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" id="inline-tram" value="route_type1">
        <label class="form-check-label" for="inline-train">Tram</label>
      </div>
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" id="inline-bus" value="route_type2">
        <label class="form-check-label" for="inline-train">Bus</label>
      </div>
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" id="inline-vline" value="route_type3">
        <label class="form-check-label" for="inline-train">V/Line</label>
      </div>
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" id="inline-nightbus" value="route_type4" disabled>
        <label class="form-check-label" for="inline-train"Night Bus (Not Implemented)</label>
      </div>
</body>

Answer 1

因此从html与flask进行通信的一种很好且有据可查的方法是通过flask wtforms 。 它实际上可以帮助您验证html中的表单，并通常通过CSRF令牌保护来自前端的POST请求。

在文档中，您有一个最小的示例，对您而言可能是一个很好的起点：

from flask_wtf import FlaskForm
from wtforms import StringField
from wtforms.validators import DataRequired

class MyForm(FlaskForm):
    name = StringField('name', validators=[DataRequired()])

的HTML

PS：大括号来自jinja2 ，它是python的模板语言。

<form method="POST" action="/">
    {{ form.hidden_tag() }}
    {{ form.name.label }} {{ form.name(size=20) }}
    <input type="submit" value="Go">
</form>

证实

@app.route('/submit', methods=('GET', 'POST'))
def submit():
    form = MyForm()
    if form.validate_on_submit():
        return redirect('/success')
    return render_template('submit.html', form=form)

这很简单，您创建一个表单，将其在路由中一起传递给前端，然后在用户提交表单时尝试对其进行验证。

---

综上所述，如果您只想发送表单数据并在flask中进行处理，那么您真正需要做的就是在端点中创建/接受POST请求：

@app.route('/', methods=('GET', 'POST'))
@app.route('home')
    def home():
        if request.method == 'POST':
           form = request.form
           value1 = form['value1']
           # do something with the values from the form.
        return flask.render_template('home.html')

由于验证/安全问题，我不建议这样做，但是如果您不熟悉烧瓶，这可能是一个起点。