如何在Jinja2中插入JavaScript仪表插件并设置/更新其参数?

1 投票
1 回答
3168 浏览
提问于 2025-04-18 01:13

我在justgage.com网站上发现了一个有趣且好看的仪表盘。

errors-gauge

我很想在我的应用程序中插入这个仪表盘,我的应用是用Flask写的,并且使用Jinja2模板语言。不过不幸的是,我不知道该怎么做。

上面的网站上,他们展示了我只需要插入以下代码:

<script>
  var g = new JustGage({
    id: "gauge", 
    value: 67, 
    min: 0,
    max: 100,
    title: "Visitors"
  }); 
</script>

好的,但我还想通过Jinja标记{{ }}或者在Python中设置和更新一些参数(比如valuemax等),然后把所有内容(从<script></script>)导出到Jinja中。例如:

    value: {{ my_val_from_the_database }}

在Jinja2或Python/Flask中可以做到这一点吗?或者有没有其他方法可以实现?

非常感谢!

1 个回答

3

你已经找到了答案

是的,你可以从jinja中赋值

<html>
  <head>
  <script>
    var g = new JustGage({
     id: "gauge", 
     value: {{value}}, 
     min: 0,
     max: 100,
     title: {{gage_tile}}
   }); 
 </script>
.....

在python中

data = {
   "value" :  custom_value,
   "gage_title" : custom_title
}

render('template.html', data)

撰写回答