如何将变量从 Python 传递回 HTML 并显示它答案

【问题标题】：How to pass a variable from Python back to HTML and display it如何将变量从 Python 传递回 HTML 并显示它
【发布时间】：2019-12-23 08:55:12
【问题描述】：

我正在尝试使用 PWM 控制电机，在 Raspberry Pi 上使用 Flask 和 Python。我已经尝试过How to display a variable in HTML 中的解决方案，但它对我不起作用。

如何从 python 返回值，以及如何在 html 中显示它。 Html 使用网格来显示我可以在 python 中选择的选项。

我已经尝试了一些东西，可能正在返回值，但我无法显示它。

这里有一个python段：

app.route('/up_15/')

def up_15():

    global PWM_value

    PWM_value = PWM_value + PWM_increment
    duty_cycle_percentage = PWM_value * 100 / ms_per_cycle
    print("Duty Cycle[F]: " + str(duty_cycle_percentage))
    pwm.start(duty_cycle_percentage)
    time.sleep(.5) 
    pwm.ChangeDutyCycle(0)
    return (render_template('index.html'), PWM_value)

传递值并获得返回的HTML在这里。

设置： css

.grid-container {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  background-color: #ffffff;
  padding: 10px;
  grid-column-gap: 40px;
  grid-row-gap: 30px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 80px;
  text-align: center;
}

HTML：

<div class="grid-item">

    <a href="/up_15/" data-toggle="tooltip" title="Forward" class="btn btn-success">UP +15%</a>
</div>
<div class="grid-item"></div>     / display PWM_Value here
<div class="grid-item"></div>
<div class="grid-item">
    <a href="/down_15/" data-toggle="tooltip" title="Forward" class="btn btn-success">Down -15%</a>
</div>

理想情况下，我希望 PWM_value 的值显示在上面标记的网格中

【问题讨论】：

标签： python flask

【解决方案1】：

这是一个关于 Flask 的问题，而不是 HTML。

您应该将值传递给您的render_template 调用：

return render_template('index.html', PWM_value=PWM_value)

并在模板中使用 Jinja2 语法来显示它：

<div class="grid-item">{{ PWM_value }}</div>

【讨论】：

谢谢丹尼尔，这行得通。我想我的问题的一部分是不知道我需要询问系统的哪个方面。问题解决了。