如何在Jinja2中插入JavaScript仪表插件并设置/更新其参数?
我在justgage.com网站上发现了一个有趣且好看的仪表盘。
我很想在我的应用程序中插入这个仪表盘,我的应用是用Flask写的,并且使用Jinja2模板语言。不过不幸的是,我不知道该怎么做。
在上面的网站上,他们展示了我只需要插入以下代码:
<script>
var g = new JustGage({
id: "gauge",
value: 67,
min: 0,
max: 100,
title: "Visitors"
});
</script>
好的,但我还想通过Jinja标记{{ }}
或者在Python中设置和更新一些参数(比如value
、max
等),然后把所有内容(从<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)