Question

我试图在Raspberry Pi上使用Flask和Python使用PWM控制电机。我已经在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的值

Answer 1

这是有关Flask而不是HTML的问题。

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

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

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

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

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

1 个答案: